Skip to content

Commit f99374a

Browse files
selvakumardhivakarselvakumardhivakar
authored
Update index.html
1 parent 928d085 commit f99374a

File tree

1 file changed

+86
-120
lines changed

1 file changed

+86
-120
lines changed

‎index.html

+86-120
Original file line numberDiff line numberDiff line change
@@ -1,139 +1,105 @@
11
<!DOCTYPE html>
22
<html lang="en">
33

4-
<head>
5-
<meta charset="UTF-8" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<meta name="monetization" content="$ilp.uphold.com/24HhrUGG7ekn" />
8-
<title>My Portfolio</title>
9-
<link rel="stylesheet" href="css/index.css" />
10-
<script data-ad-client="ca-pub-8400941299340017" async
11-
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
12-
</head>
13-
<body>
14-
<div class="hero-wrapper">
15-
<div class="wrapper">
16-
<header>
17-
<a href="/" class="logo">Dhivakar</a>
18-
<nav>
19-
<ul>
20-
<li><a href="/">Home</a></li>
21-
<li><a href="#about">About</a></li>
22-
<li>
23-
<a href="https://www.youtube.com/@vuelancer/videos">Courses</a>
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<meta name="monetization" content="$ilp.uphold.com/24HhrUGG7ekn" />
8+
<title>selvakumardhivakar</title>
9+
<link rel="stylesheet" href="css/index.css" />
10+
<script data-ad-client="ca-pub-8400941299340017" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
11+
<link rel="stylesheet" href="https://unpkg.com/tailwindcss@2.2.19/dist/tailwind.min.css">
12+
</head>
13+
14+
<body>
15+
<div class="hero-wrapper bg-gray-100">
16+
<div class="container mx-auto px-4 py-8">
17+
<header class="flex justify-between items-center">
18+
<a href="/" class="logo text-2xl font-bold text-gray-800">Dhivakar</a>
19+
<nav class="flex space-x-4">
20+
<a href="/" class="text-gray-600 hover:text-gray-800">Home</a>
21+
<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>
23+
</nav>
24+
</header>
25+
<div class="hero__content text-center mt-16">
26+
<h1 class="text-4xl font-bold text-gray-800">Software developer</h1>
27+
<p class="text-lg text-gray-600">Full-stack developer with 4+ years of actual experience</p>
28+
</div>
29+
</div>
30+
</div>
31+
32+
<div class="light-purple-wrapper bg-gray-200 py-8">
33+
<div class="container mx-auto px-4">
34+
<ul class="stats flex flex-wrap justify-center gap-4">
35+
<li class="text-center bg-white p-4 rounded-lg shadow">
36+
<h2 class="text-2xl font-bold">100+ followers</h2>
37+
<p class="text-gray-600">Youtube</p>
38+
</li>
39+
<li class="text-center bg-white p-4 rounded-lg shadow">
40+
<h2 class="text-2xl font-bold">5000+ followers</h2>
41+
<p class="text-gray-600">Dev Community</p>
42+
</li>
43+
</ul>
44+
45+
<div class="carousal-container mt-8">
46+
<ul class="carousal flex flex-wrap justify-center gap-8">
47+
<li class="text-center bg-white p-4 rounded-lg shadow">
48+
<blockquote class="text-gray-600">
49+
Contributing to the online developer community through my YouTube channel,
50+
Vuelancer, where I provide tutorials and resources on full-stack development.
51+
</blockquote>
52+
<cite class="text-gray-500">Youtube</cite>
2453
</li>
2554
</ul>
26-
</nav>
27-
</header>
28-
<div class="hero__content">
29-
<h3>Software developer & Youtube content creator</h3>
30-
<p class="subtitle">Full-stack developer with 4+ years of experience</p>
55+
</div>
3156
</div>
3257
</div>
33-
</div>
34-
<div class="light-purple-wrapper">
35-
<div class="wrapper">
36-
<ul class="stats">
37-
<li>
38-
<strong> 100+ </strong>
39-
<span> followers on Youtube </span>
58+
59+
<div class="wrapper py-8">
60+
<h3 class="text-2xl font-bold text-gray-800 text-center">Technical Stack</h3>
61+
<ul class="technologies flex flex-wrap justify-center gap-4 mt-4">
62+
<li class="text-center bg-white p-4 rounded-lg shadow">
63+
<img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/react-colored.svg" alt="React  
64+
JS" class="w-15">
65+
<p class="text-gray-600">React JS</p>
4066
</li>
41-
<li>
42-
<strong> 5000+ </strong>
43-
<span> followers on DEV Community </span>
67+
<li class="text-center bg-white p-4 rounded-lg shadow">
68+
<img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/vuejs-colored.svg" alt="React JS" class="w-15">
69+
<p class="text-gray-600">Vue JS</p>
4470
</li>
45-
<li>
46-
<strong> 10000+ </strong>
47-
<span> views on Youtube </span>
71+
<li class="text-center bg-white p-4 rounded-lg shadow">
72+
<img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nodejs-colored.svg" alt="React JS" class="w-15">
73+
<p class="text-gray-600">NodeJS</p>
4874
</li>
49-
<li>
50-
<strong> 150000+ </strong>
51-
<span> post views on DEV Community </span>
75+
<li class="text-center bg-white p-4 rounded-lg shadow">
76+
<img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/mongodb-colored.svg" alt="React JS" class="w-15">
77+
<p class="text-gray-600">MongoDB</p>
78+
</li>
79+
<li class="text-center bg-white p-4 rounded-lg shadow">
80+
<img src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/docker-colored.svg" alt="React JS" class="w-15">
81+
<p class="text-gray-600">Docker</p>
5282
</li>
5383
</ul>
5484
</div>
55-
<div class="extended-wrapper carousal-container">
56-
<!-- <img
57-
class="arrows left"
58-
id="left-arrow"
59-
src="https://img.icons8.com/metro/26/000000/down--v1.png"
60-
/> -->
61-
<ul class="carousal">
62-
<li>
63-
<a href="https://www.youtube.com/channel/UC0hmXRqXYVO0mocVt5D3GkQ">
64-
<blockquote>
65-
Contributing to the online developer community through my YouTube channel, Vuelancer, where I provide tutorials and resources on full-stack development.
66-
</blockquote>
67-
<cite>Youtube</cite>
68-
</a>
85+
86+
<div class="wrapper py-8" id="about">
87+
<h3 class="text-2xl font-bold text-gray-800 text-center">Wanna connect?</h3>
88+
<ul class="social-websites flex flex-wrap justify-center gap-4 mt-4">
89+
<li class="text-center bg-white p-4 rounded-lg shadow">
90+
<a href="https://github.com/selvakumardhivakar" class="text-gray-600 hover:text-gray-800">Github</a>
6991
</li>
92+
</ul>
93+
</div>
7094

71-
<!-- <li>
72-
<a href="http://www.scrimba.com/@selvakumardhivakar">
73-
<blockquote>
74-
I have created a python playlist (course content) on Scrimba,
75-
you can find the link on "courses" tab above.
76-
</blockquote>
77-
<cite>Scrimba</cite>
78-
</a>
79-
</li> -->
95+
<div class="wrapper py-8" id="email">
96+
<h3 class="text-2xl font-bold text-gray-800 text-center">Contact Me</h3>
97+
<ul class="email flex flex-wrap justify-center gap-4 mt-4">
98+
<li class="text-center bg-white p-4 rounded-lg shadow">
99+
<p class="text-gray-600">vutterdev@gmail.com</p>
100+
</li>
80101
</ul>
81-
<!-- <img
82-
class="arrows right"
83-
id="right-arrow"
84-
src="https://img.icons8.com/metro/26/000000/down--v1.png"
85-
/> -->
86102
</div>
87-
</div>
88-
<div class="wrapper move-up v-padding">
89-
<h3>Technical Stack</h3>
90-
<ul class="technologies">
91-
<li>
92-
<img
93-
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/react-colored.svg">
94-
<p>React JS</p>
95-
</li>
96-
<li>
97-
<img
98-
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/vuejs-colored.svg">
99-
<p>Vuejs</p>
100-
</li>
101-
<li>
102-
<img
103-
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nodejs-colored.svg"
104-
alt="" srcset="">
105-
<p>Node</p>
106-
</li>
107-
<li>
108-
<img
109-
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/mongodb-colored.svg"
110-
alt="" srcset="">
111-
<p>Mongodb</p>
112-
</li>
113-
</ul>
114-
</div>
115-
<div class="wrapper move-up" id="about">
116-
<h3>Wanna connect?</h3>
117-
<ul class="social-websites">
118-
<li>
119-
<p><a href="https://github.com/selvakumardhivakar">Github</a></p>
120-
</li>
121-
<li>
122-
<p><a href="https://dev.to/vuelancer">DEV</a></p>
123-
</li>
124-
<li>
125-
<p><a href="https://github.com/Vuelancer">Vuelancer-Github</a></p>
126-
</li>
127-
</ul>
128-
</div>
129-
<div class="wrapper move-up" id="email">
130-
<h3>Contact Me</h3>
131-
<ul class="email">
132-
<li>
133-
<p>Email - vutterdev@gmail.com</p>
134-
</li>
135-
</ul>
136-
</div>
137-
</body>
103+
</body>
138104

139105
</html>

0 commit comments

Comments
 (0)