Scribd
Upload
8 views2 pages

Project 10

This document is an HTML template for a personal portfolio website. It includes sections for an introduction, a list of projects, and a contact form for user login. The page is structured with a header, body sections, and a footer, and links to external CSS and JavaScript files.

Uploaded by

kibirualamayo
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
8 views2 pages

Project 10

This document is an HTML template for a personal portfolio website. It includes sections for an introduction, a list of projects, and a contact form for user login. The page is structured with a header, body sections, and a footer, and links to external CSS and JavaScript files.

Uploaded by

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

Project 10#

<!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>

<link rel="stylesheet" href="[Link]">

</head>

<body>

<header>

<h1>Welcome to My project (or) workshop page</h1>

<nav>

<ul>

<li><a href="#about">About Me</a></li>

<li><a href="#projects">Projects</a></li>

<li><a href="#contact">Contact</a></li>

</ul>

</nav>

</header>

<section id="about">

<h2>About Me</h2>

<p>Hello! I'm kibiru a web developer passionate about creating beautiful and functional
websites.</p>

</section>

<section id="projects">

<h2>Projects</h2>

<ul>
<li>Project 1: <a href="#">Link to Project 1</a></li>

<li>Project 2: <a href="#">Link to Project 2</a></li>

<li>Project 3: <a href="#">Link to Project 3</a></li>

<li>Project 4: <a href="#">Link to Project 4</a></li>

<li>Project 5: <a href="#">Link to Project 5</a></li>

<li>Project 6: <a href="#">Link to Project 6</a></li>

<li>Project 7: <a href="#">Link to Project 7</a></li>

<li>Project 8: <a href="#">Link to Project 8</a></li>

<li>Project 9: <a href="#">Link to Project 9</a></li>

</ul>

</section>

<section id="contact">

<h2>Contact</h2>

<form id="contact-form">

<label for="name">username:</label>

<input type="text" id="name" required>

<label for="username">password:</label>

<input type="username" id="username" required>

<button type="submit">login</button>

</form>

</section>

<footer>

<p>&copy; 2025 My Portfolio</p>

</footer>

<script src="[Link]"></script>

</body>

</html>

You might also like