-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
88 lines (82 loc) · 4.29 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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html lang="english">
<head>
<meta charset="UTF-8">
<title> ☆Molly </title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!------------------------------------------------------------------->
<header>
<div class="logo">
<h2>☆<b>MOLLY</b><i>MILKHONEY</i></h2>
</div>
<nav>
<button id="toggle-colors">☼</button>
<button id="home-button">home</button>
<a href="https://www.linkedin.com/in/mollymilkhoney/" class="nav" target="_blank" rel="noopener noreferrer">cv</a>
<button id="show-contact-form">contact</button>
</nav>
</header>
<!------------------------------------------------------------------->
<main id="about">
<!--about me section-->
<div class="text-content hidden">
<h3>(✿◠‿◠) about me</h3>
<p> currently: studying software engineering<br>
</p>
<p> interests: developing websites,
desktop & mobile applications, medical technology devices,
wearable tech, cloud-based integrations, & quality management systems
</p>
</div> <!--ends text-content-->
<div class="traits-text hidden">
<h3>(▲・ᴥ・▲) jasmine is my life</h3>
<p> she's my 10 year old chihuahua<br>
she looks like a bat<br>
she's blind as a bat
</p>
</div> <!--ends traits-text-->
<form id="contact-form" style="display: none;"> <!--contact form hidden until clicked-->
<h3>get in touch</h3>
<label for="name">name:</label>
<input type="text" id="name" name="name" required><br><br>
<label for="email">email:</label>
<input type="email" id="email" name="email" required><br><br>
<label for="message">message:</label><br>
<textarea id="message" name="message" rows="5" required></textarea><br><br>
<button type="submit" id="submit">send it</button>
</form>
<!--end about me section-->
</main>
<!------------------------------------------------------------------->
<footer>
<div class="footer">
<author>
© ☆<b>MOLLY</b><i>MILKHONEY</i> december 2024</i>
</author>
<div class="contact">
<a href="https://github.com/mollymilkhoney" target="_blank" aria-label="GitHub">
<img src="github-mark.png" width="25px" alt="GitHub" class="icon">
</a>
<a href="https://instagram.com/mollymilkhoney" target="_blank" aria-label="Instagram">
<img src="instagram.png" width="25" alt="Instagram" class="icon">
</a>
<a href="https://www.linkedin.com/in/mollymilkhoney/" target="_blank" aria-label="LinkedIn">
<img src="linkedin.png" width="25px" alt="LinkedIn" class="icon">
</a>
<a href="https://tiktok.com/@mollymilkhoney" target="_blank" aria-label="TikTok">
<img src="tiktok.png" width="25" alt="TikTok" class="icon">
</a>
<a href="https://youtube.com/c/mollymilkhoney" target="_blank" aria-label="YouTube">
<img src="YouTube_social_dark_circle_(2017).svg.png" width="25px" alt="YouTube" class="icon">
</a>
<a href="https://codepen.io/mollymilkhoney" target="_blank" aria-label="Codepen">
<img src="codepen.png" width="25px" alt="Codepen" class="icon">
</a>
</div> <!--end class contact-->
</div> <!--end class footer-->
</footer>
<script src="script.js"></script> <!--load javascript file-->
</body>
</html>