-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
219 lines (198 loc) · 7.46 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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Varela+Round" />
<link rel="stylesheet" href="style.css" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<script defer src="script.js"></script>
<title>PROJECTS</title>
</head>
<body>
<header class="header">
<span class="heading">MY PROJECTS</span>
<div class="links">
<a href = "about.html">
<img class="emogy" src="https://hotemoji.com/images/dl/6/smiling-face-with-open-mouth-emoji-by-twitter.png"></img>
</a>
</div>
</header>
<p class="p">Good <span id="greet"></span>! Below are some of my projects. Hope you enjoy them!</p>
<div class="projects">
<ol>
<li>
<div id="project">
<div class="name">
HOW WELL DO YOU KNOW ME
</div>
<div class="link-container">
LINK : <a class="href" href="me">HOW WELL DO YOU KNOW ME</a>
</div>
<p class="description">Take this test to check how well do you know me.</p>
</div>
</li>
<li>
<div id="project">
<div class="name">
SNAKE GAME
</div>
<div class="link-container">
LINK : <a class="href" href="snake">SNAKE</a>
</div>
<p class="description">I made many versions of this game and finally I am quiet happy with this version.</p>
</div>
</li>
<li>
<div id="project">
<div class="name">
TIC TAC TOE
</div>
<div class="link-container">
LINK : <a class="href" href="tic-tac-toe">TIC-TAC-TOE</a>
</div>
<p class="description">This is my favourite project as I finished it in one day. I also could make it just as
I wanted.</p>
</div>
</li>
<li>
<div id="project">
<div class="name">
PAINT
</div>
<div class="link-container">
LINK : <a class="href" href="paint">PAINT</a>
</div>
<p class="description">This is one of my first projects and reminds me of the mistakes. I made this project
when I just started coding and I could not make a thing happed and it finally took 3 months to complete
that. </p>
</div>
</li>
<li>
<div id="project">
<div class="name">
2048 GAME
</div>
<div class="link-container">
LINK : <a class="href" href="2048">2048</a>
</div>
<p class="description">This project gave me the most frustration. It was really a hard work making the project
but I finally succeeded. Then making the swipes for phone work was the most difficult. But I did it. So
don't miss this out!!!</p>
</div>
</li>
<li>
<div id="project">
<div class="name">
CALCULATOR
</div>
<div class="link-container">
LINK : <a class="href" href="CALCULATOR">CALCULATOR</a>
</div>
<p class="description">This is one of my favourite projects. I have made many versions of calculators but this
is the latest version and I am quite happy with this one. You must do some calculations with this.</p>
</div>
</li>
<li>
<div id="project">
<div class="name">
CLOCK
</div>
<div class="link-container">
LINK : <a class="href" href="clock">CLOCK</a>
</div>
<p class="description">Now you will not have to ask someone "What is the time" any more. Just click on the link above</p>
</div>
</li>
<li>
<div id="project">
<div class="name">
ASTEROID GAME
</div>
<div class="link-container">
LINK : <a class="href" href="ASTEROIDS GAME">ASTEROID GAME</a>
</div>
<p class="description">This game took really long to complete. I have spent weeks to make this. It has infinite levels. Hope you like!</p>
</div>
</li>
<li>
<div id="project">
<div class="name">
NUMBER GUESSING GAME
</div>
<div class="link-container">
LINK : <a class="href" href="number-guess%20game">NUMBER GUESSING GAME</a>
</div>
<p class="description">I have made this with the library Rivescript. You have to guess a number until you finally get it.</p>
</div>
</li>
<li>
<div id="project">
<div class="name">
CHAT BOT
</div>
<div class="link-container">
LINK : <a class="href" href="chat-bot">CHAT BOT</a>
</div>
<p class="description">Now you will not feel lonely. You can chat with this bot. Tell the bot what you want and it will reply!</p>
</div>
</li>
<li>
<div id="project">
<div class="name">
RUBIX CUBE TIMER
</div>
<div class="link-container">
LINK : <a class="href" href="RUBIX-CUBE-TIMER">RUBIX CUBE TIMER</a>
</div>
<p class="description">It took me a lot of time to make this project but I finally succeded to make this.😊</p>
</div>
</li>
<li>
<div id="project">
<div class="name">
BLACK AND WHITE
</div>
<div class="link-container">
LINK : <a class="href" href="black and white">BLACK AND WHITE</a>
</div>
<p class="description">The idea of this project came to me suddenly. So I made it! Just drag and drop your image and watch the picture being converted to a old day black and white pictue!!</p>
</div>
</li>
<li>
<div id="project">
<div class="name">
ENGIMA MACHINE
</div>
<div class="link-container">
LINK : <a class="href" href="engima machine">ENGIMA MACHINE</a>
</div>
<p class="description">To make this project I had to make a lot of research and finally after a long time debuging I finally made it. Thanks for using!</p>
</div>
</li>
<li>
<div id="project">
<div class="name">
15 PUZZLE
</div>
<div class="link-container">
LINK : <a class="href" href="15 puzzle">15 PUZZLE</a>
</div>
<p class="description">I thought this project would be harder than the 2048 game but it turnde out to be very easy and finished it in one day. If you enjoyed the 2048 game you would like this.</p>
</div>
</li>
<li>
<div id="project">
<div class="name">
SNAKE AND LADDERS
</div>
<div class="link-container">
LINK : <a class="href" href="snake and ladders">SNAKE AND LADDERS</a>
</div>
<p class="description">I made this project on special request of one of my friends. This was quite a challange but I finally made it!</p>
</div>
</li>
</ol>
</div>
</body>
</html>