About - Blocks

We Focus on Quality,
not Quantity

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

More About Us 

<div class="row g-4 g-lg-5 align-items-center">
  <div class="col-12 col-lg-5 col-xl-6">
    <img class="border-radius box-shadow" src="../assets/images/img-src.jpg" alt="">
  </div>
  <div class="col-12 col-lg-7 col-xl-6">
    <h2 class="fw-normal">We Focus on Quality,<br>not Quantity</h2>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
    <a class="button button-md button-radius button-very-peri mt-4" href="#">More About Us</a>
  </div>
</div><!-- end row -->

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Social Marketing
Sales Training
Copywriting

<div class="row align-items-center g-4 g-lg-5">
  <div class="col-12 col-lg-6 col-xl-7">
    <img class="border-radius" src="../assets/images/img-src.jpg" alt="">
  </div>
  <div class="col-12 col-lg-6 col-xl-5">
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
    <!-- Progress bars -->
    <div class="mt-4">
      <!-- Progress bar box 1 -->
      <div class="progress-box progress-spring-red">
        <h6 class="fw-medium">Social Marketing</h6>
        <div class="animated-progress">
          <div data-progress="94"></div>
        </div>
      </div>
      <!-- Progress bar box 2 -->
      <div class="progress-box progress-spring-red mt-4">
        <h6 class="fw-medium">Sales Training</h6>
        <div class="animated-progress">
          <div data-progress="88"></div>
        </div>
      </div>
      <!-- Progress bar box 3 -->
      <div class="progress-box progress-spring-red mt-4">
        <h6 class="fw-medium">Copywriting</h6>
        <div class="animated-progress">
          <div data-progress="92"></div>
        </div>
      </div>
    </div>
  </div>
</div><!-- end row -->

Building digital brands and products

Lorem ipsum dolor sit amet, consectetur adipisicing

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+10

Years of experience

+80

Happy Clients

144

Projects Done


<div class="row g-4 g-lg-5 align-items-center">
  <div class="col-12 col-lg-6">
    <h1 class="display-2 fw-semi-bold text-very-peri">Building digital brands and products</h1>
  </div>
  <div class="col-12 col-lg-6">
    <h2 class="fw-medium mb-3">Lorem ipsum dolor sit amet, consectetur adipisicing</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    consequat.</p>
    <!-- Counters -->
    <div class="row g-4 mt-2">
      <!-- Counter 1 -->
      <div class="col-4">
        <h1 class="fw-normal text-very-peri mb-0">+<span class="counter">10</span></h1>
        <p>Years of experience</p>
      </div>
      <!-- Counter 2 -->
      <div class="col-4">
        <h1 class="fw-normal text-very-peri mb-0">+<span class="counter">80</span></h1>
        <p>Happy Clients</p>
      </div>
      <!-- Counter 3 -->
      <div class="col-4">
        <h1 class="fw-normal text-very-peri mb-0"><span class="counter">144</span></h1>
        <p>Projects Done</p>
      </div>
      <!-- end Counter 3 -->
    </div><!-- end row -->
    <!-- end Counters -->
  </div>
</div><!-- end row -->

We're a team of professionals who loves what they do

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Get In Touch 

<div class="row align-items-center g-5">
  <div class="col-12 col-lg-5">
    <h2 class="fw-light">We're a team of professionals who loves what they do</h2>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
    <a class="button button-lg button-rounded button-font-2 button-theme mt-4" href="#">Get In Touch</a>
  </div>
  <div class="col-12 col-lg-7">
    <div class="row gallery-wrapper g-2">
      <div class="col-6 pt-4 gallery-box">
        <div class="gallery-img">
          <a href="../assets/images/img-src-1.jpg" data-gallery-title="Gallery Image 1">
            <img src="../assets/images/img-src-1.jpg" alt="">
          </a>
        </div>
      </div>
      <div class="col-6 gallery-box">
        <div class="gallery-img">
          <a href="../assets/images/img-src-2.jpg" data-gallery-title="Gallery Image 2">
            <img src="../assets/images/img-src-2.jpg" alt="">
          </a>
        </div>
      </div>
    </div><!-- end row/gallery-wrapper -->
  </div>
</div><!-- end row -->

We Are Mono

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

+10

Years of experience

+80

Happy Clients

144

Projects Done


<div class="row g-4 g-lg-5 align-items-center">
  <div class="col-12 col-lg-5">
    <div class="img-mask-blob-2">
      <img src="../assets/images/img-src.jpg" alt="" data-rjs="2">
    </div>
  </div>
  <div class="col-12 col-lg-7">
    <h2 class="fw-medium uppercase letter-spacing-1 text-color-theme">We Are Mono</h2>
    <ul class="list-inline-sm mt-3 mb-3">
      <li><a class="button-circle button-circle-sm button-circle-social-facebook" href="#"><i class="bi bi-facebook"></i></a></li>
      <li><a class="button-circle button-circle-sm button-circle-social-twitter" href="#"><i class="bi bi-twitter-x"></i></a></li>
      <li><a class="button-circle button-circle-sm button-circle-social-instagram" href="#"><i class="bi bi-instagram"></i></a></li>
    </ul>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
    <!-- Counters -->
    <div class="row g-4 mt-2">
      <!-- Counter 1 -->
      <div class="col-4">
        <h1 class="fw-normal text-color-theme mb-0">+<span class="counter">10</span></h1>
        <p>Years of experience</p>
      </div>
      <!-- Counter 2 -->
      <div class="col-4">
        <h1 class="fw-normal text-color-theme mb-0">+<span class="counter">80</span></h1>
        <p>Happy Clients</p>
      </div>
      <!-- Counter 3 -->
      <div class="col-4">
        <h1 class="fw-normal text-color-theme mb-0"><span class="counter">144</span></h1>
        <p>Projects Done</p>
      </div>
      <!-- end Counter 3 -->
    </div><!-- end row -->
    <!-- end Counters -->
  </div>
</div><!-- end row -->
Little About me

I integrate strategy, creativity & experience to solve problems

Let's Talk

Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Photoshoot
Social Marketing
Copywriting
Consulting

+10

Years of experience

+80

Happy Clients

144

Projects Done


<div class="row g-5">
  <div class="col-12 col-lg-5">
    <h6 class="font-small uppercase letter-spacing-1 mb-4">Little About me</h6>
    <h1>I integrate strategy, creativity & experience to solve problems</h1>
    <a class="button-text-3 mt-3 mt-lg-4" href="#contact">Let's Talk</a>
  </div>
  <div class="col-12 col-lg-7">
    <p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.</p>
    <div class="row g-4 mt-2">
      <!-- Progress bar 1 -->
      <div class="col-12 col-sm-6">
        <div class="progress-box">
          <h6 class="fw-medium">Photoshoot</h6>
          <div class="animated-progress">
            <div data-progress="94"></div>
          </div>
        </div>
      </div>
      <!-- Progress bar 2 -->
      <div class="col-12 col-sm-6">
        <div class="progress-box">
          <h6 class="fw-medium">Social Marketing</h6>
          <div class="animated-progress">
            <div data-progress="89"></div>
          </div>
        </div>
      </div>
      <!-- Progress bar 3 -->
      <div class="col-12 col-sm-6">
        <div class="progress-box">
          <h6 class="fw-medium">Copywriting</h6>
          <div class="animated-progress">
            <div data-progress="90"></div>
          </div>
        </div>
      </div>
      <!-- Progress bar 4 -->
      <div class="col-12 col-sm-6">
        <div class="progress-box">
          <h6 class="fw-medium">Consulting</h6>
          <div class="animated-progress">
            <div data-progress="80"></div>
          </div>
        </div>
      </div>
      <!-- end Progress bar 4 -->
    </div><!-- end row(inner) -->
    <!-- Counters -->
    <div class="row g-4 mt-3">
      <!-- Counter 1 -->
      <div class="col-4">
        <h1 class="fw-normal mb-0">+<span class="counter">10</span></h1>
        <p>Years of experience</p>
      </div>
      <!-- Counter 2 -->
      <div class="col-4">
        <h1 class="fw-normal mb-0">+<span class="counter">80</span></h1>
        <p>Happy Clients</p>
      </div>
      <!-- Counter 3 -->
      <div class="col-4">
        <h1 class="fw-normal mb-0"><span class="counter">144</span></h1>
        <p>Projects Done</p>
      </div>
      <!-- end Counter 3 -->
    </div><!-- end row -->
    <!-- end Counters -->
  </div>
</div><!-- end row -->

Vivamus elementum semper nisi. Aenean vulputate eleifend

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Branding
Social Marketing
Copywriting
Consulting

<div class="row g-5 align-items-center">
  <div class="col-12 col-lg-6">
    <div class="row g-4">
      <div class="col-12">
        <a class="lightbox-media-box border-radius-1 box-shadow icon-xl" href="https://www.youtube.com/watch?v=W-j4QGAgNu8">
          <img src="../assets/images/img-src.jpg" alt="" data-rjs="2">
          <i class="bi bi-play"></i>
        </a>
      </div>
      <div class="col-6">
        <img class="border-radius-1 box-shadow" src="../assets/images/img-src.jpg" alt="" data-rjs="2">
      </div>
      <div class="col-6">
        <img class="border-radius-1 box-shadow" src="../assets/images/img-src.jpg" alt="" data-rjs="2">
      </div>
    </div><!-- end row(inner) -->
  </div>
  <div class="col-12 col-lg-6">
    <h2 class="fw-light mb-3">Vivamus elementum semper nisi. Aenean vulputate eleifend</h2>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
    <div class="row g-4 mt-2">
      <!-- Progress bar 1 -->
      <div class="col-12 col-sm-6">
        <div class="progress-box progress-blue">
          <h6 class="fw-medium">Branding</h6>
          <div class="animated-progress">
            <div data-progress="94"></div>
          </div>
        </div>
      </div>
      <!-- Progress bar 2 -->
      <div class="col-12 col-sm-6">
        <div class="progress-box progress-blue">
          <h6 class="fw-medium">Social Marketing</h6>
          <div class="animated-progress">
            <div data-progress="89"></div>
          </div>
        </div>
      </div>
      <!-- Progress bar 3 -->
      <div class="col-12 col-sm-6">
        <div class="progress-box progress-blue">
          <h6 class="fw-medium">Copywriting</h6>
          <div class="animated-progress">
            <div data-progress="90"></div>
          </div>
        </div>
      </div>
      <!-- Progress bar 4 -->
      <div class="col-12 col-sm-6">
        <div class="progress-box progress-blue">
          <h6 class="fw-medium">Consulting</h6>
          <div class="animated-progress">
            <div data-progress="80"></div>
          </div>
        </div>
      </div>
      <!-- end Progress bar 4 -->
    </div><!-- end row(inner) -->
  </div>
</div><!-- end row -->