Skip to content

Commit 702c42a

Browse files
selvakumardhivakarselvakumardhivakar
authored
Update index.html
1 parent ca68711 commit 702c42a

File tree

1 file changed

+90
-33
lines changed

1 file changed

+90
-33
lines changed

‎index.html

+90-33
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,36 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
43
<head>
54
<meta charset="UTF-8" />
65
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
76
<meta name="monetization" content="$ilp.uphold.com/24HhrUGG7ekn" />
87
<title>selvakumardhivakar</title>
9-
<script data-ad-client="ca-pub-8400941299340017" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
8+
<script
9+
data-ad-client="ca-pub-8400941299340017"
10+
async
11+
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"
12+
></script>
1013
<script src="https://cdn.tailwindcss.com"></script>
1114
</head>
1215

1316
<body class="bg-white">
1417
<div class="bg-gradient-to-t from-sky-50 to-sky-100 py-8">
1518
<div class="container mx-auto px-4 max-w-5xl">
16-
<header class="flex justify-between items-center mb-8 p-2 bg-green-100 rounded-lg shadow">
17-
<a href="/" class="sm:text-xl text-md font-bold text-gray-800">Dhivakar</a>
19+
<header
20+
class="flex justify-between items-center mb-8 p-2 bg-green-100 rounded-lg shadow"
21+
>
22+
<a href="/" class="sm:text-xl text-md font-bold text-gray-800"
23+
>Dhivakar</a
24+
>
1825

1926
<nav class="text-md flex space-x-4">
2027
<a href="/" class="text-gray-600 hover:text-gray-800">Home</a>
2128
<a href="#about" class="text-gray-600 hover:text-gray-800">About</a>
22-
<a href="https://www.youtube.com/@vuelancer/videos" class="text-gray-600 hover:text-gray-800">Courses</a>
29+
<a
30+
href="https://www.youtube.com/@vuelancer/videos"
31+
class="text-gray-600 hover:text-gray-800"
32+
>Courses</a
33+
>
2334
</nav>
2435
</header>
2536
<div class="hero__content text-center mt-16">
@@ -61,25 +72,56 @@ <h3 class="text-2xl font-bold text-gray-800 text-center">
6172
Technical Stack
6273
</h3>
6374
<ul class="technologies flex flex-wrap justify-center gap-4 mt-4">
64-
<li class="text-center bg-white p-4 rounded-lg shadow">
65-
<img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/react-colored.svg" alt="React  
66-
JS" class="w-15" />
75+
<li
76+
class="text-center bg-indigo-50 p-4 rounded-lg shadow flex flex-col items-center"
77+
>
78+
<img
79+
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/react-colored.svg"
80+
alt="React  
81+
JS"
82+
class="size-10"
83+
/>
6784
<p class="text-gray-600">React JS</p>
6885
</li>
69-
<li class="text-center bg-white p-4 rounded-lg shadow">
70-
<img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/vuejs-colored.svg" alt="Vue JS" class="w-15" />
86+
<li
87+
class="text-center bg-green-50 p-4 rounded-lg shadow flex flex-col items-center"
88+
>
89+
<img
90+
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/vuejs-colored.svg"
91+
alt="Vue JS"
92+
class="size-10"
93+
/>
7194
<p class="text-gray-600">Vue JS</p>
7295
</li>
73-
<li class="text-center bg-white p-4 rounded-lg shadow">
74-
<img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nodejs-colored.svg" alt="Node JS" class="w-15" />
96+
<li
97+
class="text-center bg-emerald-50 p-4 rounded-lg shadow flex flex-col items-center"
98+
>
99+
<img
100+
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nodejs-colored.svg"
101+
alt="Node  
102+
JS"
103+
class="size-10"
104+
/>
75105
<p class="text-gray-600">NodeJS</p>
76106
</li>
77-
<li class="text-center bg-white p-4 rounded-lg shadow">
78-
<img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/mongodb-colored.svg" alt="MongoDB" class="w-15" />
107+
<li
108+
class="text-center bg-teal-50 p-4 rounded-lg shadow flex flex-col items-center"
109+
>
110+
<img
111+
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/mongodb-colored.svg"
112+
alt="MongoDB"
113+
class="size-10"
114+
/>
79115
<p class="text-gray-600">MongoDB</p>
80116
</li>
81-
<li class="text-center bg-white p-4 rounded-lg shadow">
82-
<img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/docker-colored.svg" alt="Docker" class="w-15" />
117+
<li
118+
class="text-center bg-sky-50 p-4 rounded-lg shadow flex flex-col items-center"
119+
>
120+
<img
121+
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/docker-colored.svg"
122+
alt="Docker"
123+
class="size-10"
124+
/>
83125
<p class="text-gray-600">Docker</p>
84126
</li>
85127
</ul>
@@ -90,19 +132,37 @@ <h3 class="text-2xl font-bold text-gray-800 text-center">
90132
Social links
91133
</h3>
92134
<ul class="social-websites flex flex-wrap justify-center gap-4 mt-4">
93-
<li class="text-center bg-white p-4 rounded-lg shadow">
94-
<a href="https://dev.to/vuelancer"><img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/devdotto.svg" alt="DEV" class="w-18" />
95-
<p class="text-gray-600 hover:text-gray-800">Dev</p>
135+
<li
136+
class="text-center bg-white p-4 rounded-lg shadow-md flex flex-col items-center"
137+
>
138+
<a href="https://dev.to/vuelancer"
139+
><img
140+
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/devdotto.svg"
141+
alt="DEV"
142+
class="size-10"
143+
/>
96144
</a>
97145
</li>
98-
<li class="text-center bg-white p-4 rounded-lg shadow">
99-
<a href="https://github.com/selvakumardhivakar"><img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/github.svg" alt="GitHub" class="w-10" />
100-
<p class="text-gray-600 hover:text-gray-800">Github</p>
146+
<li
147+
class="text-center bg-white p-4 rounded-lg shadow-md flex flex-col items-center"
148+
>
149+
<a href="https://github.com/selvakumardhivakar"
150+
><img
151+
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/github.svg"
152+
alt="GitHub"
153+
class="size-10"
154+
/>
101155
</a>
102156
</li>
103-
<li class="text-center bg-white p-4 rounded-lg shadow">
104-
<a href="https://x.com/vuelancer"><img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/twitter.svg" alt="X" class="w-10" />
105-
<p class="text-gray-600 hover:text-gray-800">X</p>
157+
<li
158+
class="text-center bg-white p-4 rounded-lg shadow-md flex flex-col items-center"
159+
>
160+
<a href="https://x.com/vuelancer"
161+
><img
162+
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/twitter.svg"
163+
alt="X"
164+
class="size-10"
165+
/>
106166
</a>
107167
</li>
108168
</ul>
@@ -111,18 +171,15 @@ <h3 class="text-2xl font-bold text-gray-800 text-center">
111171
<h3 class="text-2xl font-bold text-gray-800 text-center">Projects</h3>
112172
<ul class="flex flex-wrap justify-center gap-4 mt-4">
113173
<li class="text-center bg-zinc-50 p-10 rounded-lg shadow">
114-
<a href="/" class=" text-gray-600">
115-
<h4 class="text-md font-semibold text-gray-800 text-center">
116-
Portfolio
117-
</h4>
118-
<p class="italic text-sm">
119-
Minimal and Clean Portfolio
120-
</p>
174+
<a href="/" class="text-gray-600">
175+
<h4 class="text-md font-semibold text-gray-800 text-center">
176+
Portfolio
177+
</h4>
178+
<p class="italic text-sm">Minimal and Clean Portfolio</p>
121179
</a>
122180
</li>
123181
</ul>
124182
</div>
125183
</div>
126184
</body>
127-
128185
</html>

0 commit comments

Comments
 (0)