Yvette

it's very good

This tailwind example is contributed by Umutoniwase Yvette, on 24-May-2025. Component is made with Tailwind CSS v3. It is responsive.

Header

Author Umutoniwase Yvette

104

Fork Fullscreen

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>My Portfolio</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>

<header>
    <h1>Umutoniwase yvette</h1>
    <p>Web Developer</p>
  </header>
  <style>

body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #f5f5f5;
  color: #333;
}

header {
  background-color: #2c3e50;
  color: white;
  text-align: center;
  padding: 40px 0;
}

section {
  padding: 30px;
  max-width: 800px;
  margin: auto;
}

h2 {
  border-bottom: 2px solid #3498db;
  padding-bottom: 5px;
}

.skills ul {
  list-style: none;
  padding: 0;
}

.skills li {
  background-color: #3498db;
  color: white;
  display: inline-block;
  padding: 10px 15px;
  margin: 5px;
  border-radius: 5px;
}

.project-card {
  background-color: white;
  padding: 20px;
  margin: 15px 0;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

footer {
  text-align: center;
  padding: 15px;
  background-color: #2c3e50;
  color: white;
}
</style>

<section class="about">
    <h2>About Me</h2>
    <p>I am a passionate web developer with a love for building beautiful and functional websites using HTML, CSS, and JavaScript.</p>
  </section>

<section class="skills">
    <h2>Skills</h2>
    <ul>
      <li>HTML</li>
      <li>CSS</li>
      <li>JavaScript</li>
      <li>React</li>
      <li>Node.js</li>
    </ul>
  </section>

<section class="projects">
    <h2>Projects</h2>
    <div class="project-card">
      <h3>Project One</h3>
      <p>A responsive website for a small business.</p>
    </div>
    <div class="project-card">
      <h3>Project Two</h3>
      <p>A portfolio lets people know your expertise, which is why every developer should have one.</p>
    </div>
  </section>

<section class="contact">
    <h2>Contact Me</h2>
    <p>Email: umutoniwase yvette92@gmail.com</p>
  </section>

</body>
</html>

Related Examples

Acode master
Welcome to Hamza's official portfolio — a creative developer blending modern design with powerful code. Explore animations, projects, and innovations crafted with HTML, Tailwind CSS, and passion.

Author:
Code Master(Mfuranziza Dusabe Hamza)

2 months ago

191
Animated Website
Welcome to our animated and engaging website built with Tailwind CSS. We provide top-notch web design, development, SEO, and consulting services to help your business grow.

Author:
Nicole Shalom

2 months ago

379
Animated navigation with Tailwind CSS and Apinejs

Author:
Michael Andreuzza

1 year ago

4.1k
Coffee
custom

Author:
Rebecca IRANKUNDA

2 months ago

354
ACODE MASTER — Cyberpunk Full Stack Developer from Rwanda
"I’m ACODE MASTER — a visionary Full Stack Developer from Rwanda, blending cutting-edge tech with bold design. I specialize in building modern web applications using React, Node.js, and TailwindCSS, inspired by the cyberpunk aesthetic and driven by a passion for digital innovation. Welcome to the future of code."

Author:
Code Master(Mfuranziza Dusabe Hamza)

2 months ago

783
Header + simple Hero Section

Author:
ABDO-SY

6 months ago

1.4k
Responsive NavBar Using CSS Only
A complete responsive navbar only using tailwind css

Author:
Shivam Vishwakarma

1 month ago

160
sticky headings
sticky headings

Author:
Anonymous

1 year ago

5.8k
my website

Author:
Creative Solution

1 year ago

2.7k
Full width header with gradient
Header component for showing Info.

Author:
TailwindFlex

3 years ago

13.1k
Enhanced Modern Navbar
The navbar now feels premium and modern while maintaining all original functionality. The glassmorphism effect, smooth animations, and professional styling create a cutting-edge user experience that would fit perfectly on any modern website!

Author:
Rathanak Phan

2 months ago

184
page heaading stacked
yeah booy, oh booy, o buy

Author:
Anonymous

1 year ago

9.2k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components