Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
54 changes: 54 additions & 0 deletions sabikelly.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SabiKelly999 Portfolio</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
</head>
<body class="bg-gray-200">
<header class="bg-blue-500 text-white">
<div class="container mx-auto p-5">
<div class="flex items-center justify-between">
<div class="text-4xl">SabiKelly999</div>
<nav>
<ul class="flex space-x-4">
<li><a href="#about" class="text-white">About</a></li>
<li><a href="#projects" class="text-white">Projects</a></li>
<li><a href="#contact" class="text-white">Contact</a></li>
</ul>
</nav>
</div>
<p class="text-xl mt-2">Web and App Developer with 4 years of experience</p>
</div>
</header>

<section class="grid grid-cols-1 md:grid-cols-2 gap-4 p-5">
<div class="bg-gray-200 p-5 rounded shadow">
<h2 class="text-2xl">JavaScript</h2>
<p>Experience with ES6, Node.js, Express.js, and more.</p>
</div>
<div class="bg-white p-5 rounded shadow">
<h2 class="text-2xl">Flutter</h2>
<p>Developed multiple mobile applications with Flutter and Dart.</p>
</div>
<div class="bg-gray-200 p-5 rounded shadow">
<h2 class="text-2xl">ReactJS</h2>
<p>Experience with ReactJS, Redux, and related libraries.</p>
</div>
<div class="bg-white p-5 rounded shadow">
<h2 class="text-2xl">Native</h2>
<p>Experience with native mobile app development for both Android and iOS.</p>
</div>
<div class="bg-gray-200 p-5 rounded shadow">
<h2 class="text-2xl">Next.js</h2>
<p>Experience with server-side rendering and static site generation with Next.js.</p>
</div>
<!-- Add more skills as needed -->
</section>
<span>thanks for think me how to code </span>
<footer class="text-center py-5 bg-blue-500 text-white">
<p>© 2024 SabiKelly999</p>
</footer>
</body>
</html>