-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
128 lines (109 loc) · 4.88 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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CodePen - Personal Home Page</title>
<link rel='stylesheet' href='https://unpkg.com/[email protected]/dist/prettify.css'>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<!-- partial:index.partial.html -->
<!-- =================
WRITE YOUR HTML HERE
You only need to write the HTML that goes inside the <body> tag. To add things to the <head>, click the ⚙️
===================
-->
<!--- All the tests are red! You have to make them green.
Q How do you make the tests pass?
A Meet the requirements!
Make the first test pass by adding a <header> </header>-->
<!DOCTYPE html>
<html lang="en">
<button id="Day">Day Mode</button>
<button id="Night">Night Mode</button>
<ul id="page">
<head>
<title>Hadika's Personal Page.</title>
<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=Mulish:wght@400;500&display=swap" rel="stylesheet">
</head>
<body>
<header class="c-site-header">
<nav aria-label="Main Site Links.">
<a href="#Aboutme">About me</a>
<a href="#video">My Video</a>
<a href="#contact">Contact</a>
</nav>
</header>
<h1>Hadika's Personal Page</h1>
<main>
<h2 id="Aboutme">About me</h2>
<h3>Hello everyone</h3>
<div class="flex">
<img src="https://imgur.com/DjZoNmh.jpg" alt="Google Drive Image">
<div class="text">
<p>My name is Hadika Malik and I am from Manchester.</p>
<p>I have a masters degree in Advanced Chemical Engineering but at the moment I am not working as I stay at home to look after my 1 year old son.</p>
<p>Since I did a small module of coding in my bachelors and masters, I have been interested in pursuing it further but all the course I found were full-time, costly and did not give a chnace to learn from home. So when I heard about CodeYourFuture, I was really excited as it meant i could fulfill my wish of pursuing to learn coding software development and eventually work as that.</p>
<p>Aside from this, I am a fully qualified personal trainer and like to keep up with my fitness however that has been a bit difficult since the birth of my son but I do still get in all the excercise from running after him all day long (just not how I prefer it, but we have to move.)</p>
<p>I also enjoy trying new food as I belive I am a big foodie and I like to travel and explore different places. I do wish to travel the whole world one day, but one requires money for that and that too a lot, but one can dream right!</p>
<p>Anyways, enough about me. I have included a full body workout video below for you all to try</p>
<p>So get up and get active and get your blood pumping.</p>
<p>Enjoy!</p>
</div>
</div>
</main>
<div id="video"class="videosection">
<iframe width="900" height="720" src="https://www.youtube.com/embed/M0uO8X3_tEA" title="20 Minute Full Body Cardio HIIT Workout [NO REPEAT]" allow="clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<footer class="c-site-footer">
<nav id="contact" aria-label="footerlinks">
<a href="https://www.linkedin.com/in/hadikamalik/" target="_blank"
class="social-icon si-rounded si-small si-linkedin">LinkedIn</a>
</nav>
</footer>
<!-- <script src="script.js" type="text/javascript"></script> -->
<div id="dice_roll">
<p>So far you have rolled:</p>
<ul id="list"></ul>
<button id="button_roll">Roll the dice</button>
<p>Total: <span id="total">0</span>. <span id="info">Keep playing!</span></p>
<button id="button_remove">Remove the last roll</button>
<button id="button_restart">Start again</button
</div>
<ul id="cyfproject">
<ul><button id="nav">☰</button></ul>
<ul id="nav_list"></ul>
<ul id="products">
<li>Yoghurt 🍶</li>
<button id="button1"> Add to cart</button>
<li>Milk 🥛</li>
<button id="button2"> Add to cart</button>
<li>Toast 🍞</li>
<button id="button3"> Add to cart</button>
<li>Butter 🧈</li>
<button id="button4"> Add to cart</button>
<li>Eggs 🥚</li>
<button id="button5"> Add to cart</button>
</ul>
<ul> Shopping cart:</ul>
<ul id="cart_list"></ul>
<img id="list_imag"></img>
<button id="button_prev"><p>Previous Image</p></button>
<button id="button_next"><p>Next Image</p></button>
<ul id=list></ul>
<input id="text"/>
<button id="button">Comment</button>
</ul>
</ul>
</body>
<!-- Your test console.
Don't delete!-->
<aside id="tests" aria-label="Test Readout." aria-live="polite" style="overflow:auto">
</aside>
<!-- partial -->
<script src='https://unpkg.com/[email protected]/dist/core.js'></script>
<script src='https://unpkg.com/[email protected]/dist/prettify.js'></script><script src="./script.js"></script>
</body>
</html>