Scribd
Upload
19 views2 pages

Portfolio

Uploaded by

Priya
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
19 views2 pages

Portfolio

Uploaded by

Priya
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/ 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Portfolio</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
header {
background-color: #333;
color: white;
padding: 1em 0;
text-align: center;
}
.container {
width: 80%;
margin: 0 auto;
}
.about, .projects, .contact {
margin: 2em 0;
padding: 2em;
background-color: white;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h1, h2 {
color: #333;
}
.projects img {
max-width: 100%;
border-radius: 8px;
}
footer {
background-color: #333;
color: white;
text-align: center;
padding: 1em 0;
position: fixed;
width: 100%;
bottom: 0;
}
a {
color: #1e90ff;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<header>
<div class="container">
<h1>My Portfolio</h1>
<nav>
<a href="#about">About</a> |
<a href="#projects">Projects</a> |
<a href="#contact">Contact</a>
</nav>
</div>
</header>

<div class="container">
<section id="about" class="about">
<h2>About Me</h2>
<p>Hello! I'm v.tarun balaji, a app developer based in coimbatore. I
specialize in flutter. Welcome to my portfolio where you can see my work and learn
more about what I do.</p>
</section>

<section id="projects" class="projects">


<h2>Projects</h2>
<div>
<h3>Project Title 1</h3>
<img src="project1.jpg" alt="Project 1">
<p>Description of Project 1. This could include the technologies
used, the goals of the project, and any other relevant details.</p>
</div>
<div>
<h3>Project Title 2</h3>
<img src="project2.jpg" alt="Project 2">
<p>Description of Project 2. This could include the technologies
used, the goals of the project, and any other relevant details.</p>
</div>
<!-- Add more projects as needed -->
</section>

<section id="contact" class="contact">


<h2>Contact Me</h2>
<p>If you'd like to get in touch, please email me at <a
href="[email protected]">[email protected]</a>.</p>
</section>
</div>

<footer>
<p>&copy; 2024 v.tarun balaji All rights reserved.</p>
</footer>
</body>
</html>

You might also like