Untitled

mail@pastecode.io avatar
unknown
plain_text
a month ago
2.6 kB
2
Indexable
Never
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Heart 8 Films</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <div class="logo">
            <h1>Heart 8 Films</h1>
        </div>
        <nav>
            <ul>
                <li><a href="#home">Home</a></li>
                <li><a href="#portfolio">Portfolio</a></li>
                <li><a href="#services">Services</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>
    </header>

    <section id="home" class="hero">
        <div class="hero-content">
            <h2>Capture Your Moments in Nostalgic Super 8mm Film</h2>
            <a href="#portfolio" class="cta">View Our Work</a>
        </div>
    </section>

    <section id="portfolio">
        <h2>Our Work</h2>
        <div class="portfolio-gallery">
            <!-- Add your portfolio items here -->
        </div>
    </section>

    <section id="services">
        <h2>Our Services</h2>
        <div class="service-list">
            <div class="service-item">
                <h3>Weddings</h3>
                <p>We capture your special day in a nostalgic style that lasts forever.</p>
            </div>
            <div class="service-item">
                <h3>Life Events</h3>
                <p>From birthdays to anniversaries, preserve memories in vintage style.</p>
            </div>
            <!-- Add more services as needed -->
        </div>
    </section>

    <section id="about">
        <h2>About Heart 8 Films</h2>
        <p>Heart 8 Films specializes in capturing life’s most precious moments in the timeless style of Super 8mm film...</p>
    </section>

    <section id="contact">
        <h2>Contact Us</h2>
        <form>
            <input type="text" name="name" placeholder="Your Name" required>
            <input type="email" name="email" placeholder="Your Email" required>
            <input type="tel" name="phone" placeholder="Your Phone Number">
            <textarea name="message" placeholder="Tell us about your event" required></textarea>
            <button type="submit">Send Message</button>
        </form>
    </section>

    <footer>
        <p>&copy; 2024 Heart 8 Films</p>
        <div class="social-media">
            <a href="#">Instagram</a>
            <a href="#">Facebook</a>
            <a href="#">Twitter</a>
        </div>
    </footer>
</body>
</html>
Leave a Comment