-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
70 lines (65 loc) · 3.55 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>What</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="top-container">
<h1 style="font-size:50px; color:white;text-align:center">ETHAN HARRISON</h1>
<a class="padding" href="https://github.com/ethanhharrison"><img style="filter:invert(100%)" src="Assets/github-logo.png" alt="Github" width="45px"></a>
<a class="padding" href="https://www.linkedin.com/in/ethan-harrison2023/"><img style="filter:invert(100%)" src="Assets/pngwing.com.png" alt="LinkedIn" width="45px"></a>
</div>
<header>
<div style="border: 2px solid white" class="tab center">
<button class="closed" style="color:white" onclick="openFumo(event,'About')">About Me</button>
<button class="closed" style="color:white" onclick="openFumo(event,'Extra')">Extra Curriculars</button>
<button class="closed" style="color:white" onclick="openFumo(event,'Intern')">Internships</button>
<button class="closed" style="color:white" onclick="openFumo(event,'Award')">Awards</button>
<button class="closed" style="color:white" onclick="openFumo(event,'Contact')">Contact Me</button>
</div>
</header>
<div id="About" class="tabcontent center">
<div style="background-color: lightblue" class="tabsection center">
<img class="imgstyle" src="https://tenor.com/view/touhou-fumo-cirno-jacket-comfy-gif-18055983.gif">
</div>
<div style="background-color: lightskyblue" class="tabsection center">
<h1>Woah</h1>
</div>
</div>
<div id="Extra" class="tabcontent center">
<img class="imgstyle" src="https://tenor.com/view/touhou-fumo-reimu-fast-gif-18340825.gif">
</div>
<div id="Intern" class="tabcontent center">
<img class="imgstyle" src="https://tenor.com/view/cirno-fumo-touhou-driving-fumo-driving-gif-21838008.gif">
</div>
<div id="Award" class="tabcontent center">
</div>
<div id="Contact" class="tabcontent container">
<form name="email-form" action="https://formspree.io/f/mlezzpyb" method="POST" enctype="multipart/form-data">
<h1 style="color:white;font-size:45px">Get In Touch!</h1>
<label for="Email"></label>
<input type="email" id="Email" name="email" placeholder="Email Address" required><br><br>
<label for="Message"></label>
<textarea id="Message" name="message" rows="10" maxlength="3000" placeholder="Your Message"></textarea><br><br>
<label for="File" id="file-subject" class="custom-file-upload"> File Upload: (Currently Not Supported)</label>
<input id="File" type="file" name="upload" onchange="showname()"><br>
<button type="submit" name="submit" value="Submit">Send</button>
</form>
</div>
<div style="height:500px">
</div>
<div style="height:500px"></div>
</div>
<footer>
<div class="socials center">
<a class="padding" href="https://github.com/ethanhharrison"><img style="filter:invert(100%)" src="Assets/github-logo.png" alt="Github" width="30px"></a>
<a class="padding" href="https://www.linkedin.com/in/ethan-harrison2023/"><img style="filter:invert(100%)" src="Assets/pngwing.com.png" alt="LinkedIn" width="30px"></a>
</div>
<p>Ethan Harrison © 2022</p>
</footer>
<script src="js/script.js"></script>
</body>
</html>