<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="monetization" content="$ilp.uphold.com/24HhrUGG7ekn" />
<title>selvakumardhivakar</title>
<link
rel="stylesheet"
href="https://unpkg.com/[email protected]/dist/tailwind.min.css"
/>
</head>
<body class="bg-white">
<div class="bg-gray-100 py-16">
<div class="container mx-auto px-4 max-w-5xl">
<header class="flex justify-between items-center mb-8">
<a href="/" class="logo text-2xl font-bold text-gray-800">Dhivakar</a>
<nav class="flex space-x-4">
<a href="/" class="text-gray-600 hover:text-gray-800">Home</a>
<a href="#about" class="text-gray-600 hover:text-gray-800">About</a>
<a
href="https://www.youtube.com/@vuelancer/videos"
class="text-gray-600 hover:text-gray-800"
>Courses</a
>
</nav>
</header>
<div class="hero__content text-center mt-16">
<h1 class="text-4xl font-bold text-gray-800">Software developer</h1>
<p class="text-lg text-gray-600">
Full-stack developer with 4+ years of actual experience
</p>
</div>
</div>
</div>
<div class="container mx-auto px-4 py-8 max-w-5xl">
<ul class="stats flex flex-wrap justify-center gap-4 mb-8">
<li class="text-center bg-white p-4 rounded-lg shadow">
<h2 class="text-2xl font-bold">100+ followers</h2>
<p class="text-gray-600">Youtube</p>
</li>
<li class="text-center bg-white p-4 rounded-lg shadow">
<h2 class="text-2xl font-bold">5000+ followers</h2>
<p class="text-gray-600">Dev Community</p>
</li>
</ul>
<div class="carousal-container max-w-lg mx-auto mt-8">
<ul class="carousal flex flex-wrap justify-center gap-8">
<li class="text-center bg-white p-4 rounded-lg shadow">
<blockquote class="text-gray-600">
Contributing to the online developer community through my YouTube
channel, Vuelancer, where I provide tutorials and resources on
full-stack development.
</blockquote>
<cite class="text-gray-500">Youtube</cite>
</li>
</ul>
</div>
<div class="wrapper my-8">
<h3 class="text-2xl font-bold text-gray-800 text-center">
Technical Stack
</h3>
<ul class="technologies flex flex-wrap justify-center gap-4 mt-4">
<li class="text-center bg-white p-4 rounded-lg shadow">
<img
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/react-colored.svg"
alt="React
JS"
class="w-15"
/>
<p class="text-gray-600">React JS</p>
</li>
<li class="text-center bg-white p-4 rounded-lg shadow">
<img
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/vuejs-colored.svg"
alt="React JS"
class="w-15"
/>
<p class="text-gray-600">Vue JS</p>
</li>
<li class="text-center bg-white p-4 rounded-lg shadow">
<img
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nodejs-colored.svg"
alt="React JS"
class="w-15"
/>
<p class="text-gray-600">NodeJS</p>
</li>
<li class="text-center bg-white p-4 rounded-lg shadow">
<img
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/mongodb-colored.svg"
alt="React JS"
class="w-15"
/>
<p class="text-gray-600">MongoDB</p>
</li>
<li class="text-center bg-white p-4 rounded-lg shadow">
<img
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/docker-colored.svg"
alt="React JS"
class="w-15"
/>
<p class="text-gray-600">Docker</p>
</li>
</ul>
</div>
<div class="wrapper py-8" id="about">
<h3 class="text-2xl font-bold text-gray-800 text-center">
Wanna connect?
</h3>
<ul class="social-websites flex flex-wrap justify-center gap-4 mt-4">
<li class="text-center bg-white p-4 rounded-lg shadow">
<a
href="https://github.com/selvakumardhivakar"
><img
src="https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/git-colored.svg"
alt="Git"
class="w-15"
/>
<p class="text-gray-600 hover:text-gray-800">Github</p>
</a>
</li>
</ul>
</div>
<div class="wrapper py-8" id="email">
<h3 class="text-2xl font-bold text-gray-800 text-center">Contact Me</h3>
<ul class="email flex flex-wrap justify-center gap-4 mt-4">
<li class="text-center bg-white p-4 rounded-lg shadow">
<p class="text-gray-600">*@gmail.com</p>
</li>
</ul>
</div>
</div>
</body>
</html>
Intelligence View
⚡ tsecurity.de Intelligence
Simple Portfolio using Tailwind, HTML
Reagiere als Erste:r — dein Feedback zählt!
SOCIAL SHARE CARD GENERATOR