Skip to content

Commit 8503070

Browse files
selvakumardhivakarselvakumardhivakar
authored
Update index.html
1 parent c4c53f9 commit 8503070

File tree

1 file changed

+114
-72
lines changed

1 file changed

+114
-72
lines changed

‎index.html

+114-72
Original file line numberDiff line numberDiff line change
@@ -1,104 +1,146 @@
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>
10-
<link rel="stylesheet" href="https://unpkg.com/tailwindcss@2.2.19/dist/tailwind.min.css">
8+
<script
9+
data-ad-client="ca-pub-8400941299340017"
10+
async
11+
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"
12+
></script>
13+
<link
14+
rel="stylesheet"
15+
href="https://unpkg.com/tailwindcss@2.2.19/dist/tailwind.min.css"
16+
/>
1117
</head>
1218

13-
<body>
14-
<div class="hero-wrapper bg-gray-100">
15-
<div class="container mx-auto px-4 py-8">
16-
<header class="flex justify-between items-center">
19+
<body class="bg-white">
20+
<div class="bg-gray-100 py-16">
21+
<div class="container mx-auto px-4 max-w-5xl">
22+
<header class="flex justify-between items-center mb-8">
1723
<a href="/" class="logo text-2xl font-bold text-gray-800">Dhivakar</a>
1824
<nav class="flex space-x-4">
1925
<a href="/" class="text-gray-600 hover:text-gray-800">Home</a>
2026
<a href="#about" class="text-gray-600 hover:text-gray-800">About</a>
21-
<a href="https://www.youtube.com/@vuelancer/videos" class="text-gray-600 hover:text-gray-800">Courses</a>
27+
<a
28+
href="https://www.youtube.com/@vuelancer/videos"
29+
class="text-gray-600 hover:text-gray-800"
30+
>Courses</a
31+
>
2232
</nav>
2333
</header>
2434
<div class="hero__content text-center mt-16">
2535
<h1 class="text-4xl font-bold text-gray-800">Software developer</h1>
26-
<p class="text-lg text-gray-600">Full-stack developer with 4+ years of actual experience</p>
36+
<p class="text-lg text-gray-600">
37+
Full-stack developer with 4+ years of actual experience
38+
</p>
2739
</div>
2840
</div>
2941
</div>
3042

31-
<div class="light-purple-wrapper bg-gray-200 py-8">
32-
<div class="container mx-auto px-4">
33-
<ul class="stats flex flex-wrap justify-center gap-4">
43+
<div class="container mx-auto px-4 py-8 max-w-5xl">
44+
<ul class="stats flex flex-wrap justify-center gap-4 mb-8">
45+
<li class="text-center bg-white p-4 rounded-lg shadow">
46+
<h2 class="text-2xl font-bold">100+ followers</h2>
47+
<p class="text-gray-600">Youtube</p>
48+
</li>
49+
<li class="text-center bg-white p-4 rounded-lg shadow">
50+
<h2 class="text-2xl font-bold">5000+ followers</h2>
51+
<p class="text-gray-600">Dev Community</p>
52+
</li>
53+
</ul>
54+
55+
<div class="carousal-container max-w-lg mx-auto mt-8">
56+
<ul class="carousal flex flex-wrap justify-center gap-8">
3457
<li class="text-center bg-white p-4 rounded-lg shadow">
35-
<h2 class="text-2xl font-bold">100+ followers</h2>
36-
<p class="text-gray-600">Youtube</p>
58+
<blockquote class="text-gray-600">
59+
Contributing to the online developer community through my YouTube
60+
channel, Vuelancer, where I provide tutorials and resources on
61+
full-stack development.
62+
</blockquote>
63+
<cite class="text-gray-500">Youtube</cite>
3764
</li>
65+
</ul>
66+
</div>
67+
68+
<div class="wrapper my-8">
69+
<h3 class="text-2xl font-bold text-gray-800 text-center">
70+
Technical Stack
71+
</h3>
72+
<ul class="technologies flex flex-wrap justify-center gap-4 mt-4">
3873
<li class="text-center bg-white p-4 rounded-lg shadow">
39-
<h2 class="text-2xl font-bold">5000+ followers</h2>
40-
<p class="text-gray-600">Dev Community</p>
74+
<img
75+
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/react-colored.svg"
76+
alt="React  
77+
JS"
78+
class="w-15"
79+
/>
80+
<p class="text-gray-600">React JS</p>
81+
</li>
82+
<li class="text-center bg-white p-4 rounded-lg shadow">
83+
<img
84+
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/vuejs-colored.svg"
85+
alt="React JS"
86+
class="w-15"
87+
/>
88+
<p class="text-gray-600">Vue JS</p>
89+
</li>
90+
<li class="text-center bg-white p-4 rounded-lg shadow">
91+
<img
92+
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nodejs-colored.svg"
93+
alt="React JS"
94+
class="w-15"
95+
/>
96+
<p class="text-gray-600">NodeJS</p>
97+
</li>
98+
<li class="text-center bg-white p-4 rounded-lg shadow">
99+
<img
100+
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/mongodb-colored.svg"
101+
alt="React JS"
102+
class="w-15"
103+
/>
104+
<p class="text-gray-600">MongoDB</p>
105+
</li>
106+
<li class="text-center bg-white p-4 rounded-lg shadow">
107+
<img
108+
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/docker-colored.svg"
109+
alt="React JS"
110+
class="w-15"
111+
/>
112+
<p class="text-gray-600">Docker</p>
41113
</li>
42114
</ul>
43-
44-
<div class="carousal-container mt-8">
45-
<ul class="carousal flex flex-wrap justify-center gap-8">
46-
<li class="text-center bg-white p-4 rounded-lg shadow">
47-
<blockquote class="text-gray-600">
48-
Contributing to the online developer community through my YouTube channel,
49-
Vuelancer, where I provide tutorials and resources on full-stack development.
50-
</blockquote>
51-
<cite class="text-gray-500">Youtube</cite>
52-
</li>
53-
</ul>
54-
</div>
55115
</div>
56-
</div>
57-
58-
<div class="wrapper py-8">
59-
<h3 class="text-2xl font-bold text-gray-800 text-center">Technical Stack</h3>
60-
<ul class="technologies flex flex-wrap justify-center gap-4 mt-4">
61-
<li class="text-center bg-white p-4 rounded-lg shadow">
62-
<img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/react-colored.svg" alt="React  
63-
JS" class="w-15">
64-
<p class="text-gray-600">React JS</p>
65-
</li>
66-
<li class="text-center bg-white p-4 rounded-lg shadow">
67-
<img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/vuejs-colored.svg" alt="React JS" class="w-15">
68-
<p class="text-gray-600">Vue JS</p>
69-
</li>
70-
<li class="text-center bg-white p-4 rounded-lg shadow">
71-
<img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nodejs-colored.svg" alt="React JS" class="w-15">
72-
<p class="text-gray-600">NodeJS</p>
73-
</li>
74-
<li class="text-center bg-white p-4 rounded-lg shadow">
75-
<img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/mongodb-colored.svg" alt="React JS" class="w-15">
76-
<p class="text-gray-600">MongoDB</p>
77-
</li>
78-
<li class="text-center bg-white p-4 rounded-lg shadow">
79-
<img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/docker-colored.svg" alt="React JS" class="w-15">
80-
<p class="text-gray-600">Docker</p>
81-
</li>
82-
</ul>
83-
</div>
84116

85-
<div class="wrapper py-8" id="about">
86-
<h3 class="text-2xl font-bold text-gray-800 text-center">Wanna connect?</h3>
87-
<ul class="social-websites flex flex-wrap justify-center gap-4 mt-4">
88-
<li class="text-center bg-white p-4 rounded-lg shadow">
89-
<a href="https://github.com/selvakumardhivakar" class="text-gray-600 hover:text-gray-800">Github</a>
90-
</li>
91-
</ul>
92-
</div>
117+
<div class="wrapper py-8" id="about">
118+
<h3 class="text-2xl font-bold text-gray-800 text-center">
119+
Wanna connect?
120+
</h3>
121+
<ul class="social-websites flex flex-wrap justify-center gap-4 mt-4">
122+
<li class="text-center bg-white p-4 rounded-lg shadow">
123+
<a
124+
href="https://github.com/selvakumardhivakar"
125+
><img
126+
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/git-colored.svg"
127+
alt="Git"
128+
class="w-15"
129+
/>
130+
<p class="text-gray-600 hover:text-gray-800">Github</p>
131+
</a>
132+
</li>
133+
</ul>
134+
</div>
93135

94-
<div class="wrapper py-8" id="email">
95-
<h3 class="text-2xl font-bold text-gray-800 text-center">Contact Me</h3>
96-
<ul class="email flex flex-wrap justify-center gap-4 mt-4">
97-
<li class="text-center bg-white p-4 rounded-lg shadow">
98-
<p class="text-gray-600">vutterdev@gmail.com</p>
99-
</li>
100-
</ul>
136+
<div class="wrapper py-8" id="email">
137+
<h3 class="text-2xl font-bold text-gray-800 text-center">Contact Me</h3>
138+
<ul class="email flex flex-wrap justify-center gap-4 mt-4">
139+
<li class="text-center bg-white p-4 rounded-lg shadow">
140+
<p class="text-gray-600">vutterdev@gmail.com</p>
141+
</li>
142+
</ul>
143+
</div>
101144
</div>
102145
</body>
103-
104146
</html>

0 commit comments

Comments
 (0)