Bootstrap eCommerce templated
Web2tailwind.com

Output

Code

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>E-commerce</title>

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
        integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
        integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
    <link rel="stylesheet" href="style.css">
</head>
<style>
 .top-header {
    background-color: #353a40;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
}

.input-group .search {
    border: #97989b 2px solid;
    border-top: #97989b 1px solid;
    font-family: sans-serif;
}

.input-group-text {
    border-bottom: #97989b 2px solid;
    border-right: #97989b 2px solid;
    border-top: #97989b 1px solid;
    padding: 4px;
    border-top-left-radius: 2px;
    background-color: #ffffff;
}

body {
    padding: 0;
    margin: 0;
    font-family: 'monospace';
    background-color: #ffffff;
}

.nav-top {
    font-family: fantasy;
    font-size: 20px;
    margin-left: 2px;
    margin-top: 5px;
    justify-content: space-between;
    display: flex;
}

.nav-links {
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

.nav-links>a {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
    color: black;
}

.media {
    margin-top: 50px;
    margin-bottom: 50px;
}

.products {
    font-family: monospace;
    background: #eaeaea;
}

.card-box {
    width: 302px;
    margin: 10px;
}

.card-img-top {
    height: 200px;
}

.product-name {
    text-align: center;
    color: #353a40;
    font-family: fantasy;
    font-size: 18px;
}

.product-price {
    text-align: center;
    color: #353a40;
    font-family: sans-serif;
    font-size: 20px;
}

.add-to-cart {
    width: 150px;
    font-family: sans-serif;
    border: #e3e3e3 2px solid;
    border-bottom: #e3e3e3 3px solid;
}

.footer-top {
    margin-bottom: 25px;
}

.footer-top>h2 {
    padding-left: 20px;
    padding-right: 20px;
}

.footer-top>h1 {
    margin: 0 0;
    padding-left: 20px;
    padding-right: 20px;
}

/* footer */

footer {
    background: #353a40;
    color: white;
}

.social {
    font-size: 15px;
    margin-right: 10px;
}
</style>
<body>


    <header>
        <div class="top-header row-full">
            <div class="ml-2 col-6">
                <a style="border-right: #e3e3e3 1px solid;"><i class="fas fa-phone-square mr-2"></i>+123456789&nbsp;
                    <a>
                        <i class="fas fa-envelope ml-2"></i> [email protected]</a>
                </a>
            </div>
            <div class="ml-2">
                <a style="border-right: #e3e3e3 1px solid;"><i class="fas fa-user-edit mr-2"></i>Register&nbsp;
                    <a class="mr-2">
                        <i class="fas fa-sign-in-alt ml-2"></i> Login</a>
                </a>
            </div>
        </div>

        <div class="nav-top row">
            <div class="col-12 col-sm-4">

                <a class="ml-2 ">E-Commerce</a>
            </div>
            <div class="col-12 col-sm-4">
                <a>
                    <div class="input-group h-25 w-100">
                        <input type="text" class="form-group form-control md-form m-0 p-0 search" aria-label="search"
                            name="search" placeholder="Search..." size="60%">
                        <div class="input-group-append">
                            <span class="input-group-text" id="basic-text1"> <i class="fas fa-search"
                                    aria-hidden="true"></i></span>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-12 col-sm-4 text-right">
                <a class="mr-2"> <span><i class="fas fa-heart"></i>&nbsp; 0&nbsp;&nbsp;<i
                            class="fas fa-shopping-bag"></i>
                        &nbsp;2</span><span>&nbsp;&nbsp;<i class="fas fa-money-bill-wave">
                        </i> &nbsp; $4,000</span></a>
            </div>
        </div>
        <nav class="nav-links dropdown">
            <a class="btn btn-none font-weight-bold">Home</a>

            <a class="btn dropdown-toggle" role="button" href="#" id="electronics" data-toggle="dropdown"
                aria-haspopup="true" aria-expanded="false">Electronics</a>
            <a class="btn dropdown-toggle" role="button" href="#" id="fashion" data-toggle="dropdown"
                aria-haspopup="true" aria-expanded="false">Fashion</a>
            <a class="btn dropdown-toggle" role="button" href="#" id="books" data-toggle="dropdown" aria-haspopup="true"
                aria-expanded="false">Books</a>
            <div class="dropdown-menu" aria-labelledby="electronics">
                <a class="dropdown-item"> action1</a>
                <a class="dropdown-item"> action2</a>
                <a class="dropdown-item"> action2</a>
            </div>
            <div class="dropdown-menu" aria-labelledby="fashion">
                <a class="dropdown-item"> action1</a>
                <a class="dropdown-item"> action2</a>
                <a class="dropdown-item"> action2</a>
            </div>
            <div class="dropdown-menu" aria-labelledby="books">
                <a class="dropdown-item"> action1</a>
                <a class="dropdown-item"> action2</a>
                <a class="dropdown-item"> action2</a>
            </div>
        </nav>
    </header>
    <main>
        <div class="row d-sm-block-center text-center">
            <div class="col-sm-12 col-md-4 text-left">
                <img class=" bg-white ml-4" src="https://gm1.ggpht.com/-YdNSDU9ZDYMj6O-vA-KSBmUJnAwxxWz36gDrIOPxRhllKr_nxChZYLH9u16jMZoZXTI9xxFDGs419G3p5DJldIjsDIsH-3faZAObLl8PHEyqpT9zq2Au6Oi9MaAHnN1k7E3KV868PLrldD6jLmwt59QoU6f_p9EmkpzPnrj-9GoPS8Np-ugahpe5dixqnmj9-aIv8ZjeozSZt_NSduBWZB_RnO8VKELQ8xmCJIhjqHFbTNQqpu--1nLa5gJOvS01joKXW92ZbdbCsBgUjmJ8IgtO9IM3IQy4bDQ56PNOr4YJp0IgAyTLEf0cVjnNhzGld7cVmVJg_U4UzOtcyGKA5DI21jEip2Sl0BUNM7004WeJefcse3xvHCXJEwmsNjw9U8TX4Jys3_o1bf7ok2AlTiNePA4fcN7g1a9TXiEpBosK9fCSbpBPYxm2itS-9J6KRzzr_DpqHp9b6IoZxuK0_awpwrVeOIijWt2dyG3ao4M9J8bxTbTphv3cUgona5KknmUf6TFM3mC9qvliQox3Gn3cI4W_MBf-UFnJmf23Eb8VdndxUXvVvcHI7VWiw1U2HV9u8MumyO45H5I1qgYeE1jLGUHNn4H2lyNe85A9bAdzrkHQQVgzKO0WJD003bWm0EFedokKQOFL6PAmLaxCh3Uo46mq_w0JQ92bXWJLsWiAyWPhU2Lf-yESl1Ti980cZNHzBU5uy1_36ZzRvTPz_IKE9FTs1P-LShF4rRPsLWwGdV64YQ-_txzkVQbg8vuF2qd=s0-l75-ft-l75-ft" alt="">
            </div>
            <div class="col-sm-12 col-md-4 text-left pl-0 mr-10px">
                <img class=" bg-white" src="https://gm1.ggpht.com/SWD53T_3cWqZBJ0KrdugLxz0XhWQxScF7HMxpi4Hd8fFolivcFwhFs6Gj9Ro_P5Xh16WqNkfLk_fYJ1_WgGJjKXbr-HOVkXYUhI1aIbbsEYWaBKpt1UP9TL-c6lbrsOhFbBMMeZL67QmVx2Jof6zMLV-Bd9YgJo9aRENHRfqYeusiqVammOjy0b2_IUBzK_LOiWjgG6xNpfXLwR4EZTiykSwQCsYrLozAA8ByearLUc6mk2B-yqxiCyQYxWIn9XT-sZYKuGkBwkLDUFtVQlWRvheZ0gMTLDC_hyD1rR6ManrSHtpI4-LSzj4n2a8z21fRY2HEgoSdEQfy2jRjBuEtfiny7pZKFhyw88FXBFxpDFJnA7bi07vODJpJu93DjTbCnh6fiXC7XJZ8PRw5NVy-c468U4CbOzmIRL9PEkeWYLnf4mX_NXRl-U7-fNKzh9u5rp8eXgV5EtCzkR4EWy_DPdhzz4vLa_QzwA4SKFMZ6GHK8diOf7AcsPc3AKxJOb80J8NZ7EKHBGk9TPo-ojM385IVE4rUPL7CxeCdHc1vewAh0I9UxDlJNFphN9hfHr5G6A6bfQ8dKYJrDanO59grbEteFaDS-hf9kqeGRkqZfrmz1dyKQg7eCJKHKNqE5Jq-mwIUY-55hw07olgQGBtbwubpXLJCrV-XLwIITPZ2seYdrH7Se4FdT4OYffR4T5xUi0RYbGqe3U_Z9dI4r9aLccq6iAWGjJb-Xdc3sL7jdZXOe3iMPavj-1biYK4JwLEgHbLEA=s0-l75-ft-l75-ft" alt="">
            </div>
            <div class="col-sm-12 col-md-4">
                <img class="bg-white" src="https://gm1.ggpht.com/gOtm2MwuftblrBIkwmmYJwxDcx0TESefQgKj5jlq197XBY91uHEXoEWr3Fbwt62KC6d-p9PC1Lg4a5uG0FcG_ucTuGC_in9vg8w9_ges1D5bUobLoRBMDImTAJv6FbsTGW_BCzebFJnJE4UApJQ_nWmzyukiElPOz7_AVGoHA-RldarSZJa8l80wZmsAjLCjZD8ktfFnlDOrkzwhfzRj6h1DzJ58ml2pRz_jZP8SE3sOeGD7PqUfvJecIv_JHapekKJaJReLbh6dorzIewh9zoSMt-4TqDkc7ASO4ZnwVnh-S20u1-knDa8eR7s8xeKnP2fQ909wgPkKeyh6SW3WS4NzpNrQZ5PrZlVnleT8EeK8CrclVgGJHnzEoPMTlk32VOnOydjUIZMrlvlkbzgwTPjR7sw5Ppcg3Lw39LOnf83l-U3r-UQIncXinFgIJCmNOvvPo8migHYjGVrttECZ5Z_uZR4EHCj8Jo8Ex764J5UOM23lJUxMhZytJNh5bsdao4_BFb9G5s-62S1VDguXHd7WQwW1IAK_5kfu2TeuuPHUhR_kUV2K26iv7HMAg21n_m5ODt3hvVoew-_jCxDkDTyoQNEXhETeFt7MstUi8X2Y7pWq4IH3tpY61rl1LKw7qrjXilmGbKmS8ZoCSD-tRsi6k9gCAzYcFy3oUhA0PRvAM4OVPD-4HY5E4u2I38Ktm5pMMXjFkenwDKlkW1eUOM_K0mnfoVeVBWw-o6pgLG_gdE9SNGvTrXw7CpGr0a6AeaTnBFQ=s0-l75-ft-l75-ft" alt="">
            </div>
        </div>
        <div class="products">
            <div class="featured">
                <p class="d-flex justify-content-center" style=" padding-top:15px;font-size:25px"> FEATURED PRODUCTS</p>
                <div class="row" style="padding-bottom: 10px;">
                    <div class="d-flex justify-content-center col-12 col-sm-6 col-md-4 col-lg-3 ">
                        <div class="card card-box " style="width:18rem">
                            <img class="card-img-top" src="images/camera.png" alt="">
                            <p class="product-name card-title text-center">Sony Alpha DLSR camera</p>
                            <p class="product-price" style="color:#e3e3e3"> $500</p>
                            <p class="product-price">$500</p>
                            <div class="text-center mb-3">
                                <a href="#" class="btn add-to-cart"> <i class="fas fa-cart-plus"></i> Add to
                                    cart</a>
                            </div>
                        </div>
                    </div>
                    <div class="d-flex justify-content-center col-12 col-sm-6 col-md-4 col-lg-3 ">
                        <div class="card card-box" style="width: 18rem;">
                            <img class="card-img-top" src="images/projector.png" alt="">
                            <span class="float-center text"></span>
                            <div class="card-body p-1">
                                <p class="product-name">Optoma 4K HDR Projector</p>
                                <div style="height:90px ">
                                    <p class="product-price" style="padding-top:20px">
                                        $1,500</p>
                                </div>
                                <div class="text-center mb-3">
                                    <a href="#" class="btn add-to-cart"> <i class="fas fa-cart-plus"></i> Add to
                                        cart</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="d-flex justify-content-center col-12 col-sm-6 col-md-4 col-lg-3 ">
                        <div class="card card-box" style="width: 18rem;">
                            <img class="card-img-top" src="images/hp-laptop.png" alt="">
                            <span class="float-center text"></span>
                            <div class="card-body p-1">
                                <p class="product-name">HP Envy Specter 360</p>
                                <p class="product-price text-center">
                                    <strike style="color:#e3e3e3">
                                        $2,800</strike>
                                </p>
                                <p class="product-price">
                                    $2,500</p>
                                <div class="text-center mb-3">
                                    <a href="#" class="btn add-to-cart"> <i class="fas fa-cart-plus"></i> Add to
                                        cart</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class=" d-flex justify-content-center col-12 col-sm-6 col-md-4 col-lg-3 ">
                        <div class="card" style="width: 18rem;">
                            <img class="card-img-top" src="images/dell-laptop.png" alt="">
                            <span class="float-center text"></span>
                            <div class="card-body p-1">
                                <p class="product-name">Dell Alienware Area 51</p>
                                <div style="height:90px ">
                                    <p class="product-price" style="padding-top:20px">
                                        $4,500</p>
                                </div>
                                <div class="text-center mb-3">
                                    <a href="#" class="btn add-to-cart"> <i class="fas fa-cart-plus"></i> Add to
                                        cart</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <hr>
                <div class="latest">
                    <p class="d-flex justify-content-center " style="font-size:25px"> LATEST PRODUCTS</p>
                    <div class="row" style="padding-bottom: 10px;">
                        <div class="d-flex justify-content-center col-12 col-sm-6 col-md-4 col-lg-3 ">
                            <div class="card card-box " style="width:18rem">
                                <img class="card-img-top" src="images/camera.png" alt="">
                                <p class="product-name card-title text-center">Sony Alpha DLSR camera</p>
                                <p class="product-price" style="color:#e3e3e3"> $500</p>
                                <p class="product-price">$500</p>
                                <div class="text-center mb-3">
                                    <a href="#" class="btn add-to-cart"> <i class="fas fa-cart-plus"></i> Add to
                                        cart</a>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex justify-content-center col-12 col-sm-6 col-md-4 col-lg-3 ">
                            <div class="card card-box" style="width: 18rem;">
                                <img class="card-img-top" src="images/projector.png" alt="">
                                <span class="float-center text"></span>
                                <div class="card-body p-1">
                                    <p class="product-name">Optoma 4K HDR Projector</p>
                                    <div style="height:90px ">
                                        <p class="product-price" style="padding-top:20px">
                                            $1,500</p>
                                    </div>
                                    <div class="text-center mb-3">
                                        <a href="#" class="btn add-to-cart"> <i class="fas fa-cart-plus"></i> Add to
                                            cart</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex justify-content-center col-12 col-sm-6 col-md-4 col-lg-3 ">
                            <div class="card card-box" style="width: 18rem;">
                                <img class="card-img-top" src="images/hp-laptop.png" alt="">
                                <span class="float-center text"></span>
                                <div class="card-body p-1">
                                    <p class="product-name">HP Envy Specter 360</p>
                                    <p class="product-price text-center">
                                        <strike style="color:#e3e3e3">
                                            $2,800</strike>
                                    </p>
                                    <p class="product-price">
                                        $2,500</p>
                                    <div class="text-center mb-3">
                                        <a href="#" class="btn add-to-cart"> <i class="fas fa-cart-plus"></i> Add to
                                            cart</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class=" d-flex justify-content-center col-12 col-sm-6 col-md-4 col-lg-3 ">
                            <div class="card" style="width: 18rem;">
                                <img class="card-img-top" src="images/dell-laptop.png" alt="">
                                <span class="float-center text"></span>
                                <div class="card-body p-1">
                                    <p class="product-name">Dell Alienware Area 51</p>
                                    <div style="height:90px ">
                                        <p class="product-price" style="padding-top:20px">
                                            $4,500</p>
                                    </div>
                                    <div class="text-center mb-3">
                                        <a href="#" class="btn add-to-cart"> <i class="fas fa-cart-plus"></i> Add to
                                            cart</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                </div>
                <div class="top-selling">
                    <p class="d-flex justify-content-center" style="font-size:25px"> TOP SELLING PRODUCTS
                    </p>
                    <div class="row" style="padding-bottom: 10px;">
                        <div class="d-flex justify-content-center col-12 col-sm-6 col-md-4 col-lg-3 ">
                            <div class="card card-box" style="width: 18rem;">
                                <img class="card-img-top" src="images/camera.png" alt="">
                                <p class="product-name card-title text-center">Sony Alpha DLSR camera</p>
                                <p class="product-price" style="color:#e3e3e3"> $500</p>
                                <p class="product-price">$500</p>
                                <div class="text-center mb-3">
                                    <a href="#" class="btn add-to-cart"> <i class="fas fa-cart-plus"></i> Add to
                                        cart</a>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex justify-content-center col-12 col-sm-6 col-md-4 col-lg-3 ">
                            <div class="card card-box" style="width: 18rem;">
                                <img class="card-img-top" src="images/projector.png" alt="">
                                <span class="float-center text"></span>
                                <div class="card-body p-1">
                                    <p class="product-name">Optoma 4K HDR Projector</p>
                                    <div style="height:90px ">
                                        <p class="product-price" style="padding-top:20px">
                                            $1,500</p>
                                    </div>
                                    <div class="text-center mb-3">
                                        <a href="#" class="btn add-to-cart"> <i class="fas fa-cart-plus"></i> Add to
                                            cart</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex justify-content-center col-12 col-sm-6 col-md-4 col-lg-3 ">
                            <div class="card card-box" style="width: 18rem;">
                                <img class="card-img-top" src="images/hp-laptop.png" alt="">
                                <span class="float-center text"></span>
                                <div class="card-body p-1">
                                    <p class="product-name">HP Envy Specter 360</p>
                                    <p class="product-price text-center">
                                        <strike style="color:#e3e3e3">
                                            $2,800</strike>
                                    </p>
                                    <p class="product-price">
                                        $2,500</p>
                                    <div class="text-center mb-3">
                                        <a href="#" class="btn add-to-cart"> <i class="fas fa-cart-plus"></i> Add to
                                            cart</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class=" d-flex justify-content-center col-12 col-sm-6 col-md-4 col-lg-3 ">
                            <div class="card" style="width: 18rem;">
                                <img class="card-img-top" src="images/dell-laptop.png" alt="">
                                <span class="float-center text"></span>
                                <div class="card-body p-1">
                                    <p class="product-name">Dell Alienware Area 51</p>
                                    <div style="height:90px ">
                                        <p class="product-price" style="padding-top:20px">
                                            $4,500</p>
                                    </div>
                                    <div class="text-center mb-3">
                                        <a href="#" class="btn add-to-cart"> <i class="fas fa-cart-plus"></i> Add to
                                            cart</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                </div>
            </div>
    </main>

    <div class="footer-top bg-white" style="font-family:sans-serif">
        <div class="row">
            <div class="col-4 col-sm-4 col-md-4 col-lg-4 text-center">
                <h2 style="margin-right:50"> <i class="fas fa-money-bill" style="margin-right:20px"></i>Best Price
                </h2>
            </div>
            <div class="col-4 col-sm-4 col-md-4 col-lg-4 text-center">
                <h2 style=" border-left: #e3e3e3 2px solid; margin-right:50px;"><i class="fas fa-truck-moving"
                        style="margin-left:50px; margin-right:20px;"></i> Fast Delivery</h2>
            </div>
            <div class="col-4 col-sm-4 col-md-4 col-lg-4 text-center">
                <h2 style=" border-left: #e3e3e3 2px solid;"> <i class="fas fa-check"
                        style="margin-left:50px;margin-right:20px"></i>Genuine Product</h2>
            </div>
        </div>
    </div>
    <footer class="page-footer font-small blue pt-4">

        <div class="container-fluid text-center text-md-left">

            <div class="row">

                <div class="col-md-2 mt-md-0 mt-2">

                    <p style="font-family: fantasy; font-size: 20px; margin: 0 0;">E-Commerce</p>
                    <p style="margin: 0 0; font-family:sans-serif">221B Baker Street</p>
                    <p style="font-family:sans-serif">London, England</p>
                    <div>
                        <i class=" social fab fa-facebook-f "></i>
                        <i class="social fab fa-twitter"></i>
                        <i class="social fab fa-pinterest-p"></i>
                        <i class="social fab fa-instagram"></i>
                        <i class=" social fab fa-youtube"></i>
                    </div>
                </div>

                <div class="col-md-3" style="font-family:sans-serif">
                    <h3>WHO ARE WE?</h3>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis sequi voluptatem quibusdam
                        harum explicabo aperiam impedit, provident non ipsum maxime possimus iste iure odio ad! Omnis,
                        optio ex? Saepe, consequatur.</p>

                </div>
                <div class="col-md-2 mb-md-0 mb-3" style="font-family:sans-serif">

                    <h5 class="text-uppercase">QUICK LINKS</h5>

                    <ul class="list-unstyled">
                        <li>
                            <a>Home</a>
                        </li>
                        <li>
                            <a>Contact Us</a>
                        </li>
                        <li>
                            <a>About Us</a>
                        </li>
                        <li>
                            <a>Privacy Policy</a>
                        </li>
                        <li>
                            <a>Terms & Conditions</a>
                        </li>
                    </ul>

                </div>

                <div class="col-md-2 mb-md-0 mb-3" style="font-family:sans-serif">

                    <h5 class="text-uppercase">HELP</h5>

                    <ul class="list-unstyled">
                        <li>
                            <a>FAQs</a>
                        </li>
                        <li>
                            <a>Shipping</a>
                        </li>
                        <li>
                            <a>Returns</a>
                        </li>
                        <li>
                            <a>Track Orders</a>
                        </li>
                        <li>
                            <a>Report Fraud</a>
                        </li>
                    </ul>
                </div>
                <div class="col-12 col-sm-6 col-md-3 mb-md-0 mb-3 text-left" style="font-family:sans-serif">
                    <h3>NEWSLETTER</h3>
                    <input type="text" class="form-control" style="width: 95%;" placeholder="Enter your email...">
                    <a class="btn" style="border: #e3e3e3 2px solid; margin-top: 15px;">SUBSCRIBE</a>
                </div>

            </div>

        </div>
        <!-- Footer Links -->

        <!-- Copyright -->
    </footer>
    <!-- Footer -->





    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
        integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
    </script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
        integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
    </script>

</body>

</html>
© 2019 - 2022 Web2tailwind.com