second.html

<div class="container-wrapper second-page">
    <div class="container-left">
      <div class="text-wrapper">
        <div class="text">
          <h4 class="title">exotic</h4>
          <h4 class="title outlined">collection</h4>
          <h6 class="product-name">
            Decorative Plant
          </h6>
          <h5 class="product-price">$ 9.99</h5>
          <div class="add_button">
            <div class="add_text">
              <p>Add<span></span></p>
            </div>
            <div class="add_icon">
              <i class="fas fa-plus"></i>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="container-right">
      <div class="content">
        <div class="background-no-img">
          <div class="image-wrapper">
            <img src="img/product.png" />
          </div>
          <div class="catalog">
            <div class="product first">
              <img src="img/summer.svg" />
              <h6>Handcraft Vase</h6>
              <p>$29.99</p>
            </div>
            <div class="product second">
              <img src="img/listening.svg" />
              <h6>Decorative Plant</h6>
              <p>$9.99</p>
            </div>
            <div class="product third">
              <img src="img/fall.svg" />
              <h6>Decorative Lilly</h6>
              <p>$19.99</p>
            </div>
            <div class="product fourth">
              <img src="img/travel.svg" />
              <h6>Ceramice Vase</h6>
              <p>$39.99</p>
            </div>
          </div>
        </div>
      </div>
      <div class="content-bottom">
        <div class="social">
          <p>Fb</p>
          <p>In</p>
          <p>Tw</p>
        </div>
        <div class="indicator">
          <div class="box"></div>
          <div class="box active"></div>
          <div class="box"></div>
          <div class="box"></div>
        </div>
      </div>
    </div>
  </div>