1
+ <!DOCTYPE html>
2
+ < html >
3
+
4
+ < head > < meta charset ="UTF-8 ">
5
+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6
+ < meta http-equiv ="X-UA-Compatible " content ="ie=edge ">
7
+ < meta http-equiv ="Accept-CH " content ="DPR, Viewport-Width, Width ">
8
+ < link rel ="icon " href =/fav.png type ="image/gif ">
9
+
10
+
11
+ < link rel ="preconnect " href ="https://fonts.googleapis.com ">
12
+ < link rel ="preconnect " href ="https://fonts.gstatic.com " crossorigin >
13
+ < link rel ="preload "
14
+ as ="style "
15
+ href ="https://fonts.googleapis.com/css2?family=Alata&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap "
16
+ >
17
+ < link rel ="stylesheet "
18
+ href ="https://fonts.googleapis.com/css2?family=Alata&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap "
19
+ media ="print " onload ="this.media='all' " />
20
+ < noscript >
21
+ < link
22
+ href ="https://fonts.googleapis.com/css2?family=Alata&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap "
23
+ rel ="stylesheet ">
24
+ </ noscript >
25
+
26
+
27
+ < link rel ="stylesheet " href ="/css/font.css " media ="all ">
28
+
29
+
30
+
31
+ < meta property ="og:title " content ="404 Page not found " />
32
+ < meta property ="og:description " content ="Text about my cool site " />
33
+ < meta property ="og:type " content ="website " />
34
+ < meta property ="og:url " content ="https://dthillaithevan.github.io/404.html " /> < meta property ="og:site_name " content ="Hugo Profile " />
35
+
36
+
37
+ < meta name ="twitter:card " content ="summary "/> < meta name ="twitter:title " content ="404 Page not found "/>
38
+ < meta name ="twitter:description " content ="Text about my cool site "/>
39
+
40
+
41
+ < link rel ="stylesheet " href ="/bootstrap-5/css/bootstrap.min.css " media ="all "> < link rel ="stylesheet " href ="/css/header.css " media ="all ">
42
+ < link rel ="stylesheet " href ="/css/footer.css " media ="all ">
43
+
44
+
45
+ < link rel ="stylesheet " href ="/css/theme.css " media ="all ">
46
+
47
+
48
+
49
+
50
+ < style >
51
+ : root {
52
+ --text-color : # 343a40 ;
53
+ --text-secondary-color : # 6c757d ;
54
+ --background-color : # eaedf0 ;
55
+ --secondary-background-color : # 64ffda1a ;
56
+ --primary-color : # 007bff ;
57
+ --secondary-color : # f8f9fa ;
58
+
59
+
60
+ --text-color-dark : # e4e6eb ;
61
+ --text-secondary-color-dark : # b0b3b8 ;
62
+ --background-color-dark : # 18191a ;
63
+ --secondary-background-color-dark : # 212529 ;
64
+ --primary-color-dark : # ffffff ;
65
+ --secondary-color-dark : # 212529 ;
66
+ }
67
+ body {
68
+ font-size : 1rem ;
69
+ font-weight : 400 ;
70
+ line-height : 1.5 ;
71
+ text-align : left;
72
+ }
73
+
74
+ html {
75
+ background-color : var (--background-color ) !important ;
76
+ }
77
+
78
+ body ::-webkit-scrollbar {
79
+ width : .5em ;
80
+ height : .5em ;
81
+ background-color : var (--background-color );
82
+ }
83
+
84
+ ::-webkit-scrollbar-track {
85
+ box-shadow : inset 0 0 6px var (--background-color );
86
+ border-radius : 1rem ;
87
+ }
88
+
89
+ ::-webkit-scrollbar-thumb {
90
+ border-radius : 1rem ;
91
+ background-color : var (--secondary-color );
92
+ outline : 1px solid var (--background-color );
93
+ }
94
+
95
+ # search-content ::-webkit-scrollbar {
96
+ width : .5em ;
97
+ height : .1em ;
98
+ background-color : var (--background-color );
99
+ }
100
+ </ style >
101
+
102
+ < meta name ="description " content =Text about my cool site >
103
+
104
+ < title >
105
+ Hugo Profile | Page not found
106
+
107
+ </ title >
108
+ </ head >
109
+
110
+ < body class ="light ">
111
+
112
+
113
+ < script >
114
+ let localStorageValue = localStorage . getItem ( "pref-theme" ) ;
115
+ let mediaQuery = window . matchMedia ( '(prefers-color-scheme: dark)' ) . matches ;
116
+
117
+ switch ( localStorageValue ) {
118
+ case "dark" :
119
+ document . body . classList . add ( 'dark' ) ;
120
+ break ;
121
+ case "light" :
122
+ document . body . classList . remove ( 'dark' ) ;
123
+ break ;
124
+ default :
125
+ if ( mediaQuery ) {
126
+ document . body . classList . add ( 'dark' ) ;
127
+ }
128
+ break ;
129
+ }
130
+ </ script >
131
+
132
+
133
+
134
+
135
+
136
+ < header id ="profileHeader ">
137
+ < nav class ="pt-3 navbar navbar-expand-lg animate ">
138
+ < div class ="container-fluid mx-xs-2 mx-sm-5 mx-md-5 mx-lg-5 ">
139
+
140
+ < a class ="navbar-brand primary-font text-wrap " href ="/ ">
141
+
142
+ < img src ="" width ="30 " height ="30 "
143
+ class ="d-inline-block align-top ">
144
+ Dilaksan Thillaithevan
145
+
146
+ </ a >
147
+
148
+
149
+
150
+
151
+ < button class ="navbar-toggler " type ="button " data-bs-toggle ="collapse " data-bs-target ="#navbarContent "
152
+ aria-controls ="navbarContent " aria-expanded ="false " aria-label ="Toggle navigation ">
153
+ < svg aria-hidden ="true " height ="24 " viewBox ="0 0 16 16 " version ="1.1 " width ="24 " data-view-component ="true ">
154
+ < path fill-rule ="evenodd " d ="M1 2.75A.75.75 0 011.75 2h12.5a.75.75 0 110 1.5H1.75A.75.75 0 011 2.75zm0 5A.75.75 0 011.75 7h12.5a.75.75 0 110 1.5H1.75A.75.75 0 011 7.75zM1.75 12a.75.75 0 100 1.5h12.5a.75.75 0 100-1.5H1.75z "> </ path >
155
+ </ svg >
156
+ </ button >
157
+
158
+
159
+ < div class ="collapse navbar-collapse text-wrap primary-font " id ="navbarContent ">
160
+ < ul class ="navbar-nav ms-auto text-center ">
161
+
162
+
163
+
164
+ < li class ="nav-item navbar-text ">
165
+ < a class ="nav-link " href ="/#about " aria-label ="about ">
166
+ About Me
167
+ </ a >
168
+ </ li >
169
+
170
+
171
+
172
+ < li class ="nav-item navbar-text ">
173
+ < a class ="nav-link " href ="/#experience "
174
+ aria-label ="experience ">
175
+ Experience
176
+ </ a >
177
+ </ li >
178
+
179
+
180
+
181
+ < li class ="nav-item navbar-text ">
182
+ < a class ="nav-link " href ="/#education "
183
+ aria-label ="education ">
184
+ Education
185
+ </ a >
186
+ </ li >
187
+
188
+
189
+
190
+ < li class ="nav-item navbar-text ">
191
+ < a class ="nav-link " href ="/#projects "
192
+ aria-label ="projects ">
193
+ Projects
194
+ </ a >
195
+ </ li >
196
+
197
+
198
+
199
+ < li class ="nav-item navbar-text ">
200
+ < a class ="nav-link " href ="/#achievements "
201
+ aria-label ="achievements ">
202
+ Achievements
203
+ </ a >
204
+ </ li >
205
+
206
+
207
+
208
+ < li class ="nav-item navbar-text ">
209
+ < a class ="nav-link " href ="/#contact "
210
+ aria-label ="contact ">
211
+ Contact
212
+ </ a >
213
+ </ li >
214
+
215
+
216
+
217
+
218
+
219
+
220
+ < li class ="nav-item navbar-text ">
221
+
222
+ < div class ="text-center ">
223
+ < button id ="theme-toggle ">
224
+ < svg id ="moon " xmlns ="http://www.w3.org/2000/svg " width ="24 " height ="24 " viewBox ="0 0 24 24 " fill ="none " stroke ="currentColor " stroke-width ="2 " stroke-linecap ="round " stroke-linejoin ="round ">
225
+ < path d ="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z "> </ path >
226
+ </ svg >
227
+ < svg id ="sun " xmlns ="http://www.w3.org/2000/svg " width ="24 " height ="24 " viewBox ="0 0 24 24 " fill ="none " stroke ="currentColor " stroke-width ="2 " stroke-linecap ="round " stroke-linejoin ="round ">
228
+ < circle cx ="12 " cy ="12 " r ="5 "> </ circle >
229
+ < line x1 ="12 " y1 ="1 " x2 ="12 " y2 ="3 "> </ line >
230
+ < line x1 ="12 " y1 ="21 " x2 ="12 " y2 ="23 "> </ line >
231
+ < line x1 ="4.22 " y1 ="4.22 " x2 ="5.64 " y2 ="5.64 "> </ line >
232
+ < line x1 ="18.36 " y1 ="18.36 " x2 ="19.78 " y2 ="19.78 "> </ line >
233
+ < line x1 ="1 " y1 ="12 " x2 ="3 " y2 ="12 "> </ line >
234
+ < line x1 ="21 " y1 ="12 " x2 ="23 " y2 ="12 "> </ line >
235
+ < line x1 ="4.22 " y1 ="19.78 " x2 ="5.64 " y2 ="18.36 "> </ line >
236
+ < line x1 ="18.36 " y1 ="5.64 " x2 ="19.78 " y2 ="4.22 "> </ line >
237
+ </ svg >
238
+ </ button >
239
+ </ div >
240
+ </ li >
241
+
242
+
243
+ </ ul >
244
+
245
+ </ div >
246
+ </ div >
247
+ </ nav >
248
+ </ header >
249
+ < div id ="content ">
250
+ < div class ="container py-5 text-center ">
251
+ < img src ="/404.png " alt ='Page not found ' class ="img-fluid " width ="40% ">
252
+ < h1 > Page not found</ h1 >
253
+ </ div >
254
+
255
+ </ div > < footer >
256
+
257
+
258
+
259
+ < div class ="text-center pt-2 ">
260
+
261
+ < span class ="px-1 ">
262
+ < a href ="https://github.com/Dee718 " aria-label ="github ">
263
+ < svg xmlns ="http://www.w3.org/2000/svg " width ="2.7em " height ="2.7em " viewBox ="0 0 1792 1792 ">
264
+ < path
265
+ d ="M522 1352q-8 9-20-3-13-11-4-19 8-9 20 3 12 11 4 19zm-42-61q9 12 0 19-8 6-17-7t0-18q9-7 17 6zm-61-60q-5 7-13 2-10-5-7-12 3-5 13-2 10 5 7 12zm31 34q-6 7-16-3-9-11-2-16 6-6 16 3 9 11 2 16zm129 112q-4 12-19 6-17-4-13-15t19-7q16 5 13 16zm63 5q0 11-16 11-17 2-17-11 0-11 16-11 17-2 17 11zm58-10q2 10-14 14t-18-8 14-15q16-2 18 9zm964-956v960q0 119-84.5 203.5t-203.5 84.5h-224q-16 0-24.5-1t-19.5-5-16-14.5-5-27.5v-239q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-121-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-86-13.5q-44 113-7 204-79 85-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-40 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 103t.5 68q0 22-11 33.5t-22 13-33 1.5h-224q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z " />
266
+
267
+ < metadata >
268
+ < rdf:RDF xmlns:rdf ="http://www.w3.org/1999/02/22-rdf-syntax-ns# "
269
+ xmlns:rdfs ="http://www.w3.org/2000/01/rdf-schema# " xmlns:dc ="http://purl.org/dc/elements/1.1/ ">
270
+ < rdf:Description about ="https://iconscout.com/legal#licenses "
271
+ dc:title ="Github, Online, Project, Hosting, Square "
272
+ dc:description ="Github, Online, Project, Hosting, Square " dc:publisher ="Iconscout "
273
+ dc:date ="2016-12-14 " dc:format ="image/svg+xml " dc:language ="en ">
274
+ < dc:creator >
275
+ < rdf:Bag >
276
+ < rdf:li > Font Awesome</ rdf:li >
277
+ </ rdf:Bag >
278
+ </ dc:creator >
279
+ </ rdf:Description >
280
+ </ rdf:RDF >
281
+ </ metadata >
282
+ </ svg >
283
+ </ a >
284
+ </ span >
285
+
286
+
287
+
288
+ < span class ="px-1 ">
289
+ < a href ="https://www.linkedin.com/in/dilaksan-thillaithevan/ " aria-label ="linkedin ">
290
+ < svg xmlns ="http://www.w3.org/2000/svg " width ='2.4em ' height ='2.4em ' fill ="#fff " aria-label ="LinkedIn "
291
+ viewBox ="0 0 512 512 ">
292
+ < rect width ="512 " height ="512 " fill ="#0077b5 " rx ="15% " />
293
+ < circle cx ="142 " cy ="138 " r ="37 " />
294
+ < path stroke ="#fff " stroke-width ="66 " d ="M244 194v198M142 194v198 " />
295
+ < path d ="M276 282c0-20 13-40 36-40 24 0 33 18 33 45v105h66V279c0-61-32-89-76-89-34 0-51 19-59 32 " />
296
+ </ svg >
297
+ </ a >
298
+ </ span >
299
+
300
+
301
+
302
+
303
+
304
+
305
+
306
+ </ div > < div class ="container py-4 ">
307
+ < div class ="row justify-content-center ">
308
+ < div class ="col-md-4 text-center ">
309
+ < div class ="pb-2 ">
310
+ < a href ="https://dthillaithevan.github.io/ " title ="Hugo Profile ">
311
+ < img alt ="Footer logo " src =""
312
+ height ="40px " width ="40px ">
313
+ </ a >
314
+ </ div >
315
+ © 2023 All rights reserved
316
+ < div class ="text-secondary ">
317
+ Made with
318
+ < span class ="text-danger ">
319
+ ❤
320
+ </ span >
321
+ and
322
+ < a href ="https://github.com/gurusabarish/hugo-profile " target ="_blank "
323
+ title ="Designed and developed by gurusabarish ">
324
+ Hugo Profile
325
+ </ a >
326
+ </ div >
327
+ </ div >
328
+ </ div >
329
+ </ div > </ footer > < script src ="/bootstrap-5/js/bootstrap.bundle.min.js "> </ script >
330
+ < script >
331
+ if ( localStorage . getItem ( "pref-theme" ) === "dark" ) {
332
+ document . body . classList . add ( 'dark' ) ;
333
+ } else if ( localStorage . getItem ( "pref-theme" ) === "light" ) {
334
+ document . body . classList . remove ( 'dark' )
335
+ } else if ( window . matchMedia && window . matchMedia ( '(prefers-color-scheme: dark)' ) . matches ) {
336
+ document . body . classList . add ( 'dark' ) ;
337
+ }
338
+
339
+ </ script >
340
+ < script >
341
+ document . getElementById ( "theme-toggle" ) . addEventListener ( "click" , ( ) => {
342
+ if ( document . body . className . includes ( "dark" ) ) {
343
+ document . body . classList . remove ( 'dark' ) ;
344
+ localStorage . setItem ( "pref-theme" , 'light' ) ;
345
+ } else {
346
+ document . body . classList . add ( 'dark' ) ;
347
+ localStorage . setItem ( "pref-theme" , 'dark' ) ;
348
+ }
349
+ } )
350
+
351
+ var tooltipTriggerList = [ ] . slice . call ( document . querySelectorAll ( '[data-bs-toggle="tooltip"]' ) )
352
+ var tooltipList = tooltipTriggerList . map ( function ( tooltipTriggerEl ) {
353
+ return new bootstrap . Tooltip ( tooltipTriggerEl )
354
+ } )
355
+
356
+ </ script >
357
+
358
+
359
+
360
+
361
+
362
+
363
+
364
+
365
+
366
+
367
+
368
+
369
+ < section id ="search-content " class ="py-2 ">
370
+ < div class ="container " id ="search-results "> </ div >
371
+ </ section >
372
+ </ body >
373
+
374
+ </ html >
0 commit comments