<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SVMP Photography Portfolio</title>
<style>
body { margin:0; font-family: Arial, sans-serif; background:#f5f5f5; color:#333; }
header { background:#0b5ed7; color:white; text-align:center; padding:40px 20px; }
header h1 { margin:0; font-size:2.5em; }
nav { text-align:center; background:#003366; padding:10px; }
nav a { color:white; margin:0 15px; text-decoration:none; font-weight:bold; }
section { padding:40px 20px; max-width:1000px; margin:auto; }
.about, .contact { background:white; padding:20px; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.1); margin-bottom:30px; }
.gallery { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:15px; margin-bottom:30px; }
.gallery img { width:100%; border-radius:8px; box-shadow:0 0 5px rgba(0,0,0,0.2); }
footer { text-align:center; background:#0b5ed7; color:white; padding:15px; }
</style>
</head>
<body>
<header>
<h1>SVMP Photography</h1>
<p>Portfolio of My Best Photos</p>
</header>
<nav>
<a href="#gallery">Gallery</a>
<a href="#about">About</a>
<a href="#contact">Contact</a>
</nav>
<section id="gallery">
<h2>Photo Gallery</h2>
<div class="gallery">
<img src="https://1.bp.blogspot.com/-IMAGE1_URL.jpg" alt="Photo 1">
<img src="https://1.bp.blogspot.com/-IMAGE2_URL.jpg" alt="Photo 2">
<img src="https://1.bp.blogspot.com/-IMAGE3_URL.jpg" alt="Photo 3">
<img src="https://1.bp.blogspot.com/-IMAGE4_URL.jpg" alt="Photo 4">
<!-- Add more photos from your blog by copying image URLs -->
</div>
</section>
<section id="about" class="about">
<h2>About Me</h2>
<p>Hello! I am [Your Name], a passionate photographer. I enjoy capturing moments from nature, street photography, pets, and everything that tells a story through images. This portfolio showcases my best work from the last few years.</p>
</section>
<section id="contact" class="contact">
<h2>Contact</h2>
<p>Email: yourname@email.com</p>
<p>Phone: +91-XXXXXXXXXX</p>
<p>Instagram / Social: @yourhandle</p>
</section>
<footer>
<p>© 2026 SVMP Photography | All Rights Reserved</p>
</footer>
</body>
</html>
Comments
Post a Comment