Live Preview
Tag didn’t load? Click here and let us know!Share this result
Previews are deleted daily. Get a permanent share link sent to your inbox:
Script
<!DOCTYPE html>
<html lang="bn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Heritage Finds - Modern & Premium E-commerce & Fashion Store">
<title>Heritage Finds | Modern & Premium Store</title>
<!-- Google Fonts & Icons -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- External CSS -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Header & Navigation -->
<header class="navbar">
<div class="container nav-container">
<a href="#home" class="logo">Heritage<span>Finds</span></a>
<nav class="nav-links" id="navLinks">
<a href="#home" class="active">Home</a>
<a href="#about">About</a>
<a href="#products">Products</a>
<a href="#gallery">Gallery</a>
<a href="#contact">Contact</a>
<a href="#faq">FAQ</a>
</nav>
<div class="hamburger" id="hamburger">
<i class="fas fa-bars"></i>
</div>
</div>
</header>
<!-- 1. Hero / Home Section -->
<section id="home" class="hero">
<div class="container hero-content">
<span class="badge">Exclusive Collection</span>
<h1>Discover Timeless Elegance with Heritage Finds</h1>
<p>আপনার পছন্দের সেরা ফ্যাশন ও লাইফস্টাইল কালেকশন খুঁজুন এক ছাদের নিচে। সেরা কোয়ালিটি ও প্রিমিয়াম এক্সপেরিয়েন্স।</p>
<div class="hero-btns">
<a href="#products" class="btn btn-primary">Shop Now <i class="fas fa-arrow-right"></i></a>
<a href="#about" class="btn btn-outline">Learn More</a>
</div>
</div>
</section>
<!-- 2. About Section -->
<section id="about" class="about section-padding">
<div class="container grid-2">
<div class="about-img">
<img src="https://picsum.photos/600/450?random=1" alt="About Heritage Finds">
</div>
<div class="about-text">
<span class="sub-title">About Us</span>
<h2>Bringing Heritage & Modern Styles Together</h2>
<p>Heritage Finds-এ আমরা ঐতিহ্য এবং আধুনিক ফ্যাশনের চমৎকার মেলবন্ধন নিয়ে এসেছি। ছেলে ও মেয়েদের সব ধরণের আকর্ষণীয় পোশাক ও লাইফস্টাইল আইটেম এখানে পাওয়া যায়।</p>
<ul class="about-list">
<li><i class="fas fa-check-circle"></i> ১০০% প্রিমিয়াম ও অরিজিনাল কোয়ালিটি</li>
<li><i class="fas fa-check-circle"></i> দ্রুত ডেলিভারি সুবিধা</li>
<li><i class="fas fa-check-circle"></i> ২৪/৭ ডেডিকেটেড কাস্টমার সাপোর্ট</li>
</ul>
</div>
</div>
</section>
<!-- 3. Products / Services Section -->
<section id="products" class="products section-padding bg-light">
<div class="container">
<div class="section-header">
<span class="sub-title">Our Products</span>
<h2>Featured Collections</h2>
</div>
<div class="product-grid">
<!-- Product 1 -->
<div class="product-card">
<div class="product-img">
<img src="https://picsum.photos/400/400?random=2" alt="Product">
<span class="tag">New</span>
</div>
<div class="product-info">
<h3>Classic Mens Jacket</h3>
<p class="price">$89.00</p>
<a href="#contact" class="btn btn-sm">Buy Now</a>
</div>
</div>
<!-- Product 2 -->
<div class="product-card">
<div class="product-img">
<img src="https://picsum.photos/400/400?random=3" alt="Product">
</div>
<div class="product-info">
<h3>Womens Premium Saree/Dress</h3>
<p class="price">$120.00</p>
<a href="#contact" class="btn btn-sm">Buy Now</a>
</div>
</div>
<!-- Product 3 -->
<div class="product-card">
<div class="product-img">
<img src="https://picsum.photos/400/400?random=4" alt="Product">
<span class="tag gold">Popular</span>
</div>
<div class="product-info">
<h3>Heritage Watch Collection</h3>
<p class="price">$150.00</p>
<a href="#contact" class="btn btn-sm">Buy Now</a>
</div>
</div>
<!-- Product 4 -->
<div class="product-card">
<div class="product-img">
<img src="https://picsum.photos/400/400?random=5" alt="Product">
</div>
<div class="product-info">
<h3>Casual Unisex Sneakers</h3>
<p class="price">$75.00</p>
<a href="#contact" class="btn btn-sm">Buy Now</a>
</div>
</div>
</div>
</div>
</section>
<!-- 4. Gallery Section -->
<section id="gallery" class="gallery section-padding">
<div class="container">
<div class="section-header">
<span class="sub-title">Visual Showcase</span>
<h2>Our Gallery</h2>
</div>
<div class="gallery-grid">
<div class="gallery-item"><img src="https://picsum.photos/500/500?random=6" alt="Gallery Image"></div>
<div class="gallery-item"><img src="https://picsum.photos/500/500?random=7" alt="Gallery Image"></div>
<div class="gallery-item"><img src="https://picsum.photos/500/500?random=8" alt="Gallery Image"></div>
<div class="gallery-item"><img src="https://picsum.photos/500/500?random=9" alt="Gallery Image"></div>
<div class="gallery-item"><img src="https://picsum.photos/500/500?random=10" alt="Gallery Image"></div>
<div class="gallery-item"><img src="https://picsum.photos/500/500?random=11" alt="Gallery Image"></div>
</div>
</div>
</section>
<!-- 5. FAQ Section -->
<section id="faq" class="faq section-padding bg-light">
<div class="container">
<div class="section-header">
<span class="sub-title">Got Questions?</span>
<h2>Frequently Asked Questions</h2>
</div>
<div class="faq-container">
<div class="faq-item">
<button class="faq-question">
<span>কীভাবে অর্ডার সম্পন্ন করব?</span>
<i class="fas fa-chevron-down"></i>
</button>
<div class="faq-answer">
<p>আপনার পছন্দের প্রডাক্টটি সিলেক্ট করে 'Buy Now' বাটনে ক্লিক করে বা কন্টাক্ট ফরমের মাধ্যমে সরাসরি আমাদের সাথে যোগাযোগ করতে পারেন।</p>
</div>
</div>
<div class="faq-item">
<button class="faq-question">
<span>ডেলিভারি চার্জ এবং সময় কতটুকু?</span>
<i class="fas fa-chevron-down"></i>
</button>
<div class="faq-answer">
<p>ঢাকার ভেতর ২৪-৪৮ ঘণ্টার মধ্যে এবং ঢাকার বাইরে ২-৩ দিনের মধ্যে ডেলিভারি দেওয়া হয়। ডেলিভারি চার্জ এলাকাভেদে নির্ধারিত হয়।</p>
</div>
</div>
<div class="faq-item">
<button class="faq-question">
<span>পণ্য পছন্দ না হলে কি রিটার্ন করার সুযোগ আছে?</span>
<i class="fas fa-chevron-down"></i>
</button>
<div class="faq-answer">
<p>হ্যাঁ! ডেলিভারিম্যানের সামনে পণ্য চেক করে দেখার সুযোগ রয়েছে। কোনো সমস্যা থাকলে তাৎক্ষণিক রিটার্ন করতে পারবেন।</p>
</div>
</div>
</div>
</div>
</section>
<!-- 6. Contact Section -->
<section id="contact" class="contact section-padding">
<div class="container grid-2">
<div class="contact-info">
<span class="sub-title">Get In Touch</span>
<h2>Contact Us</h2>
<p>যেকোনো প্রশ্ন বা তথ্যের জন্য আমাদের সরাসরি মেসেজ বা কল করুন।</p>
<div class="info-item">
<i class="fas fa-map-marker-alt"></i>
<div>
<h4>Address</h4>
<p>Dhaka, Bangladesh</p>
</div>
</div>
<div class="info-item">
<i class="fas fa-envelope"></i>
<div>
<h4>Email</h4>
<p>support@heritagefinds.com</p>
</div>
</div>
<div class="info-item">
<i class="fas fa-phone-alt"></i>
<div>
<h4>Phone</h4>
<p>+880 1700 000000</p>
</div>
</div>
</div>
<form class="contact-form" id="contactForm">
<h3>Send a Message</h3>
<input type="text" placeholder="Your Full Name" required>
<input type="email" placeholder="Your Email Address" required>
<textarea rows="5" placeholder="Your Message" required></textarea>
<button type="submit" class="btn btn-primary">Send Message</button>
</form>
</div>
</section>
<!-- 7. Footer -->
<footer class="footer">
<div class="container footer-grid">
<div class="footer-about">
<a href="#home" class="logo logo-footer">Heritage<span>Finds</span></a>
<p>Bringing modern fashion and premium lifestyle choices right to your doorstep.</p>
<div class="social-links">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
</div>
</div>
<div class="footer-links">
<h4>Quick Links</h4>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="#products">Products</a></li>
<li><a href="#gallery">Gallery</a></li>
</ul>
</div>
<div class="footer-links">
<h4>Support</h4>
<ul>
<li><a href="#faq">FAQ</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms & Conditions</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 Heritage Finds. All Rights Reserved.</p>
</div>
</footer>
<!-- External JavaScript -->
<script src="script.js"></script>
</body>
</html>
Landing Page
This ad does not have a landing page available
Network Timeline
Performance Summary
29
Requests
5
Domains
639KB
Transfer Size
722KB
Content Size
226.0ms
Dom Content Loaded
300.0ms
First Paint
1,038.0ms
Load Time
Domain Breakdown
Transfer Size (bytes)
Loading...
Content Size (bytes)
Loading...
Header Size (bytes)
Loading...
Requests
Loading...
Timings (ms)
Loading...
Total Time
Loading...
Content Breakdown
Transfer Size (bytes)
Loading...
Content Size (bytes)
Loading...
Header Size (bytes)
Loading...
Requests
Loading...