-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathhomepage.html
240 lines (238 loc) · 20.4 KB
/
homepage.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
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>100 Days, 100 Challanges!</title>
<link rel="shortcut icon" href="./homePage/images/icons/icon2.0.png" type="image/x-icon">
<link rel="stylesheet" href="./homePage/assets/stylesheets/style.css">
<link href="./fontAwesome/css/fontawesome.css" rel="stylesheet" />
<link href="./fontAwesome/css/brands.css" rel="stylesheet" />
<link href="./fontAwesome/css/solid.css" rel="stylesheet" />
<script type="module" src="./homePage/assets/scripts/script.js" defer></script>
</head>
<body>
<section class="hero">
<svg class="hero__wave" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 800 800" opacity="1"><defs><lineargradient gradientTransform="rotate(270)" x1="50%" y1="0%" x2="50%" y2="100%" id="sssquiggly-grad"><stop stop-color="hsla(0, 100%, 50%, 0.00)" stop-opacity="1" offset="0%"></stop><stop stop-color="#ff764d" stop-opacity="1" offset="100%"></stop></lineargradient></defs><g stroke-width="7" stroke="url(#sssquiggly-grad)" fill="none" stroke-linecap="round" transform="matrix(1,0,0,1,-5,102.32649993896484)"><path d="M10,10C24.583333333333332,16.875,48.75,49.875,80,43C111.25,36.125,126.66666666666666,-29.666666666666664,160,-23C193.33333333333334,-16.333333333333336,206.66666666666666,86.25,240,75C273.3333333333333,63.75,286.6666666666667,-65.75,320,-77C353.3333333333333,-88.25,366.6666666666667,16.208333333333332,400,21C433.3333333333333,25.791666666666668,446.6666666666667,-69,480,-54C513.3333333333334,-39,526.6666666666666,91.33333333333333,560,93C593.3333333333334,94.66666666666667,606.6666666666666,-46.416666666666664,640,-46C673.3333333333334,-45.583333333333336,686.6666666666666,101.25,720,95C753.3333333333334,88.75,783.3333333333334,-40.375,800,-76"></path><path d="M10,10C24.583333333333332,16.875,48.75,49.875,80,43C111.25,36.125,126.66666666666666,-29.666666666666664,160,-23C193.33333333333334,-16.333333333333336,206.66666666666666,86.25,240,75C273.3333333333333,63.75,286.6666666666667,-65.75,320,-77C353.3333333333333,-88.25,366.6666666666667,16.208333333333332,400,21C433.3333333333333,25.791666666666668,446.6666666666667,-69,480,-54C513.3333333333334,-39,526.6666666666666,91.33333333333333,560,93C593.3333333333334,94.66666666666667,606.6666666666666,-46.416666666666664,640,-46C673.3333333333334,-45.583333333333336,686.6666666666666,101.25,720,95C753.3333333333334,88.75,783.3333333333334,-40.375,800,-76" transform="matrix(1,0,0,1,0,578)"></path><path d="M10,10C24.583333333333332,16.875,48.75,49.875,80,43C111.25,36.125,126.66666666666666,-29.666666666666664,160,-23C193.33333333333334,-16.333333333333336,206.66666666666666,86.25,240,75C273.3333333333333,63.75,286.6666666666667,-65.75,320,-77C353.3333333333333,-88.25,366.6666666666667,16.208333333333332,400,21C433.3333333333333,25.791666666666668,446.6666666666667,-69,480,-54C513.3333333333334,-39,526.6666666666666,91.33333333333333,560,93C593.3333333333334,94.66666666666667,606.6666666666666,-46.416666666666664,640,-46C673.3333333333334,-45.583333333333336,686.6666666666666,101.25,720,95C753.3333333333334,88.75,783.3333333333334,-40.375,800,-76" transform="matrix(1,0,0,1,0,544)"></path><path d="M10,10C24.583333333333332,16.875,48.75,49.875,80,43C111.25,36.125,126.66666666666666,-29.666666666666664,160,-23C193.33333333333334,-16.333333333333336,206.66666666666666,86.25,240,75C273.3333333333333,63.75,286.6666666666667,-65.75,320,-77C353.3333333333333,-88.25,366.6666666666667,16.208333333333332,400,21C433.3333333333333,25.791666666666668,446.6666666666667,-69,480,-54C513.3333333333334,-39,526.6666666666666,91.33333333333333,560,93C593.3333333333334,94.66666666666667,606.6666666666666,-46.416666666666664,640,-46C673.3333333333334,-45.583333333333336,686.6666666666666,101.25,720,95C753.3333333333334,88.75,783.3333333333334,-40.375,800,-76" transform="matrix(1,0,0,1,0,510)"></path><path d="M10,10C24.583333333333332,16.875,48.75,49.875,80,43C111.25,36.125,126.66666666666666,-29.666666666666664,160,-23C193.33333333333334,-16.333333333333336,206.66666666666666,86.25,240,75C273.3333333333333,63.75,286.6666666666667,-65.75,320,-77C353.3333333333333,-88.25,366.6666666666667,16.208333333333332,400,21C433.3333333333333,25.791666666666668,446.6666666666667,-69,480,-54C513.3333333333334,-39,526.6666666666666,91.33333333333333,560,93C593.3333333333334,94.66666666666667,606.6666666666666,-46.416666666666664,640,-46C673.3333333333334,-45.583333333333336,686.6666666666666,101.25,720,95C753.3333333333334,88.75,783.3333333333334,-40.375,800,-76" transform="matrix(1,0,0,1,0,476)"></path><path d="M10,10C24.583333333333332,16.875,48.75,49.875,80,43C111.25,36.125,126.66666666666666,-29.666666666666664,160,-23C193.33333333333334,-16.333333333333336,206.66666666666666,86.25,240,75C273.3333333333333,63.75,286.6666666666667,-65.75,320,-77C353.3333333333333,-88.25,366.6666666666667,16.208333333333332,400,21C433.3333333333333,25.791666666666668,446.6666666666667,-69,480,-54C513.3333333333334,-39,526.6666666666666,91.33333333333333,560,93C593.3333333333334,94.66666666666667,606.6666666666666,-46.416666666666664,640,-46C673.3333333333334,-45.583333333333336,686.6666666666666,101.25,720,95C753.3333333333334,88.75,783.3333333333334,-40.375,800,-76" transform="matrix(1,0,0,1,0,442)"></path><path d="M10,10C24.583333333333332,16.875,48.75,49.875,80,43C111.25,36.125,126.66666666666666,-29.666666666666664,160,-23C193.33333333333334,-16.333333333333336,206.66666666666666,86.25,240,75C273.3333333333333,63.75,286.6666666666667,-65.75,320,-77C353.3333333333333,-88.25,366.6666666666667,16.208333333333332,400,21C433.3333333333333,25.791666666666668,446.6666666666667,-69,480,-54C513.3333333333334,-39,526.6666666666666,91.33333333333333,560,93C593.3333333333334,94.66666666666667,606.6666666666666,-46.416666666666664,640,-46C673.3333333333334,-45.583333333333336,686.6666666666666,101.25,720,95C753.3333333333334,88.75,783.3333333333334,-40.375,800,-76" transform="matrix(1,0,0,1,0,408)"></path><path d="M10,10C24.583333333333332,16.875,48.75,49.875,80,43C111.25,36.125,126.66666666666666,-29.666666666666664,160,-23C193.33333333333334,-16.333333333333336,206.66666666666666,86.25,240,75C273.3333333333333,63.75,286.6666666666667,-65.75,320,-77C353.3333333333333,-88.25,366.6666666666667,16.208333333333332,400,21C433.3333333333333,25.791666666666668,446.6666666666667,-69,480,-54C513.3333333333334,-39,526.6666666666666,91.33333333333333,560,93C593.3333333333334,94.66666666666667,606.6666666666666,-46.416666666666664,640,-46C673.3333333333334,-45.583333333333336,686.6666666666666,101.25,720,95C753.3333333333334,88.75,783.3333333333334,-40.375,800,-76" transform="matrix(1,0,0,1,0,374)"></path><path d="M10,10C24.583333333333332,16.875,48.75,49.875,80,43C111.25,36.125,126.66666666666666,-29.666666666666664,160,-23C193.33333333333334,-16.333333333333336,206.66666666666666,86.25,240,75C273.3333333333333,63.75,286.6666666666667,-65.75,320,-77C353.3333333333333,-88.25,366.6666666666667,16.208333333333332,400,21C433.3333333333333,25.791666666666668,446.6666666666667,-69,480,-54C513.3333333333334,-39,526.6666666666666,91.33333333333333,560,93C593.3333333333334,94.66666666666667,606.6666666666666,-46.416666666666664,640,-46C673.3333333333334,-45.583333333333336,686.6666666666666,101.25,720,95C753.3333333333334,88.75,783.3333333333334,-40.375,800,-76" transform="matrix(1,0,0,1,0,340)"></path><path d="M10,10C24.583333333333332,16.875,48.75,49.875,80,43C111.25,36.125,126.66666666666666,-29.666666666666664,160,-23C193.33333333333334,-16.333333333333336,206.66666666666666,86.25,240,75C273.3333333333333,63.75,286.6666666666667,-65.75,320,-77C353.3333333333333,-88.25,366.6666666666667,16.208333333333332,400,21C433.3333333333333,25.791666666666668,446.6666666666667,-69,480,-54C513.3333333333334,-39,526.6666666666666,91.33333333333333,560,93C593.3333333333334,94.66666666666667,606.6666666666666,-46.416666666666664,640,-46C673.3333333333334,-45.583333333333336,686.6666666666666,101.25,720,95C753.3333333333334,88.75,783.3333333333334,-40.375,800,-76" transform="matrix(1,0,0,1,0,306)"></path><path d="M10,10C24.583333333333332,16.875,48.75,49.875,80,43C111.25,36.125,126.66666666666666,-29.666666666666664,160,-23C193.33333333333334,-16.333333333333336,206.66666666666666,86.25,240,75C273.3333333333333,63.75,286.6666666666667,-65.75,320,-77C353.3333333333333,-88.25,366.6666666666667,16.208333333333332,400,21C433.3333333333333,25.791666666666668,446.6666666666667,-69,480,-54C513.3333333333334,-39,526.6666666666666,91.33333333333333,560,93C593.3333333333334,94.66666666666667,606.6666666666666,-46.416666666666664,640,-46C673.3333333333334,-45.583333333333336,686.6666666666666,101.25,720,95C753.3333333333334,88.75,783.3333333333334,-40.375,800,-76" transform="matrix(1,0,0,1,0,272)"></path><path d="M10,10C24.583333333333332,16.875,48.75,49.875,80,43C111.25,36.125,126.66666666666666,-29.666666666666664,160,-23C193.33333333333334,-16.333333333333336,206.66666666666666,86.25,240,75C273.3333333333333,63.75,286.6666666666667,-65.75,320,-77C353.3333333333333,-88.25,366.6666666666667,16.208333333333332,400,21C433.3333333333333,25.791666666666668,446.6666666666667,-69,480,-54C513.3333333333334,-39,526.6666666666666,91.33333333333333,560,93C593.3333333333334,94.66666666666667,606.6666666666666,-46.416666666666664,640,-46C673.3333333333334,-45.583333333333336,686.6666666666666,101.25,720,95C753.3333333333334,88.75,783.3333333333334,-40.375,800,-76" transform="matrix(1,0,0,1,0,238)"></path><path d="M10,10C24.583333333333332,16.875,48.75,49.875,80,43C111.25,36.125,126.66666666666666,-29.666666666666664,160,-23C193.33333333333334,-16.333333333333336,206.66666666666666,86.25,240,75C273.3333333333333,63.75,286.6666666666667,-65.75,320,-77C353.3333333333333,-88.25,366.6666666666667,16.208333333333332,400,21C433.3333333333333,25.791666666666668,446.6666666666667,-69,480,-54C513.3333333333334,-39,526.6666666666666,91.33333333333333,560,93C593.3333333333334,94.66666666666667,606.6666666666666,-46.416666666666664,640,-46C673.3333333333334,-45.583333333333336,686.6666666666666,101.25,720,95C753.3333333333334,88.75,783.3333333333334,-40.375,800,-76" transform="matrix(1,0,0,1,0,204)"></path><path d="M10,10C24.583333333333332,16.875,48.75,49.875,80,43C111.25,36.125,126.66666666666666,-29.666666666666664,160,-23C193.33333333333334,-16.333333333333336,206.66666666666666,86.25,240,75C273.3333333333333,63.75,286.6666666666667,-65.75,320,-77C353.3333333333333,-88.25,366.6666666666667,16.208333333333332,400,21C433.3333333333333,25.791666666666668,446.6666666666667,-69,480,-54C513.3333333333334,-39,526.6666666666666,91.33333333333333,560,93C593.3333333333334,94.66666666666667,606.6666666666666,-46.416666666666664,640,-46C673.3333333333334,-45.583333333333336,686.6666666666666,101.25,720,95C753.3333333333334,88.75,783.3333333333334,-40.375,800,-76" transform="matrix(1,0,0,1,0,170)"></path><path d="M10,10C24.583333333333332,16.875,48.75,49.875,80,43C111.25,36.125,126.66666666666666,-29.666666666666664,160,-23C193.33333333333334,-16.333333333333336,206.66666666666666,86.25,240,75C273.3333333333333,63.75,286.6666666666667,-65.75,320,-77C353.3333333333333,-88.25,366.6666666666667,16.208333333333332,400,21C433.3333333333333,25.791666666666668,446.6666666666667,-69,480,-54C513.3333333333334,-39,526.6666666666666,91.33333333333333,560,93C593.3333333333334,94.66666666666667,606.6666666666666,-46.416666666666664,640,-46C673.3333333333334,-45.583333333333336,686.6666666666666,101.25,720,95C753.3333333333334,88.75,783.3333333333334,-40.375,800,-76" transform="matrix(1,0,0,1,0,136)"></path><path d="M10,10C24.583333333333332,16.875,48.75,49.875,80,43C111.25,36.125,126.66666666666666,-29.666666666666664,160,-23C193.33333333333334,-16.333333333333336,206.66666666666666,86.25,240,75C273.3333333333333,63.75,286.6666666666667,-65.75,320,-77C353.3333333333333,-88.25,366.6666666666667,16.208333333333332,400,21C433.3333333333333,25.791666666666668,446.6666666666667,-69,480,-54C513.3333333333334,-39,526.6666666666666,91.33333333333333,560,93C593.3333333333334,94.66666666666667,606.6666666666666,-46.416666666666664,640,-46C673.3333333333334,-45.583333333333336,686.6666666666666,101.25,720,95C753.3333333333334,88.75,783.3333333333334,-40.375,800,-76" transform="matrix(1,0,0,1,0,102)"></path><path d="M10,10C24.583333333333332,16.875,48.75,49.875,80,43C111.25,36.125,126.66666666666666,-29.666666666666664,160,-23C193.33333333333334,-16.333333333333336,206.66666666666666,86.25,240,75C273.3333333333333,63.75,286.6666666666667,-65.75,320,-77C353.3333333333333,-88.25,366.6666666666667,16.208333333333332,400,21C433.3333333333333,25.791666666666668,446.6666666666667,-69,480,-54C513.3333333333334,-39,526.6666666666666,91.33333333333333,560,93C593.3333333333334,94.66666666666667,606.6666666666666,-46.416666666666664,640,-46C673.3333333333334,-45.583333333333336,686.6666666666666,101.25,720,95C753.3333333333334,88.75,783.3333333333334,-40.375,800,-76" transform="matrix(1,0,0,1,0,68)"></path><path d="M10,10C24.583333333333332,16.875,48.75,49.875,80,43C111.25,36.125,126.66666666666666,-29.666666666666664,160,-23C193.33333333333334,-16.333333333333336,206.66666666666666,86.25,240,75C273.3333333333333,63.75,286.6666666666667,-65.75,320,-77C353.3333333333333,-88.25,366.6666666666667,16.208333333333332,400,21C433.3333333333333,25.791666666666668,446.6666666666667,-69,480,-54C513.3333333333334,-39,526.6666666666666,91.33333333333333,560,93C593.3333333333334,94.66666666666667,606.6666666666666,-46.416666666666664,640,-46C673.3333333333334,-45.583333333333336,686.6666666666666,101.25,720,95C753.3333333333334,88.75,783.3333333333334,-40.375,800,-76" transform="matrix(1,0,0,1,0,34)"></path></g></svg>
<h1 class="hero__title">
<span class="title--highlight">100</span> <br>
Days,<br>
<span class="title--highlight">100</span> <br>
Challanges!
</h1>
<!-- <p class="hero__cta">
(Dive in <span class="and">&</span> <br>
  explore!)
</p> -->
</section>
<section class="desc">
<p class="desc__text">
<span>Welcome to the homepage of my <strong>100 Days, 100 Challanges</strong> github repository.</span>
<span>This challange is a personal journey to master frontend development through daily mini-projects. </span>
<span>Each project is crafted to enhance my skills in HTML, CSS, and JavaScript.</span>
<span>Explore the projects, see my progress, and feel free to reach out with any questions or suggestions.</span>
<span>You can access the project list and a bunch of more details about this challange in <a href="https://iliasghar.github.io/100-Days--100--Frontend--Challanges/">README.md</a>. Have a look at it!</span>
<span>- Start Date : July 20, 2024 | Tir 30, 1401</span>
</p>
</section>
<section class="projects">
<h3 class="projects__list-title">-List of projects-</h3>
<ul class="js-current-page">
<a href="">
<li class="card">
<img src="." alt="" class="card__image">
<div class="card__desc">
<h3 class="card__title"></h3>
<p class="card__summary"></p>
</div>
</li>
</a>
<a href="">
<li class="card">
<img src="." alt="" class="card__image">
<div class="card__desc">
<h3 class="card__title"></h3>
<p class="card__summary"></p>
</div>
</li>
</a>
<a href="">
<li class="card">
<img src="." alt="" class="card__image">
<div class="card__desc">
<h3 class="card__title"></h3>
<p class="card__summary"></p>
</div>
</li>
</a>
<a href="">
<li class="card">
<img src="." alt="" class="card__image">
<div class="card__desc">
<h3 class="card__title"></h3>
<p class="card__summary"></p>
</div>
</li>
</a>
<a href="">
<li class="card">
<img src="." alt="" class="card__image">
<div class="card__desc">
<h3 class="card__title"></h3>
<p class="card__summary"></p>
</div>
</li>
</a>
<a href="">
<li class="card">
<img src="." alt="" class="card__image">
<div class="card__desc">
<h3 class="card__title"></h3>
<p class="card__summary"></p>
</div>
</li>
</a>
<a href="">
<li class="card">
<img src="." alt="" class="card__image">
<div class="card__desc">
<h3 class="card__title"></h3>
<p class="card__summary"></p>
</div>
</li>
</a>
<a href="">
<li class="card">
<img src="." alt="" class="card__image">
<div class="card__desc">
<h3 class="card__title"></h3>
<p class="card__summary"></p>
</div>
</li>
</a>
<a href="">
<li class="card">
<img src="." alt="" class="card__image">
<div class="card__desc">
<h3 class="card__title"></h3>
<p class="card__summary"></p>
</div>
</li>
</a>
<a href="">
<li class="card">
<img src="." alt="" class="card__image">
<div class="card__desc">
<h3 class="card__title"></h3>
<p class="card__summary"></p>
</div>
</li>
</a>
<a href="">
<li class="card">
<img src="." alt="" class="card__image">
<div class="card__desc">
<h3 class="card__title"></h3>
<p class="card__summary"></p>
</div>
</li>
</a>
<a href="">
<li class="card">
<img src="." alt="" class="card__image">
<div class="card__desc">
<h3 class="card__title"></h3>
<p class="card__summary"></p>
</div>
</li>
</a>
<a href="">
<li class="card">
<img src="." alt="" class="card__image">
<div class="card__desc">
<h3 class="card__title"></h3>
<p class="card__summary"></p>
</div>
</li>
</a>
<a href="">
<li class="card">
<img src="." alt="" class="card__image">
<div class="card__desc">
<h3 class="card__title"></h3>
<p class="card__summary"></p>
</div>
</li>
</a>
<a href="">
<li class="card">
<img src="." alt="" class="card__image">
<div class="card__desc">
<h3 class="card__title"></h3>
<p class="card__summary"></p>
</div>
</li>
</a>
<a href="">
<li class="card">
<img src="." alt="" class="card__image">
<div class="card__desc">
<h3 class="card__title"></h3>
<p class="card__summary"></p>
</div>
</li>
</a>
<a href="">
<li class="card">
<img src="." alt="" class="card__image">
<div class="card__desc">
<h3 class="card__title"></h3>
<p class="card__summary"></p>
</div>
</li>
</a>
<a href="">
<li class="card">
<img src="." alt="" class="card__image">
<div class="card__desc">
<h3 class="card__title"></h3>
<p class="card__summary"></p>
</div>
</li>
</a>
<a href="">
<li class="card">
<img src="." alt="" class="card__image">
<div class="card__desc">
<h3 class="card__title"></h3>
<p class="card__summary"></p>
</div>
</li>
</a>
<a href="">
<li class="card">
<img src="." alt="" class="card__image">
<div class="card__desc">
<h3 class="card__title"></h3>
<p class="card__summary"></p>
</div>
</li>
</a>
</ul>
<ol class="projects__page-nav">
<li data-page-num="1">1</li>
<li data-page-num="2">2</li>
<li data-page-num="3">3</li>
<li data-page-num="4">4</li>
<li data-page-num="5">5</li>
</ol>
</section>
<footer class="footer">
<div class="footer__content">
<h5>iliAsghar</h5>
<a target="_blank" href="https://github.com/iliAsghar" class="github-link icon-link"><i class="fa-brands fa-github"></i></a>
<a target="_blank" href="https://x.com/IliAsghar" class="twitter-link icon-link"><i class="fa-brands fa-x-twitter"></i></a>
</div>
</footer>
</body>
</html>