Icons

This template uses bootstrap icons which is free icon by boostrap authors.

Example Booststrap Icons

<i class= "bi bi-star-fill"></i>
<i class= "bi bi-star-fill"></i>
<i class= "bi bi-star-fill"></i>
<i class= "bi bi-star-half"></i>
<i class= "bi bi-star"></i>

Products

Products in this template uses cards from boostrap

<div class="col-md-3">
    <div class="card">
        <img src="assets/images/product 5.png" alt="">
    </div>
</div>
<div class="col-md-3">
    <div class="card">
        <img src="assets/images/product 2.png" alt="">
    </div>
</div>
<div class="col-md-3">
    <div class="card">
        <img src="assets/images/product 6.png" alt="">
    </div>
</div>

Background Image

To change the background image, go to /assets/images/ and add your prefered image.
Open the /assets/css/style.css file and modify the code below.

#hero{
    background-image: url('../../assets/images/bg3.jpg');
  }

Social Media Icons

Like regular icons, social media icons are bundled with the Boostrap icons.

<div class="socials">
    <ul class="d-flex">
        <li>
            <i class="bi bi-facebook px-2"></i>
        </li>
        <li>
            <i class="bi bi-instagram px-2"></i>
        </li>
        <li>
            <i class="bi bi-twitter px-2"></i>
        </li>
        <li>
            <i class="bi bi-globe px-2"></i>
        </li>
    </ul>
</div>