Skip to content

Commit ca68711

Browse files
selvakumardhivakarselvakumardhivakar
authored
Update index.html
1 parent 26a770c commit ca68711

File tree

1 file changed

+33
-69
lines changed

1 file changed

+33
-69
lines changed

‎index.html

+33-69
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,30 @@
11
<!DOCTYPE html>
22
<html lang="en">
3+
34
<head>
45
<meta charset="UTF-8" />
56
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
67
<meta name="monetization" content="$ilp.uphold.com/24HhrUGG7ekn" />
78
<title>selvakumardhivakar</title>
8-
<script
9-
data-ad-client="ca-pub-8400941299340017"
10-
async
11-
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"
12-
></script>
9+
<script data-ad-client="ca-pub-8400941299340017" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
1310
<script src="https://cdn.tailwindcss.com"></script>
1411
</head>
1512

16-
<body class="bg-slate">
17-
<div class="bg-gray-100 py-8">
13+
<body class="bg-white">
14+
<div class="bg-gradient-to-t from-sky-50 to-sky-100 py-8">
1815
<div class="container mx-auto px-4 max-w-5xl">
19-
<header class="flex justify-between items-center mb-8">
20-
<a href="/" class="logo text-2xl font-bold text-gray-800">Dhivakar</a>
21-
<nav class="flex space-x-4">
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>
18+
19+
<nav class="text-md flex space-x-4">
2220
<a href="/" class="text-gray-600 hover:text-gray-800">Home</a>
2321
<a href="#about" class="text-gray-600 hover:text-gray-800">About</a>
24-
<a
25-
href="https://www.youtube.com/@vuelancer/videos"
26-
class="text-gray-600 hover:text-gray-800"
27-
>Courses</a
28-
>
22+
<a href="https://www.youtube.com/@vuelancer/videos" class="text-gray-600 hover:text-gray-800">Courses</a>
2923
</nav>
3024
</header>
3125
<div class="hero__content text-center mt-16">
32-
<h1 class="text-4xl font-bold text-gray-800">Software developer</h1>
33-
<p class="text-lg text-gray-600">
26+
<h1 class="text-4xl font-bold text-gray-800">Software Developer</h1>
27+
<p class="text-lg text-gray-600 mt-2">
3428
Full-stack developer with 4+ years of actual experience
3529
</p>
3630
</div>
@@ -51,7 +45,7 @@ <h2 class="text-2xl font-bold">5000+ followers</h2>
5145

5246
<div class="carousal-container max-w-lg mx-auto mt-8">
5347
<ul class="carousal flex flex-wrap justify-center gap-8">
54-
<li class="text-center bg-blue-50 p-4 rounded-lg shadow">
48+
<li class="text-center bg-yellow-50 p-4 rounded-lg shadow">
5549
<blockquote class="text-gray-600">
5650
Contributing to the online developer community through my YouTube
5751
channel, Vuelancer, where I provide tutorials and resources on
@@ -62,90 +56,52 @@ <h2 class="text-2xl font-bold">5000+ followers</h2>
6256
</ul>
6357
</div>
6458

65-
<div class="wrapper py-8 mt-8">
59+
<div class="wrapper mx-auto max-w-2xl py-8 mt-8">
6660
<h3 class="text-2xl font-bold text-gray-800 text-center">
6761
Technical Stack
6862
</h3>
6963
<ul class="technologies flex flex-wrap justify-center gap-4 mt-4">
7064
<li class="text-center bg-white p-4 rounded-lg shadow">
71-
<img
72-
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/react-colored.svg"
73-
alt="React  
74-
JS"
75-
class="w-15"
76-
/>
65+
<img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/react-colored.svg" alt="React  
66+
JS" class="w-15" />
7767
<p class="text-gray-600">React JS</p>
7868
</li>
7969
<li class="text-center bg-white p-4 rounded-lg shadow">
80-
<img
81-
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/vuejs-colored.svg"
82-
alt="Vue JS"
83-
class="w-15"
84-
/>
70+
<img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/vuejs-colored.svg" alt="Vue JS" class="w-15" />
8571
<p class="text-gray-600">Vue JS</p>
8672
</li>
8773
<li class="text-center bg-white p-4 rounded-lg shadow">
88-
<img
89-
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nodejs-colored.svg"
90-
alt="Node JS"
91-
class="w-15"
92-
/>
74+
<img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nodejs-colored.svg" alt="Node JS" class="w-15" />
9375
<p class="text-gray-600">NodeJS</p>
9476
</li>
9577
<li class="text-center bg-white p-4 rounded-lg shadow">
96-
<img
97-
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/mongodb-colored.svg"
98-
alt="MongoDB"
99-
class="w-15"
100-
/>
78+
<img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/mongodb-colored.svg" alt="MongoDB" class="w-15" />
10179
<p class="text-gray-600">MongoDB</p>
10280
</li>
10381
<li class="text-center bg-white p-4 rounded-lg shadow">
104-
<img
105-
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/docker-colored.svg"
106-
alt="Docker"
107-
class="w-15"
108-
/>
82+
<img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/docker-colored.svg" alt="Docker" class="w-15" />
10983
<p class="text-gray-600">Docker</p>
11084
</li>
11185
</ul>
11286
</div>
11387

11488
<div class="wrapper py-8" id="about">
11589
<h3 class="text-2xl font-bold text-gray-800 text-center">
116-
Wanna connect?
90+
Social links
11791
</h3>
11892
<ul class="social-websites flex flex-wrap justify-center gap-4 mt-4">
11993
<li class="text-center bg-white p-4 rounded-lg shadow">
120-
<a
121-
href="https://dev.to/vuelancer"
122-
><img
123-
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/devdotto.svg"
124-
alt="DEV"
125-
class="w-18"
126-
/>
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" />
12795
<p class="text-gray-600 hover:text-gray-800">Dev</p>
12896
</a>
12997
</li>
13098
<li class="text-center bg-white p-4 rounded-lg shadow">
131-
<a
132-
href="https://github.com/selvakumardhivakar"
133-
><img
134-
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/github.svg"
135-
alt="GitHub"
136-
class="w-10"
137-
/>
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" />
138100
<p class="text-gray-600 hover:text-gray-800">Github</p>
139101
</a>
140102
</li>
141103
<li class="text-center bg-white p-4 rounded-lg shadow">
142-
<a
143-
href="https://x.com/vuelancer"
144-
><img
145-
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/twitter.svg"
146-
alt="X"
147-
class="w-10"
148-
/>
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" />
149105
<p class="text-gray-600 hover:text-gray-800">X</p>
150106
</a>
151107
</li>
@@ -154,11 +110,19 @@ <h3 class="text-2xl font-bold text-gray-800 text-center">
154110
<div class="wrapper py-8" id="projects">
155111
<h3 class="text-2xl font-bold text-gray-800 text-center">Projects</h3>
156112
<ul class="flex flex-wrap justify-center gap-4 mt-4">
157-
<li class="text-center bg-white p-4 rounded-lg shadow">
158-
<a href="/" class="text-gray-600">Portfolio</p>
113+
<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>
121+
</a>
159122
</li>
160123
</ul>
161124
</div>
162125
</div>
163126
</body>
127+
164128
</html>

0 commit comments

Comments
 (0)