-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
40 lines (40 loc) · 1.51 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
<!DOCTYPE html>
<html>
<head>
<title>Kat's Webpage (Coming Soon!)</title>
<link rel="stylesheet" href="./assets/stylesheet.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat+Alternates&display=swap" rel="stylesheet">
</head>
<body>
<header>
<a href="https://github.com/dauntss" target="_blank">GitHub</a>
<a href="https://codepen.io/dauntss" target="_blank">Portfolio</a>
<a href="#contact">Contact</a>
</header>
<section>
<h1>
My New Website
</h1>
<img class="comingsoon" src="https://file.garden/ZZRwWaU5uT7zKgG0/Bootcamp/coming%20soon.gif" alt="A textographic image featuring the phrase 'Coming Soon!'" title="Coming Soon!">
<p>Cupcake ipsum dolor sit amet. Icing topping chocolate cake oat cake donut cupcake tiramisu jujubes shortbread. Jelly wafer gummi bears bear claw jelly lemon drops tootsie roll cake. Candy sweet chupa chups muffin sesame snaps.</p>
</section>
<a id="contact">
<section class="contact">
<h2>Contact Me</h2>
<div>
<label for="name">Name</label>
<input type="text" id="name" for="name">
</div>
<div>
<label for="email">Email</label>
<input type="email" id="email" for="email">
</div>
<button type="button">Send</button>
</section>
<footer>
© Kat Krahulec 2024
</footer>
</body>
</html>