-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
22ed7aa
commit 8cb064f
Showing
2 changed files
with
166 additions
and
22 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,165 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<title>DragonsRule10</title> | ||
<meta charset="UTF-8"> | ||
<link href="https://cdn.discordapp.com/attachments/1138143016679383162/1150387319136854077/Dragon_10new.png" rel="shortcut icon" type="image/x-icon"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> | ||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat"> | ||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
|
||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> | ||
</head> | ||
<body class="w3-content" style="max-width:1300px"> | ||
|
||
<!-- First Grid: Logo & About --> | ||
<div class="w3-row"> | ||
<div class="w3-half w3-black w3-container w3-center" style="height:700px"> | ||
<div class="w3-padding-64"> | ||
<h1>My Logo</h1> | ||
</div> | ||
<div class="w3-padding-64"> | ||
<a href="#" class="w3-button w3-black w3-block w3-hover-blue-grey w3-padding-16">Home</a> | ||
<a href="#work" class="w3-button w3-black w3-block w3-hover-teal w3-padding-16">My Work</a> | ||
<a href="#work" class="w3-button w3-black w3-block w3-hover-dark-grey w3-padding-16">Resume</a> | ||
<a href="#contact" class="w3-button w3-black w3-block w3-hover-brown w3-padding-16">Contact</a> | ||
</div> | ||
</div> | ||
<div class="w3-half w3-blue-grey w3-container" style="height:700px"> | ||
<div class="w3-padding-64 w3-center"> | ||
<h1>About Me</h1> | ||
<img src="/w3images/avatar3.png" class="w3-margin w3-circle" alt="Person" style="width:50%"> | ||
<div class="w3-left-align w3-padding-large"> | ||
<p>Hello, I'm Tristin. I make plugins and mods for small Minecraft Servers and worlds, I also know HTML. If you want to learn more head to the "Dragons Studio" section. I am usally always active on Discord so if you have a question ask there!</p> | ||
<p>Away from the desk, I love shooting arrows, I use a recurve bow, and my common distance is about 10ft. Biking is also a hobby, I love going on bike trails, no matter where.</p> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<!-- Second Grid: Work & Resume --> | ||
<div class="w3-row"> | ||
<div class="w3-half w3-light-grey w3-center" style="min-height:800px" id="work"> | ||
<div class="w3-padding-64"> | ||
<h2>My Work</h2> | ||
<p>Some of my latest projects.</p> | ||
</div> | ||
<div class="w3-row"> | ||
<div class="w3-half"> | ||
<img src="/assets/societyunites.png" alt="Society Unites" style="width:100%"> | ||
</div> | ||
<div class="w3-half"> | ||
<img src="" alt="Dragon Studios" style="width:100%"> | ||
</div> | ||
</div> | ||
<div class="w3-row w3-hide-small"> | ||
<div class="w3-half"> | ||
<img src="" style="width:100%"> | ||
</div> | ||
<div class="w3-half"> | ||
<img src="" style="width:100%"> | ||
</div> | ||
</div> | ||
|
||
<div class="w3-row w3-hide-small"> | ||
<div class="w3-half"> | ||
<img src="" style="width:100%"> | ||
</div> | ||
<div class="w3-half"> | ||
<img src="" style="width:100%"> | ||
</div> | ||
</div><br> | ||
</div> | ||
<div class="w3-half w3-indigo w3-container" style="min-height:800px"> | ||
<div class="w3-padding-64 w3-center"> | ||
<h2>Resume</h2> | ||
<p>A draft from my CV</p> | ||
<div class="w3-container w3-responsive"> | ||
<table class="w3-table"> | ||
<tr> | ||
<th>Year</th> | ||
<th>Title</th> | ||
<th>Where</th> | ||
</tr> | ||
<tr class="w3-white"> | ||
<td>2012-2016</td> | ||
<td>The rest is history..</td> | ||
<td>Lorem ipsum</td> | ||
</tr> | ||
<tr> | ||
<td>2009-2012</td> | ||
<td>Started my own company</td> | ||
<td>My Garage</td> | ||
</tr> | ||
<tr class="w3-white"> | ||
<td>2008-2009</td> | ||
<td>Started working for Lorem</td> | ||
<td>London, UK</td> | ||
</tr> | ||
<tr> | ||
<td>2005-2008</td> | ||
<td>Degree in Bachelor of Design</td> | ||
<td>Harvard, USA</td> | ||
</tr> | ||
<tr class="w3-white"> | ||
<td>2002-2005</td> | ||
<td>Degree in Bachelor of Business</td> | ||
<td>RMIT University, Melbourne, Australia</td> | ||
</tr> | ||
<tr class="w3-hide-medium"> | ||
<td>2002-2005</td> | ||
<td>Degree in Bachelor of Business</td> | ||
<td>RMIT University, Melbourne, Australia</td> | ||
</tr> | ||
</table> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<!-- Third Grid: Swing By & Contact --> | ||
<div class="w3-row" id="contact"> | ||
<div class="w3-half w3-dark-grey w3-container w3-center" style="height:700px"> | ||
<div class="w3-padding-64"> | ||
<h1>Swing By</h1> | ||
</div> | ||
<div class="w3-padding-64"> | ||
<p>..for a cup of coffee, or whatever.</p> | ||
<p>Chicago, US</p> | ||
<p>+00 1515151515</p> | ||
<p>[email protected]</p> | ||
</div> | ||
</div> | ||
<div class="w3-half w3-teal w3-container" style="height:700px"> | ||
<div class="w3-padding-64 w3-padding-large"> | ||
<h1>Contact</h1> | ||
<p class="w3-opacity">GET IN TOUCH</p> | ||
<form class="w3-container w3-card w3-padding-32 w3-white" action="/action_page.php" target="_blank"> | ||
<div class="w3-section"> | ||
<label>Name</label> | ||
<input class="w3-input" style="width:100%;" type="text" required name="Name"> | ||
</div> | ||
<div class="w3-section"> | ||
<label>Email</label> | ||
<input class="w3-input" style="width:100%;" type="text" required name="Email"> | ||
</div> | ||
<div class="w3-section"> | ||
<label>Message</label> | ||
<input class="w3-input" style="width:100%;" type="text" required name="Message"> | ||
</div> | ||
<button type="submit" class="w3-button w3-teal w3-right">Send</button> | ||
</form> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<!-- Footer --> | ||
<footer class="w3-container w3-black w3-padding-16"> | ||
<p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p> | ||
</footer> | ||
|
||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters