-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
114 lines (98 loc) · 4.18 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Yahia's Mind</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<a ID="aboutme-btn" href="aboutme.html">About Me</a>
<a ID="poetry-btn" href="#poem">Poetry</a>
<hr/>
<div id="banner">
<h3>Welcome To The Window Of My Mind!</h3>
</div>
<br>
<br>
<br>
<br>
<div>
<h2 id="intro"><span class="bg-transparent">I am Yahia Zaky. I </span><span class="element bg-transparent"></span> </h2> <br> <br>
<img id="speech-bubble" src="pictures/bubble.png" alt="A thought bubble" width=200 height=200>
</div>
<br>
<br>
<div id="speech">
<p> Hi Founders & Coders team!</p>
<p>So this is my first ever website. Let me try and explain what I am feeling right now. It's ecstaticness, and excitement, all in one. The blood, sweat, and tears in the form of hours that I have spent self-teaching myself have culminated to this very moment! I'm actually typing words in raw HTML code, and these words are actually appearing in the markdown preview?! The word <b> DOPE</b> comes to mind. <br><br><br> However at the same time I am quite scared and worried as I know that when compared to the websites of other applicants to Founders and Coders, my website it probably the worst. Nevertheless, here I am, doing my best. If anything, this website is the reason why I am so determined to join the course. I want to improve my skills. When I say "improve", what I actually mean is that one day I want to be the BEST. I may be crazy and ambitious , but like my mother used to say,<i> "If you want to reach the moon, aim for the stars."</i> Whether I get into the summer 2017 cohort or not, this application process has been one hell of a learning curve and I am thankful for it. </p>
</div>
<img id="hamster" src="pictures/hamster.jpg" alt="A hamster wearing glasses!" width=200 height=200>
<div id="poem">
<u><h4> Poem: We Are All Hamsters </h4></u>
<pre>We are all hamsters
Locked up in a cage,
Let me tell you why
It might fill your heart with rage
</pre>
<pre>
Age 21, we wake up early, and put on our best hamster suit
Some like a coffee
Before we all begin our route
Through the tunnels
Tunnels, so busy, so thin
As other hamsters panic and rush to get in
</pre>
<pre>
On time. We arrive,
And jump straight onto the hamster wheel
Of our desks where we run, and run,
Until out eyes get sore
The owners out there having fun
But demanding more and more
Run faster, run quicker
I promise, I’ll give you a treat
At the end of the month in your feeding dish you’ll have more to eat
</pre>
<pre>At dinner. Drained, you're back at home
The burrow feels warm,
But you wish you were free to roam
In the wild, cage-less, as you please
Thoughts that stay with you until your body starts to seize
up. Retirement, now you’re sixty-five,
oh what a time, to be alive
the hamster suit comes off permanently.
</pre>
<pre>
So if your stuck in a job, or situation that you hate,
A toxic relationship or stress,
Too much on your plate
Just remember that enjoying your time is the key
For life is short and all humans must be free
Have courage, smile, take risks and prosper,
Fail just as much as Tottenham Hotspur
</pre>
<pre>
Take action, have confidence, it will all be OK,
Because we are not furry hamsters at the end of the day.
</pre>
</div>
<a id="github" class="links__link col-3" href="https://github.com/bowssy88" target="_blank">
</i> GitHub</a>
<a id="linkedin" class="links__link col-3" href="https://www.linkedin.com/in/yahia-zaky-b77a4143" target="_blank">
</i> LinkedIn</a>
<a id="codewars" class="links__link col-3" href="https://www.codewars.com/users/bowssy88" target="_blank">
</i> Codewars</a>
<a id="twitter" class="links__link col-3" href="https://twitter.com/yaya_shakes" target="_blank">
</i> Twitter</a>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/1.1.6/typed.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function(){
Typed.new('.element', {
strings: ["Love To Learn.", "Write Poetry.", "Am An Entrepeneur!"],
typeSpeed: 10,
loop: true
});
});
</script>
</body>
</html>