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


</head>

<body>

<section class="ui-section">

<div class="ui-wrapper">

  <!-- LEFT -->
  <div class="ui-left">
    <img decoding="async" src="https://images.unsplash.com/photo-1527980965255-d3b416303d12" alt="boy" title="Elementor #9852">

    <div class="ui-users">
      <span><b>4200+</b> New Users</span>
      <div>
        <img decoding="async" src="https://i.pravatar.cc/30?img=12" alt="30?img=12" title="Elementor #9852">
        <img decoding="async" src="https://i.pravatar.cc/30?img=13" alt="30?img=13" title="Elementor #9852">
        <img decoding="async" src="https://i.pravatar.cc/30?img=14" alt="30?img=14" title="Elementor #9852">
      </div>
    </div>
  </div>

  <!-- TEXT -->
  <div class="ui-text">
    <h2>Digital Solutions tailored for your Success</h2>
    <div class="ui-icon"></div>
  </div>

  <!-- YELLOW -->
  <div class="ui-yellow">
    <h3>Step into Digital Future</h3>
    <p>Download the App now and elevate your digital experience instantly.</p>
    <a href="#" class="ui-btn">Download App</a>

    <div style="display:flex; justify-content:space-between; font-weight:bold;">
      <span>41K+ Downloads</span>
      <span>27K+ Reviews</span>
    </div>
  </div>

  <!-- SERVICES -->
  <div class="ui-services">
    <h3>Our Services</h3>
    <div class="ui-tags">
      <div class="ui-tag">SEO</div>
      <div class="ui-tag">Design</div>
      <div class="ui-tag">Marketing</div>
      <div class="ui-tag">Analytics</div>
      <div class="ui-tag">Email</div>
      <div class="ui-tag">Automation</div>
    </div>
  </div>

  <!-- CHART -->
  <div class="ui-chart">
    <h3>Increase in Profits</h3>
    <div class="ui-bars">
      <div class="ui-bar b1"></div>
      <div class="ui-bar b2"></div>
      <div class="ui-bar b3"></div>
      <div class="ui-bar b4"></div>
    </div>
  </div>

</div>
</section>

</body>
</html>