-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
103 lines (99 loc) · 5.82 KB
/
Copy pathindex.html
File metadata and controls
103 lines (99 loc) · 5.82 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="google-site-verification" content="Tgr2iBiNIonHi8MVAIfTV2rdPftrHG4Oc8qaF7UgzT0" />
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<link href='favicon.ico'>
<title>Home | Advaith GS</title>
<!--link rel="icon" type="image/png" href="/favicon.png"/-->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Assistant&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap" rel="stylesheet">
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script src="script.js">
</script>
<header class="text-gray-600 body-font">
<div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center">
<a class="flex title-font font-medium items-center text-gray-900 mb-4 md:mb-0">
<span class="ml-3 text-xl" style='margin-left:0rem;font-size: 1.4rem;'>Advaith GS</span>
</a>
<nav
class="md:mr-auto md:ml-4 md:py-1 md:pl-4 md:border-l md:border-gray-400 flex flex-wrap items-center text-base justify-center">
<a href='about.html' class="mr-5 hover:text-gray-900" style='margin-right:0.75rem'>About me</a>
<a href='contact_me.html' class="mr-5 hover:text-gray-900" style='margin-right:0rem; margin-left:0.75rem'>Contact Me</a>
<a href='maths.html' class="mr-5 hover:text-gray-900" style='margin-right:0rem; margin-left:0.75rem'>Maths</a>
<a href = 'synonyms.html' class="mr-5 hover:text-gray-900" style = 'margin-right:0rem; margin-left:0.75rem'>Synonyms</a>
</nav>
</div>
</header>
<section class="text-gray-600 body-font" id='thesection'>
<div class="container mx-auto flex px-5 py-24 md:flex-row flex-col items-center">
<div
class="lg:flex-grow md:w-1/2 lg:pr-24 md:pr-16 flex flex-col md:items-start md:text-left mb-16 md:mb-0 items-center text-center"
style=" z-index: -100; color: black;">
<h1 class="title-font sm:text-4xl text-3xl mb-4 font-medium text-gray-900" style="color: black;">Hello there! I
am Advaith GS.
<br class="hidden lg:inline-block">
</h1>
<p class="mb-8 leading-relaxed" style="font-size:large;">Junior Programmer , BIG marvel fan, love playing and
listening to music, CAD/CAM enthusiast, astronomy lover. I am currently in class 11. </p>
</div>
<div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6" style="position: relative; z-index: -100;">
<img class="object-cover object-center rounded" alt="hero"
src="https://source.unsplash.com/720x600/?nature,wildlife">
<span id='first'> Just a side note, this is not me. </span>
</div>
</div>
</section style='color:white;'>
<footer class="text-gray-600 body-font">
<div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col">
<a class="flex title-font font-medium items-center md:justify-start justify-center text-gray-900">
<span class="ml-3 text-xl" style='margin-left:0rem;'>Advaith GS</span>
</a>
<p class="text-sm text-gray-500 sm:ml-4 sm:pl-4 sm:border-l-2 sm:border-gray-200 sm:py-2 sm:mt-0 mt-4">
<a href="https://instagram.com/gs_boi" class="text-gray-600 ml-1" rel="noopener noreferrer" target="_blank" ,
id='status'></a>
<script src='script.js'></script>
</p>
<span class="inline-flex sm:ml-auto sm:mt-0 mt-4 justify-center sm:justify-start">
<a class="text-gray-500">
<svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5"
viewBox="0 0 24 24" data-darkreader-inline-fill="" style="--darkreader-inline-fill:currentColor;">
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path>
</svg>
</a>
<a class="ml-3 text-gray-500">
<svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5"
viewBox="0 0 24 24" data-darkreader-inline-fill="" style="--darkreader-inline-fill:currentColor;">
<path
d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z">
</path>
</svg>
</a>
<a href="https://instagram.com/advaithgs" class="ml-3 text-gray-500">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
class="w-5 h-5" viewBox="0 0 24 24" data-darkreader-inline-fill="" data-darkreader-inline-stroke=""
style="--darkreader-inline-fill:none; --darkreader-inline-stroke:currentColor;">
<rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect>
<path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37zm1.5-4.87h.01"></path>
</svg>
</a>
<a class="ml-3 text-gray-500">
<svg fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"
class="w-5 h-5" viewBox="0 0 24 24" data-darkreader-inline-fill="" data-darkreader-inline-stroke=""
style="--darkreader-inline-fill:currentColor; --darkreader-inline-stroke:currentColor;">
<path stroke="none" d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z"
data-darkreader-inline-stroke="" style="--darkreader-inline-stroke:none;"></path>
<circle cx="4" cy="4" r="2" stroke="none" data-darkreader-inline-stroke=""
style="--darkreader-inline-stroke:none;"></circle>
</svg>
</a>
</span>
</div>
</footer>
</body>
</html>