Homepage for ecommerce 1

<head>

<title>Bootstrap Example</title>

</head>

<!–Main Navigation–>

<!– Jumbotron –>

<!– Left elements –>

</a>

</div>

<!– Left elements –>

<!– Center elements –>

<a href=”https://github.com/mdbootstrap/bootstrap-material-design” class=”me-1 border rounded py-1 px-3 nav-link d-flex align-items-center” target=”_blank”> <i class=”fas fa-heart m-1 me-md-2″></i><p class=”d-none d-md-block mb-0″>Wishlist</p> </a>

</div>

<!– Center elements –>

<!– Right elements –>

<label class=”form-label” for=”form1″>Search</label>

</div>

</button>

</div>

<!– Right elements –>

</div>

<!– Jumbotron –>

<!– Navbar –>

<!– Container wrapper –>

<!– Toggle button –>

</button>

<!– Collapsible wrapper –>

<!– Left links –>

<a class=”nav-link” href=”#”>Categories</a>

</li>

<a class=”nav-link” href=”#”>Hot offers</a>

</li>

<a class=”nav-link” href=”#”>Gift boxes</a>

</li>

<a class=”nav-link” href=”#”>Projects</a>

</li>

</li>

</li>

<!– Navbar dropdown –>

Others

</a>

<!– Dropdown menu –>

<li>

<a class=”dropdown-item” href=”#”>Action</a>

</li>

<li>

<a class=”dropdown-item” href=”#”>Another action</a>

</li>

<li>

<a class=”dropdown-item” href=”#”>Something else here</a>

</li>

</ul>

</li>

</ul>

<!– Left links –>

</div>

<!– Container wrapper –>

</nav>

<!– Navbar –>

</header>

<!– intro –>

<a class=”nav-link active py-2 ps-3 my-0″ aria-current=”page” href=”#”>Electronics</a>

<a class=”nav-link my-0 py-2 ps-3 bg-white” href=”#”>Clothes and wear</a>

<a class=”nav-link my-0 py-2 ps-3 bg-white” href=”#”>Home interiors</a>

<a class=”nav-link my-0 py-2 ps-3 bg-white” href=”#”>Computer and tech</a>

<a class=”nav-link my-0 py-2 ps-3 bg-white” href=”#”>Tools, equipments</a>

<a class=”nav-link my-0 py-2 ps-3 bg-white” href=”#”>Sports and outdoor</a>

<a class=”nav-link my-0 py-2 ps-3 bg-white” href=”#”>Animal and pets</a>

<a class=”nav-link my-0 py-2 ps-3 bg-white” href=”#”>Machinery tools</a>

<a class=”nav-link my-0 py-2 ps-3 bg-white” href=”#”>Other products</a>

</nav>

</div>

<div>

Great products with <br />

best deals

</h2>

<p class=”text-white”>No matter how far along you are in your sophistication as an amateur astronomer, there is always one.</p>

</div>

</main>

</div>

<!– container end.// –>

</section>

<!– intro –>

<!– Products –>

<h3>New products</h3>

</header>

<h6><span class=”badge bg-success pt-2″>Offer</span></h6>

</div>

<imgsrc=”https://bootstrap-ecommerce.com/bootstrap5-ecommerce/images/items/12.webp”class=”card-img-top”style=”aspect-ratio: 1 / 1″>

</a>

<p class=”card-text mb-0″>GoPro action camera 4K</p>

Model: X-200

</p>

</div>

<ahref=”#”class=”img-wrap”>

<imgsrc=”https://bootstrap-ecommerce.com/bootstrap5-ecommerce/images/items/11.webp”class=”card-img-top”style=”aspect-ratio: 1 / 1″>

</a>

<p class=”card-text mb-0″>Canon EOS professional</p>

Capacity: 128GB

</p>

</div>

<ahref=”#”class=”img-wrap”>

<imgsrc=”https://bootstrap-ecommerce.com/bootstrap5-ecommerce/images/items/10.webp”class=”card-img-top”style=”aspect-ratio: 1 / 1″>

</a>

<p class=”card-text mb-0″>Modern product name here</p>

Sizes: S, M, XL

</p>

</div>

<ahref=”#”class=”img-wrap”>

<imgsrc=”https://bootstrap-ecommerce.com/bootstrap5-ecommerce/images/items/9.webp”class=”card-img-top”style=”aspect-ratio: 1 / 1″>

</a>

<p class=”card-text mb-0″>Apple iPhone 13 Pro max</p>

Color: Black, Memory: 128GB

</p>

</div>

<ahref=”#”class=”img-wrap”>

<imgsrc=”https://bootstrap-ecommerce.com/bootstrap5-ecommerce/images/items/5.webp”class=”card-img-top”style=”aspect-ratio: 1 / 1″>

</a>

<p class=”card-text mb-0″>Modern product name here</p>

Sizes: S, M, XL

</p>

</div>

<ahref=”#”class=”img-wrap”>

<imgsrc=”https://bootstrap-ecommerce.com/bootstrap5-ecommerce/images/items/6.webp”class=”card-img-top”style=”aspect-ratio: 1 / 1″>

</a>

<p class=”card-text mb-0″>Modern product name here</p>

Model: X-200

</p>

</div>

<ahref=”#”class=”img-wrap”>

<imgsrc=”https://bootstrap-ecommerce.com/bootstrap5-ecommerce/images/items/7.webp”class=”card-img-top”style=”aspect-ratio: 1 / 1″>

</a>

<p class=”card-text mb-0″>Modern product name here</p>

Sizes: S, M, XL

</p>

</div>

<ahref=”#”class=”img-wrap”>

<imgsrc=”https://bootstrap-ecommerce.com/bootstrap5-ecommerce/images/items/8.webp”class=”card-img-top”style=”aspect-ratio: 1 / 1″>

</a>

<p class=”card-text mb-0″>Modern product name here</p>

Material: Jeans

</p>

</div>

</section>

<!– Products –>

<!– Feature –>

<div class=”card-banner bg-gray h-100″ style=”

min-height: 200px;

background-size: cover;

background-position: center;

width: 100%;

background-repeat: no-repeat;

top: 50%;

background-image: url(‘https://bootstrap-ecommerce.com/bootstrap5-ecommerce/images/banners/banner-item2.webp’);”>

<h3 class=”text-dark”>Best products & brands in our store at 80% off</h3>

<p>That’s true but not always</p>

<button class=”btn btn-warning shadow-0″ href=”#”> Claim offer </button>

</div>

<h5 class=”text-white”>Gaming toolset</h5>

<p class=”text-white-50″>Technology for cyber sport</p>

<a class=”btn btn-outline-light btn-sm” href=”#”>Learn more</a>

</div>

<h5 class=”text-white”>Quality sound</h5>

<p class=”text-white-50″>All you need for music</p>

<a class=”btn btn-outline-light btn-sm” href=”#”>Learn more</a>

</div>

<!– row.// –>

<h5 class=”text-white”>Buy 2 items, With special gift</h5>

<p class=”text-white-50″ style=”max-width: 400px;”>Buy one, get one free marketing strategy helps your business improves the brand by sharing the profits</p>

<a class=”btn btn-outline-light btn-sm” href=”#”>Learn more</a>

</div>

<!– col.// –>

</div>

<!– row.// –>

</div>

<!– container end.// –>

</section>

<!– Feature –>

<!– Recently viewed –>

<h3 class=”section-title”>Recently viewed</h3>

</header>

</a>

</div>

<!– col.// –>

</a>

</div>

<!– col.// –>

</a>

</div>

<!– col.// –>

</a>

</div>

<!– col.// –>

</a>

</div>

<!– col.// –>

</a>

</div>

</section>

<!– Recently viewed –>

</div>

<h6 class=”title”>Reasonable prices</h6>

<p class=”mb-0″>Have you ever finally just</p>

</span>

</div>

</div>

<h6 class=”title”>Worldwide shipping</h6>

<p class=”mb-0″>Have you ever finally just</p>

</span>

</div>

</div>

<h6 class=”title”>Best ratings</h6>

<p class=”mb-0″>Have you ever finally just</p>

</span>

</div>

</div>

<h6 class=”title”>Help center</h6>

<p class=”mb-0″>Have you ever finally just</p>

</span>

</div>

</section>

<!– Footer –>

<!– Section: Links –>

<!– Grid row –>

<!– Grid column –>

<!– Content –>

MDB

</a>

</p>

</div>

<!– Grid column –>

<!– Links –>

Store

</h6>

<li><a class=”text-white-50″ href=”#”>About us</a></li>

<li><a class=”text-white-50″ href=”#”>Find store</a></li>

<li><a class=”text-white-50″ href=”#”>Categories</a></li>

<li><a class=”text-white-50″ href=”#”>Blogs</a></li>

</ul>

</div>

<!– Grid column –>

<!– Links –>

Information

</h6>

<li><a class=”text-white-50″ href=”#”>Help center</a></li>

<li><a class=”text-white-50″ href=”#”>Money refund</a></li>

<li><a class=”text-white-50″ href=”#”>Shipping info</a></li>

<li><a class=”text-white-50″ href=”#”>Refunds</a></li>

</ul>

</div>

<!– Grid column –>

<!– Links –>

Support

</h6>

<li><a class=”text-white-50″ href=”#”>Help center</a></li>

<li><a class=”text-white-50″ href=”#”>Documents</a></li>

<li><a class=”text-white-50″ href=”#”>Account restore</a></li>

<li><a class=”text-white-50″ href=”#”>My orders</a></li>

</ul>

</div>

<!– Grid column –>

<!– Links –>

<h6 class=”text-uppercase text-white fw-bold mb-2″>Newsletter</h6>

<p class=”text-white”>Stay in touch with latest updates about our products and offers</p>

Join

</button>

</div>

<!– Grid column –>

</div>

<!– Grid row –>

</div>

</section>

<!– Section: Links –>

<!— payment —>

<div>

</div>

<!— payment —>

<!— language selector —>

<a class=”dropdown-toggle text-white” href=”#” id=”Dropdown” role=”button” data-mdb-toggle=”dropdown” aria-expanded=”false”> <i class=”flag-united-kingdom flag m-0 me-1″></i>English </a>

<li>

<a class=”dropdown-item” href=”#”><i class=”flag-united-kingdom flag”></i>English <i class=”fa fa-check text-success ms-2″></i></a>

</li>

<li>

<a class=”dropdown-item” href=”#”><i class=”flag-poland flag”></i>Polski</a>

</li>

<li>

</li>

<li>

</li>

<li>

<a class=”dropdown-item” href=”#”><i class=”flag-germany flag”></i>Deutsch</a>

</li>

<li>

<a class=”dropdown-item” href=”#”><i class=”flag-france flag”></i>Français</a>

</li>

<li>

<a class=”dropdown-item” href=”#”><i class=”flag-spain flag”></i>Español</a>

</li>

<li>

<a class=”dropdown-item” href=”#”><i class=”flag-russia flag”></i>Русский</a>

</li>

<li>

<a class=”dropdown-item” href=”#”><i class=”flag-portugal flag”></i>Português</a>

</li>

</ul>

</div>

<!— language selector —>

</div>

</footer>

<!– Footer –>

<style>

.icon-hover:hover {

border-color: #3b71ca !important;

background-color: white !important;

}

.icon-hover:hover i {

color: #3b71ca !important;

}

</style>

Homepage for ecommerce 1

Homepage for ecommerce 1

Leave a Reply Cancel reply

About Us

Useful Links

Most Visited Categories

Social Media

© Copyright 2024 pktechnology - All Rights Reserved

Cook with me Share this content

You Might Also Like

Bootstrap chat 2

Bootstrap Container

Overflow in select

Leave a Reply Cancel reply

About Us

Useful Links

Most Visited Categories

Social Media

© Copyright 2024 pktechnology - All Rights Reserved

Share this content