index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Link to local CSS file -->
    <link rel="stylesheet" href="css/main.css">

    <!-- Jquery library -->
    <script type="text/javacsript" src="bootstrap/js/jquery.js"></script>
    <script src="bootstrap/js/jquery.slim.min.js"></script>
    
    <!-- Bootstrap files -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
    <script src="bootstrap/js/bootstrap.bundle.min.js"></script>

    <title>E-marketplace</title>
</head>
<body>

    <!-- Header starts -->
    <nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
        <div class="container">

            <!-- Website logo -->
            <div class="navbar-header">
                <a href="index.html" class="navbar-brand">E-marketplace</a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mynavbar" aria-controls="mynavbar" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
            </div>

            <!-- Website Links -->
            <div class="collapse navbar-collapse" id="mynavbar">
                <ul class="nav navbar-nav">
                    <li class="nav-item">
                        <a href="index.html" class="nav-link active">Home</a>
                    </li>
                    <li class="nav-item">
                        <a href="signup.html" class="nav-link">Sign Up</a>
                    </li>
                    <li class="nav-item">
                        <a href="login.html" class="nav-link">Login</a>
                    </li> 
                </ul>
            </div>

        </div>
    </nav>
    <!-- /Header-->

    <!-- Main body content -->
    <header>
        <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
                <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
            </ol>
            <div class="carousel-inner" role="listbox">
                <!-- Slide One -->
                <div class="carousel-item active" style="background-image: url('img/home/shirt.jpg')">
                    <div class="carousel-caption d-md-block">
                        <h2 class="display-4">Men's Shirts</h2>
                        <p class="lead">Premium quality fabric from best brands.<br>Plain - Checkered - printed</p>
                    </div>
                </div>
                <!-- Slide Two -->
                <div class="carousel-item" style="background-image: url('img/home/watch.jpg">
                    <div class="carousel-caption d-md-block">
                        <h2 class="display-4">Watches</h2>
                        <p class="lead">Get best wrist watches for men and women. <br>Chronograph - Analog - Digital</p>
                    </div>
                </div>
                <!-- Slide Three -->
                <div class="carousel-item" style="background-image: url('img/home/t-shirt.jpg')">
                    <div class="carousel-caption d-md-block">
                        <h2 class="display-4">T-shirts</h2>
                        <p class="lead">Trendy collection of printed & solid t-shirts & polos.<br>Unisex - High quality print - Bright coloured</p>
                    </div>
                </div>
                <!-- Slide Four -->
                <div class="carousel-item" style="background-image: url('img/home/sunglasses.jpg')">
                    <div class="carousel-caption d-md-block">
                        <h2 class="display-4">Sunglasses</h2>
                        <p class="lead">Protect your eyes with fasion. <br>Polarised - Antiglare - Strong build</p>
                    </div>
                </div>
                <!-- Slide Five -->
                <div class="carousel-item" style="background-image: url('img/home/shoes.jpg')">
                    <div class="carousel-caption d-md-block" >
                        <h2 class="display-4">Shoes</h2>
                        <p class="lead">Best quality shoes for all ocassions. <br>Sneakers - Lofers - Sport shoes</p>
                    </div>
                </div>
                <!-- Slide ends -->
            </div>
            <!-- Navigation buttons-->
            <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
            <!-- /Navigation buttons -->
        </div>
    </header>

    <section class="py-5 home-center-content">
        <div class="container">
            <h1 class="display-4">Welcome to E-marketplace</h1>
            <p class="lead">
                <b>Huge Discountes - High Quality Products - Fast Delivery - Customer Support</b>
                <br> <br> Online Shopping Site for Fashion & Lifestyle in India. 
                Buy Shoes, Clothing, Accessories and lifestyle products for men & women. <br>
                Get the latest trends ruling the charts in India. With the most fashionable range of apparels, accessories, and more. <br> E-marketplace will be your favourite of all online shopping sites.
            </p>
        </div>
    </section>

    <section>
        <div class="container home-banner">
            <div class="home-content">
                <a href="product.html" class="btn btn-dark">
                    <h4 class="display-4">
                        Visit Store
                        <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-arrow-right-circle-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-11.5.5a.5.5 0 0 1 0-1h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5z"/>
                        </svg>
                    </h4>
                </a>
            </div>
        </div>
    </section>
    <!-- /Main body content -->

    <!-- Footer-->
    <footer>
        <div class="container home-center-content">
            <p class="lead">
                Copyright © E-marketplace | All Rights Reserved | Contact Us: +91 90000 00000
            </p>
        </div>
    </footer>
    <!-- /Footer-->

</body>
</html>