-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
109 lines (88 loc) · 4.33 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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AboutMe</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap" rel="stylesheet">
</head>
<body id="one">
<nav class="navnavbar">
<ul class="ulnavbar">
<li><a href="home.html" class="navbar">Home</a></li>
<li><a href="index.html" class="navbar">About Me</a></li>
<li><a href="getintouch.html" class="navbar">Contact</a></li>
</ul>
</nav>
<main>
<header>About Me!</header>
<div class="stalker">If you are my long lost stalker, this is your lucky day!</div>
<img class="img1" src="flw.png" alt="Flower">
<div class="ball"></div>
<div class="balltwo"></div>
<div class="ballthree"></div>
<section class="lists">
<section class="listed3">
<h3>Some stuff has changed in the last year!</h3>
<ul>
<li class="listelement">I moved up from Cambrigde not long ago.</li>
<li class="listelement">Stoped smoking last September.</li>
<li class="listelement">Started to learn coding.</li>
</ul>
</section>
<section class="listed3">
<h3>Some stuff will never change!</h3>
<ul>
<li class="listelement"><q>You are a horrible person</q> - <address> <a href="https://www.instagram.com/jimmy_on_the_rocks/" target="_blank"> my boyfriend</a> 2019, Salford</address> </li>
<li class="listelement">When I swim and I am not able to put down my feet I start to panic when someone swimms close. NEVER SWIMM CLOSE DUMMY!!</li>
<li class="listelement">I do love travelling (BASIC!!!)</li>
</ul>
</section>
<section class="listed3">
<h3>Some stuff may change at some point!</h3>
<ul>
<li class="listelement">I might move away fom England (Weather kills me mate, where is the sun, WHERE IS IT????)</li>
<li class="listelement">Might shave my hair and go bald</li>
<li class="listelement">I have a serious chance to achive my dream body, let's pray together for not losing my 'enthusiasm' of working out.</li>
</ul>
</section>
</section>
<div class="circle"></div>
<div class="circle1"></div>
<!--- COMMENTED OUT AS I HAVE A CONTACT ME PAGE NOW
<section class="message">
<form class="messagebox" action="page.php" method="GET" id="form1">
<label class="lovemessage" for="lovemessage">Send me a message:</label><br>
<textarea maxlength="250"></textarea>
</section>
<span>
<button type="submit" form="form1" value="Submit">Submit</button>
</span>
<form>
<p class="genderchoice">Who is this from?</p>
<div class="gender">
<label for="male">Male</label>
<input id="input" type="radio" class="male" name="gender" value="male">
</div>
<div class="gender">
<label for="male">Female</label>
<input id="input" type="radio" class="female" name="gender" value="female">
</div>
<div class="gender">
<label for="male">Other</label>
<input id="input" type="radio" class="other" name="gender" value="other">
</div>
</form>
-->
<footer>
<p> My superpower is to blow saliva bubbles, Do you want to learn it? <a href="https://www.wikihow.com/Blow-Saliva-Bubbles" target="_blank">Click Here</a>.</p>
</footer>
</main>
<nav class="socialmedia">
<p><a href="https://open.spotify.com/user/szabinkov?si=JEkyGIfnQyigX6A7jRSDdQ" target="_blank" class="socialmedia">Spotify!</a></p>
<p><a href="https://www.instagram.com/szabinush/" target="_blank" class="socialmedia">Instagram!</a></p>
<p><a href="https://twitter.com/szabinkov" target="blank" class="socialmedia"> Twitter!</a></p>
</nav>
</body>
</html>