Scribd
Upload
12 views

Index

The document is a personal website for a software developer named Yerson David Rozo Giraldo. The website contains sections about the developer, their portfolio of projects, and a contact form.

Uploaded by

YERSON DAVID ROZO GIRALDO
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
12 views

Index

The document is a personal website for a software developer named Yerson David Rozo Giraldo. The website contains sections about the developer, their portfolio of projects, and a contact form.

Uploaded by

YERSON DAVID ROZO GIRALDO
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Yerson David Rozo Giraldo - Software Developer</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f9;
color: #333;
}
header {
background-color: #333;
color: #fff;
padding: 1em 0;
text-align: center;
}
nav {
display: flex;
justify-content: center;
background-color: #444;
}
nav a {
color: #fff;
padding: 1em;
text-decoration: none;
}
nav a:hover {
background-color: #555;
}
section {
padding: 2em;
max-width: 800px;
margin: auto;
}
h2 {
border-bottom: 2px solid #333;
padding-bottom: 0.5em;
}
.portfolio img {
width: 100%;
height: auto;
}
.contact-form {
display: flex;
flex-direction: column;
}
.contact-form label {
margin-top: 1em;
}
.contact-form input, .contact-form textarea {
padding: 0.5em;
margin-top: 0.5em;
border: 1px solid #ccc;
border-radius: 5px;
}
.contact-form button {
padding: 1em;
margin-top: 1em;
border: none;
background-color: #333;
color: #fff;
border-radius: 5px;
cursor: pointer;
}
.contact-form button:hover {
background-color: #555;
}
footer {
text-align: center;
padding: 1em 0;
background-color: #333;
color: #fff;
margin-top: 2em;
}
</style>
</head>
<body>
<header>
<h1>Yerson David Rozo Giraldo</h1>
<p>Software Developer</p>
</header>
<nav>
<a href="#about">About Me</a>
<a href="#portfolio">Portfolio</a>
<a href="#contact">Contact</a>
</nav>
<section id="about">
<h2>About Me</h2>
<p>Hello! I'm Yerson David Rozo Giraldo, a passionate software developer
with experience in creating dynamic and intuitive applications. I love solving
complex problems and turning ideas into reality through code. Welcome to my
personal webpage where you can learn more about me and my work.</p>
</section>
<section id="portfolio">
<h2>Portfolio</h2>
<p>Here are some of the projects I've worked on:</p>
<div class="portfolio">
<img src="project1.jpg" alt="Project 1">
<p>Project 1 Description</p>
<img src="project2.jpg" alt="Project 2">
<p>Project 2 Description</p>
<img src="project3.jpg" alt="Project 3">
<p>Project 3 Description</p>
</div>
</section>
<section id="contact">
<h2>Contact</h2>
<p>If you'd like to get in touch, please fill out the form below:</p>
<form class="contact-form">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="message">Message:</label>
<textarea id="message" name="message" rows="5" required></textarea>
<button type="submit">Send</button>
</form>
</section>
<footer>
<p>&copy; 2024 Yerson David Rozo Giraldo</p>
</footer>
</body>
</html>

You might also like