My Developer Portfolio - Project, Skills and Personal Journey
Exploring the world of a Frontend Dev
Self-taught JavaScript Developer
This is the code
<!DOCTYPE html>
<!-- Hero Section -->
Hi, I'm Yoichi Isagi, a Js Dev.
Welcome to my Website!
Self-taught Frontend Developer building interactive web applications.
Always learning, always improving.
class="bg-white text-purple-900 px-6 py-3 rounded-xl font-semibold hover:scale-105 transition">
View Projects
<div class="relative">
<!-- Background Image -->
<div class="absolute inset-0 bg-cover bg-center opacity-40"
style="background-image: url('https://cdn.pixabay.com/photo/2024/05/02/09/16/web-development-8734249_1280.png');">
</div>
<!-- Content Wrapper -->
<div class="relative z-10">
<!-- About Section -->
<section class="py-20 px-6 max-w-4xl mx-auto text-center">
<h2 class="text-3xl font-semibold mb-6">About Me</h2>
<p class="text-white leading-relaxed">
I'm a self-taught frontend developer focused on building clean, interactive, and responsive web applications.
I enjoy turning ideas into real, usable products and constantly improving my skills.
</p>
</section>
<!-- More Projects Section -->
<section class="py-20 px-6 text-center">
<h2 class="text-3xl font-semibold mb-4">More Projects Coming 🚀</h2>
<p class="text-white">
I'm constantly working on new projects—stay tuned!
</p>
</section>
</div>
</div>
<section class="py-10 text-center">
Find Me Online
<a href="https://github.com/dereckcole97-lab" target="_blank"
class="hover:text-white transition">
GitHub
</a>
<a href="https://www.linkedin.com/in/o-francesco-cole-3aa8b3165/" target="_blank"
class="hover:text-white transition">
LinkedIn
</a>
<a href="https://www.linkedin.com/in/o-francesco-cole-3aa8b3165/" target="_blank"
class="hover:text-white transition">
Facebook
</a>
<a href="https://www.instagram.com/yoichi_isagi.js?igsh=cjR0cXBhdDRjYmVq" target="_blank"
class="hover:text-white transition">
Instagram
</a>
Top comments (0)