index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Fashion Eve</title>
    <link rel="stylesheet" href="CSS files/home.css">
    <script defer src="JS files/script.js"></script>
</head>
<body>
    <!-- Navigation Bar -->
    <nav>
        <ul>
            <li><a href="#home">Home</a></li>
            <li><a href="services.html">Services</a></li>
            <li><a href="get-your-dress.html">Measurement Form</a></li>
            <li><a href="contact.html">Contact</a></li>
        </ul>
    </nav>

    <!-- Home Section -->
    <section id="home">
        <div style="width: 100%; height: 300px; background-image: url('images/fe-home-bg.png'); background-size: cover; background-position:center; background-repeat: no-repeat;">
        <img src="images/fe-logo.png" alt="Fashion Eve Logo" class="logo">
        <br>
        <img src="images/fe-logo-below.png" alt="Fashion Eve icon" class="icon">
        <h2>Celebrating Style Every Day</h2>
        <p class="typewriter">Here, we believe every day is a celebration of style! Transform your wardrobe with our cutting-edge fashion services. Whether it's tailoring your favorite outfits with a trendy twist or creating bespoke pieces that reflect your personality, we make it happen — all at an optimal price and within your timeline.  Step into a world where fashion meets convenience, and let Fashion Eve redefine your style, one stitch at a time!
        </p>
        <button onclick="scrollToSection('#goodbye')">Learn More</button>
    </div></section>
    
    
    <section id="goodbye">
        <div class="grid-container">
            <h1 style="text-align: left; padding-left: 100px; font-weight: 700;">SAY GOODBYE TO OUTDATED OUTFITS, <br>AND<br>
                HELLO TO FLAWLESS FASHION</h1>
                <img src="images/fe-home-chain.png" alt="Goodbye" style="padding-left:30px;">
                <ul style="padding-right: 150px; font-size: 18px; font-weight: 600;">
                    <li><h3><strong>TRENDY TAILORING</strong></h3></li>
                    <h4 style="text-align: justify;">Get your clothes stitched into modern, runway-inspired designs by experienced tailors.</h4>
                    <li><h3><strong>PERFECT FIT GUARANTEE</strong></h3></li>
                    <h4 style="text-align: justify;">Ensure accuracy in tailoring that minimizes the need for alterations.</h4>
                    <li><h3><strong>EXPRESS STITCHING</strong></h3></li>
                    <h4 style="text-align: justify;">Quick and quality tailoring services delivered within your deadline.</h4>
                </ul>          
        </div>
    </section>
    <img src="/images/fe=home=wave.png" style="max-width: 200%; margin: 0; padding: 0;">
</body>
</html>