Scribd
Upload
4 views2 pages

html

This document is an HTML template for a personal portfolio website. It includes sections for home, about, portfolio projects, and contact information, utilizing Bootstrap for styling. The portfolio showcases projects with descriptions and technologies used, and includes a contact form for inquiries.

Uploaded by

aman.singhcs21
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
4 views2 pages

html

This document is an HTML template for a personal portfolio website. It includes sections for home, about, portfolio projects, and contact information, utilizing Bootstrap for styling. The portfolio showcases projects with descriptions and technologies used, and includes a contact form for inquiries.

Uploaded by

aman.singhcs21
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>
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">My Portfolio</a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-
label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">About Me</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#portfolio">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
</nav>
</header>

<section id="home" class="text-center">


<h1>Welcome to My Portfolio</h1>
<p>Your one-stop destination to know more about me and my work.</p>
</section>

<section id="about" class="text-center">


<h2>About Me</h2>
<img src="profile.jpg" alt="Profile Image" class="img-fluid rounded-circle"
width="200">
<p>Hi! I'm a web developer with a passion for creating beautiful and
functional websites.</p>
<video controls autoplay loop>
<source src="intro.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</section>

<section id="portfolio" class="text-center">


<h2>My Projects</h2>
<table class="table table-bordered">
<thead>
<tr>
<th>Project Name</th>
<th>Description</th>
<th>Technology Used</th>
<th>Completion Date</th>
</tr>
</thead>
<tbody>
<tr>
<td>Project 1</td>
<td>A web application for managing tasks.</td>
<td>HTML, CSS, JavaScript</td>
<td>January 2023</td>
</tr>
<tr>
<td>Project 2</td>
<td>A personal blog platform.</td>
<td>PHP, MySQL</td>
<td>February 2023</td>
</tr>
</tbody>
</table>
</section>

<section id="contact" class="text-center">


<h2>Contact Me</h2>
<form>
<div class="form-group">
<input type="text" class="form-control" placeholder="Name"
required>
</div>
<div class="form-group">
<input type="email" class="form-control" placeholder="Email"
required>
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Subject"
required>
</div>
<div class="form-group">
<textarea class="form-control" placeholder="Message"
required></textarea>
</div>
<button type="submit" class="btn btn-primary">Send Message</button>
</form>
</section>

<footer class="text-center">
<p>&copy; 2025 My Portfolio. All rights reserved.</p>
</footer>

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></
script>
<script src

You might also like