Skip to main content
title

Service Sections

1 • 2 • 3 • 4 • 5 • 6 • 7 • 8

Our Services

Save time managing advertising for your business, contact us and all will covered.

Research

Researching the product market situation and competitors.

Consultant

Consulting with clients to find the best advertising strategy.

Creative ads

Creating effective illustrations, layouts, advertising messages.

Media Planners

Help choose the advertising platform to promote its ads effectively.

Advertising budget

Manage advertising budget for low cost and high conversion rates.

Optimize conversions

Optimize ads that are already running, and replace ads that are less effective.

                
                  <!-- =========={ SERVICE }==========  -->
                  <div id="service" class="section pt-6 pt-md-7 pb-4 pb-md-5 bg-light">
                    <div class="container">
                      <header class="text-center mx-auto mb-5">
                        <h2 class="h3 fw-bold"><span class="fw-light">Our</span> Services</h2>
                        <hr class="divider my-4 bg-primary border-primary">
                        <p class="lead text-muted">Save time managing advertising for your business, contact us and all will covered.</p>
                      </header>

                      <!-- row -->
                      <div class="row text-center">
                        <div class="col-12 col-sm-6 col-lg-4 px-lg-4" data-aos="fade-up">
                          <!-- service block -->
                          <div class="p-4 mb-5 shadow-sm rounded bg-white hover-box-up">
                            <div class="display-4 text-primary mb-3">
                              <!-- icon -->
                              <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
                                <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
                              </svg>
                            </div>
                            <h3 class="h5">Research</h3>
                            <p>Researching the product market situation and competitors.</p>
                          </div> <!-- end service block -->
                        </div>

                        <div class="col-12 col-sm-6 col-lg-4 px-lg-4" data-aos="fade-up" data-aos-delay="100">
                          <!-- service block -->
                          <div class="p-4 mb-5 shadow-sm rounded bg-white hover-box-up">
                            <div class="display-4 text-primary mb-3">
                              <!-- icon -->
                              <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" fill="currentColor" class="bi bi-chat-square-dots" viewBox="0 0 16 16">
                                <path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
                                <path d="M5 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
                              </svg>

                            </div>
                            <h3 class="h5">Consultant</h3>
                            <p>Consulting with clients to find the best advertising strategy.</p>
                          </div><!-- end service block -->
                        </div>

                        <div class="col-12 col-sm-6 col-lg-4 px-lg-4" data-aos="fade-up" data-aos-delay="200">
                          <!-- service block -->
                          <div class="p-4 mb-5 shadow-sm rounded bg-white hover-box-up">
                            <div class="display-4 text-primary mb-3">
                              <!-- icon -->
                              <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" fill="currentColor" class="bi bi-badge-ad" viewBox="0 0 16 16">
                                <path d="M3.7 11l.47-1.542h2.004L6.644 11h1.261L5.901 5.001H4.513L2.5 11h1.2zm1.503-4.852l.734 2.426H4.416l.734-2.426h.053zm4.759.128c-1.059 0-1.753.765-1.753 2.043v.695c0 1.279.685 2.043 1.74 2.043.677 0 1.222-.33 1.367-.804h.057V11h1.138V4.685h-1.16v2.36h-.053c-.18-.475-.68-.77-1.336-.77zm.387.923c.58 0 1.002.44 1.002 1.138v.602c0 .76-.396 1.2-.984 1.2-.598 0-.972-.449-.972-1.248v-.453c0-.795.37-1.24.954-1.24z"/>
                                <path d="M14 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z"/>
                              </svg>
                            </div>
                            <h3 class="h5">Creative ads</h3>
                            <p>Creating effective illustrations, layouts, advertising messages.</p>
                          </div><!-- end service block -->
                        </div>

                        <div class="col-12 col-sm-6 col-lg-4 px-lg-4" data-aos="fade-up">
                          <!-- service block -->
                          <div class="p-4 mb-5 shadow-sm rounded bg-white hover-box-up">
                            <div class="display-4 text-primary mb-3">
                              <!-- icon -->
                              <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" fill="currentColor" class="bi bi-card-checklist" viewBox="0 0 16 16">
                                <path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"/>
                                <path d="M7 5.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0zM7 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 0 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0z"/>
                              </svg>
                            </div>
                            <h3 class="h5">Media Planners</h3>
                            <p>Help choose the advertising platform to promote its ads effectively.</p>
                          </div><!-- end service block -->
                        </div>

                        <div class="col-12 col-sm-6 col-lg-4 px-lg-4" data-aos="fade-up" data-aos-delay="100">
                          <!-- service block -->
                          <div class="p-4 mb-5 shadow-sm rounded bg-white hover-box-up">
                            <div class="display-4 text-primary mb-3">
                              <!-- icon -->
                              <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" fill="currentColor" class="bi bi-wallet2" viewBox="0 0 16 16">
                                <path d="M12.136.326A1.5 1.5 0 0 1 14 1.78V3h.5A1.5 1.5 0 0 1 16 4.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 13.5v-9a1.5 1.5 0 0 1 1.432-1.499L12.136.326zM5.562 3H13V1.78a.5.5 0 0 0-.621-.484L5.562 3zM1.5 4a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-13z"/>
                              </svg>
                            </div>
                            <h3 class="h5">Advertising budget</h3>
                            <p>Manage advertising budget for low cost and high conversion rates.</p>
                          </div><!-- end service block -->
                        </div>

                        <div class="col-12 col-sm-6 col-lg-4 px-lg-4" data-aos="fade-up" data-aos-delay="200">
                          <!-- service block -->
                          <div class="p-4 mb-5 shadow-sm rounded bg-white hover-box-up">
                            <div class="display-4 text-primary mb-3">
                              <!-- icon -->
                              <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" fill="currentColor" class="bi bi-funnel" viewBox="0 0 16 16">
                                <path d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2h-11z"/>
                              </svg>
                            </div>
                            <h3 class="h5">Optimize conversions</h3>
                            <p>Optimize ads that are already running, and replace ads that are less effective.</p>
                          </div><!-- end service block -->
                        </div>
                      </div><!-- end row -->
                    </div>
                  </div><!-- End Service -->

What We Do Best

Web Design

Lorem ipsum is dummy text used in laying out print, graphic or web designs.

Web Development

Lorem ipsum is dummy text used in laying out print, graphic or web designs.

SEO Service

Lorem ipsum is dummy text used in laying out print, graphic or web designs.

Web Maintenance

Lorem ipsum is dummy text used in laying out print, graphic or web designs.

Mobile Web Design

Lorem ipsum is dummy text used in laying out print, graphic or web designs.

Web Vital Optimize

Lorem ipsum is dummy text used in laying out print, graphic or web designs.

                
                  <!-- =========={ SERVICE }==========  -->
                  <div id="service" class="section pt-6 pt-md-7 bg-white">
                    <div class="container">
                      <header class="text-center mx-auto mb-5">
                        <h2 class="h3 fw-bold">What We Do Best</h2>
                        <hr class="divider my-4 bg-primary border-primary">
                      </header>
                      <!-- row -->
                      <div class="row text-center g-0">
                        <div class="col-12 col-md-6 col-lg-4" data-aos="fade-up">
                          <!-- service block -->
                          <div class="bg-white p-6">
                            <div class="display-1 text-primary mb-2">
                              <!-- icon -->
                              <svg xmlns="http://www.w3.org/2000/svg" width="3rem" height="3rem" fill="currentColor" class="bi bi-laptop" viewBox="0 0 16 16">
                                <path d="M13.5 3a.5.5 0 0 1 .5.5V11H2V3.5a.5.5 0 0 1 .5-.5h11zm-11-1A1.5 1.5 0 0 0 1 3.5V12h14V3.5A1.5 1.5 0 0 0 13.5 2h-11zM0 12.5h16a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 12.5z"/>
                              </svg>
                            </div>
                            <h3 class="h5">Web Design</h3>
                            <p>Lorem ipsum is dummy text used in laying out print, graphic or web designs.</p>
                          </div><!-- end service block -->
                        </div>

                        <div class="col-12 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="100">
                          <!-- service block -->
                          <div class="bg-light p-6">
                            <div class="display-1 text-primary mb-2">
                              <!-- icon -->
                              <svg xmlns="http://www.w3.org/2000/svg" width="3rem" height="3rem" fill="currentColor" class="bi bi-code-square" viewBox="0 0 16 16">
                                <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
                                <path d="M6.854 4.646a.5.5 0 0 1 0 .708L4.207 8l2.647 2.646a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 0 1 .708 0zm2.292 0a.5.5 0 0 0 0 .708L11.793 8l-2.647 2.646a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708 0z"/>
                              </svg>
                            </div>
                            <h3 class="h5">Web Development</h3>
                            <p>Lorem ipsum is dummy text used in laying out print, graphic or web designs.</p>
                          </div><!-- end service block -->
                        </div>

                        <div class="col-12 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="200">
                          <!-- service block -->
                          <div class="bg-white p-6">
                            <div class="display-1 text-primary mb-2">
                              <!-- icon -->
                              <svg xmlns="http://www.w3.org/2000/svg" width="3rem" height="3rem" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
                                <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
                              </svg>

                            </div>
                            <h3 class="h5">SEO Service</h3>
                            <p>Lorem ipsum is dummy text used in laying out print, graphic or web designs.</p>
                          </div><!-- end service block -->
                        </div>

                        <div class="col-12 col-md-6 col-lg-4" data-aos="fade-up">
                          <!-- service block -->
                          <div class="bg-light p-6">
                            <div class="display-1 text-primary mb-2">
                              <!-- icon -->
                              <svg xmlns="http://www.w3.org/2000/svg" width="3rem" height="3rem" fill="currentColor" class="bi bi-gear" viewBox="0 0 16 16">
                                <path d="M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z"/>
                                <path d="M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z"/>
                              </svg>
                            </div>
                            <h3 class="h5">Web Maintenance</h3>
                            <p>Lorem ipsum is dummy text used in laying out print, graphic or web designs.</p>
                          </div><!-- end service block -->
                        </div>

                        <div class="col-12 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="100">
                          <!-- service block -->
                          <div class="bg-white p-6">
                            <div class="display-1 text-primary mb-2">
                              <!-- icon -->
                              <svg xmlns="http://www.w3.org/2000/svg" width="3rem" height="3rem" fill="currentColor" class="bi bi-phone" viewBox="0 0 16 16">
                                <path d="M11 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h6zM5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H5z"/>
                                <path d="M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
                              </svg>
                            </div>
                            <h3 class="h5">Mobile Web Design</h3>
                            <p>Lorem ipsum is dummy text used in laying out print, graphic or web designs.</p>
                          </div><!-- end service block -->
                        </div>

                        <div class="col-12 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="200">
                          <!-- service block -->
                          <div class="bg-light p-6">
                            <div class="display-1 text-primary mb-2">
                              <!-- icon -->
                              <svg xmlns="http://www.w3.org/2000/svg" class="text-primary" width="4rem" height="4rem" fill="currentColor" viewBox="0 0 512 512"><path d="M330.7,352l77.72-192H356.9L303.74,284.07,265.93,160H226.32L185.74,284.07l-28.63-56.53L131.21,307l26.3,45h50.7l36.68-111.27,35,111.27Z"></path><path d="M48.79,286.09H80.44a93.39,93.39,0,0,0,25.62-3.21l8.18-25.19,22.88-70.39a55.75,55.75,0,0,0-6-7.82Q113.54,160,79.59,160H0V352H48.79Zm41.9-81.92q6.89,6.92,6.88,18.52t-6,18.53q-6.64,7.62-24.44,7.61H48.79V197.25H67.21q16.59,0,23.48,6.92ZM376.85,317.61l14.79-37.25h42.69l-20.26-56.51L439.41,160,512,352H458.47l-12.4-34.39Z"></path></svg>
                            </div>
                            <h3 class="h5">Web Vital Optimize</h3>
                            <p>Lorem ipsum is dummy text used in laying out print, graphic or web designs.</p>
                          </div><!-- end service block -->
                        </div>
                      </div><!-- end row -->
                    </div>
                  </div><!-- End Service -->

Our Services

We provide high quality service to meet the needs of clients

Search Engine Marketing

Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.

Email Marketing

Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.

Social Media Marketing

Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.

Digital Advertising & PPC

Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.

Creative & Content

Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.

Digital Media Analytic

Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.

                
                  <!-- =========={ SERVICE }==========  -->
                  <div id="service" class="section pt-6 pt-md-7 pb-4 pb-md-5 bg-light">
                    <div class="container">
                      <!-- section header -->
                      <header class="text-center mx-auto mb-5">
                        <h2 class="h3 fw-bold"><span class="fw-light">Our</span> Services</h2>
                        <hr class="divider my-4 bg-primary border-primary">
                        <p class="lead text-muted">We provide high quality service to meet the needs of clients</p>
                      </header><!-- end section header -->

                      <!-- row -->
                      <div class="row">
                        <div class="col-12 col-md-6 col-lg-4 px-lg-4" data-aos="fade-up">
                          <!-- features block -->
                          <div class="four-service p-4 bg-white mb-5 rounded shadow-sm">
                            <div class="four-service-icon text-primary">
                              <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
                                <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
                              </svg>
                            </div>
                            <div class="four-service-content">
                              <h3 class="h5">Search Engine Marketing</h3>
                              <p>Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.</p>
                            </div>
                            <div class="line"></div>
                          </div><!-- end features block -->
                        </div>

                        <div class="col-12 col-md-6 col-lg-4 px-lg-4" data-aos="fade-up" data-aos-delay="100">
                          <!-- features block -->
                          <div class="four-service p-4 bg-white mb-5 rounded shadow-sm">
                            <div class="four-service-icon text-primary">
                              <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">
                                <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383l-4.758 2.855L15 11.114v-5.73zm-.034 6.878L9.271 8.82 8 9.583 6.728 8.82l-5.694 3.44A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.739zM1 11.114l4.758-2.876L1 5.383v5.73z"/>
                              </svg>
                            </div>
                            <div class="four-service-content">
                              <h3 class="h5">Email Marketing</h3>
                              <p>Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.</p>
                            </div>
                            <div class="line"></div>
                          </div><!-- end features block -->
                        </div>

                        <div class="col-12 col-md-6 col-lg-4 px-lg-4" data-aos="fade-up" data-aos-delay="200">
                          <!-- features block -->
                          <div class="four-service p-4 bg-white mb-5 rounded shadow-sm">
                            <div class="four-service-icon text-primary">
                              <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" fill="currentColor" class="bi bi-badge-ad" viewBox="0 0 16 16">
                                <path d="M3.7 11l.47-1.542h2.004L6.644 11h1.261L5.901 5.001H4.513L2.5 11h1.2zm1.503-4.852l.734 2.426H4.416l.734-2.426h.053zm4.759.128c-1.059 0-1.753.765-1.753 2.043v.695c0 1.279.685 2.043 1.74 2.043.677 0 1.222-.33 1.367-.804h.057V11h1.138V4.685h-1.16v2.36h-.053c-.18-.475-.68-.77-1.336-.77zm.387.923c.58 0 1.002.44 1.002 1.138v.602c0 .76-.396 1.2-.984 1.2-.598 0-.972-.449-.972-1.248v-.453c0-.795.37-1.24.954-1.24z"/>
                                <path d="M14 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z"/>
                              </svg>
                            </div>
                            <div class="four-service-content">
                              <h3 class="h5">Social Media Marketing</h3>
                              <p>Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.</p>
                            </div>
                            <div class="line"></div>
                          </div><!-- end features block -->
                        </div>

                        <div class="col-12 col-md-6 col-lg-4 px-lg-4" data-aos="fade-up">
                          <!-- features block -->
                          <div class="four-service p-4 bg-white mb-5 rounded shadow-sm">
                            <div class="four-service-icon text-primary">
                              <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" fill="currentColor" class="bi bi-mouse" viewBox="0 0 16 16">
                                <path d="M8 3a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 3zm4 8a4 4 0 0 1-8 0V5a4 4 0 1 1 8 0v6zM8 0a5 5 0 0 0-5 5v6a5 5 0 0 0 10 0V5a5 5 0 0 0-5-5z"/>
                              </svg>
                            </div>
                            <div class="four-service-content">
                              <h3 class="h5">Digital Advertising & PPC</h3>
                              <p>Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.</p>
                            </div>
                            <div class="line"></div>
                          </div><!-- end features block -->
                        </div>

                        <div class="col-12 col-md-6 col-lg-4 px-lg-4" data-aos="fade-up" data-aos-delay="100">
                          <!-- features block -->
                          <div class="four-service p-4 bg-white mb-5 rounded shadow-sm">
                            <div class="four-service-icon text-primary">
                              <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" fill="currentColor" class="bi bi-palette" viewBox="0 0 16 16">
                                <path d="M8 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm4 3a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM5.5 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm.5 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
                                <path d="M16 8c0 3.15-1.866 2.585-3.567 2.07C11.42 9.763 10.465 9.473 10 10c-.603.683-.475 1.819-.351 2.92C9.826 14.495 9.996 16 8 16a8 8 0 1 1 8-8zm-8 7c.611 0 .654-.171.655-.176.078-.146.124-.464.07-1.119-.014-.168-.037-.37-.061-.591-.052-.464-.112-1.005-.118-1.462-.01-.707.083-1.61.704-2.314.369-.417.845-.578 1.272-.618.404-.038.812.026 1.16.104.343.077.702.186 1.025.284l.028.008c.346.105.658.199.953.266.653.148.904.083.991.024C14.717 9.38 15 9.161 15 8a7 7 0 1 0-7 7z"/>
                              </svg>
                            </div>
                            <div class="four-service-content">
                              <h3 class="h5">Creative & Content</h3>
                              <p>Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.</p>
                            </div>
                            <div class="line"></div>
                          </div><!-- end features block -->
                        </div>

                        <div class="col-12 col-md-6 col-lg-4 px-lg-4" data-aos="fade-up" data-aos-delay="200">
                          <!-- features block -->
                          <div class="four-service p-4 bg-white mb-5 rounded shadow-sm">
                            <div class="four-service-icon text-primary">
                              <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" fill="currentColor" class="bi bi-bar-chart" viewBox="0 0 16 16">
                                <path d="M4 11H2v3h2v-3zm5-4H7v7h2V7zm5-5v12h-2V2h2zm-2-1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1h-2zM6 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7zm-5 4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-3z"/>
                              </svg>
                            </div>
                            <div class="four-service-content">
                              <h3 class="h5">Digital Media Analytic</h3>
                              <p>Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.</p>
                            </div>
                            <div class="line"></div>
                          </div><!-- end features block -->
                        </div>
                      </div><!-- end row -->
                    </div>
                  </div><!-- End Service -->

Our Services

Visual Identity & Logo

Find what you need in one template and combine will make your site look professional.

Brand Naming

Find what you need in one template and combine will make your site look professional.

Tagline Development

Find what you need in one template and combine will make your site look professional.

Defining brand Vision

Find what you need in one template and combine will make your site look professional.

Brand Identity Guideline

Find what you need in one template and combine will make your site look professional.

Brand Research

Find what you need in one template and combine will make your site look professional.

                
                  <!-- =========={ SERVICE }==========  -->
                  <div id="service" class="section pt-6 pt-md-7 pb-4 pb-md-5 bg-light">
                    <div class="container">
                      <header class="text-center mx-auto mb-5">
                        <h2 class="h3 fw-bold"><span class="fw-light">Our</span> Services</h2>
                        <hr class="divider my-4 bg-primary border-primary">
                      </header>

                      <!-- row -->
                      <div class="row">
                        <div class="col-md-6 col-lg-4" data-aos="fade-up">
                          <div class="mb-5 px-3">
                            <div class="row">
                              <!-- icon -->
                              <div class="col-3 text-center">
                                <div class="display-4 text-primary mb-3">
                                  <svg xmlns="http://www.w3.org/2000/svg" width="3rem" height="3rem" fill="currentColor" class="bi bi-award" viewBox="0 0 16 16">
                                    <path d="M9.669.864L8 0 6.331.864l-1.858.282-.842 1.68-1.337 1.32L2.6 6l-.306 1.854 1.337 1.32.842 1.68 1.858.282L8 12l1.669-.864 1.858-.282.842-1.68 1.337-1.32L13.4 6l.306-1.854-1.337-1.32-.842-1.68L9.669.864zm1.196 1.193l.684 1.365 1.086 1.072L12.387 6l.248 1.506-1.086 1.072-.684 1.365-1.51.229L8 10.874l-1.355-.702-1.51-.229-.684-1.365-1.086-1.072L3.614 6l-.25-1.506 1.087-1.072.684-1.365 1.51-.229L8 1.126l1.356.702 1.509.229z"/>
                                    <path d="M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1 4 11.794z"/>
                                  </svg>
                                </div>
                              </div>
                              <!-- text service -->
                              <div class="col-9">
                                <h3 class="h5">Visual Identity & Logo</h3>
                                <p>Find what you need in one template and combine will make your site look professional.</p>
                              </div>
                            </div>
                          </div>
                        </div>

                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="100">
                          <div class="mb-5 px-3">
                            <div class="row">
                              <!-- icon -->
                              <div class="col-3 text-center">
                                <div class="display-4 text-primary mb-3">
                                  <svg xmlns="http://www.w3.org/2000/svg" width="3rem" height="3rem" fill="currentColor" class="bi bi-badge-tm" viewBox="0 0 16 16">
                                    <path d="M5.295 11V5.995H7V5H2.403v.994h1.701V11h1.19zm3.397 0V7.01h.058l1.428 3.239h.773l1.42-3.24h.057V11H13.5V5.001h-1.2l-1.71 3.894h-.039l-1.71-3.894H7.634V11h1.06z"/>
                                    <path d="M14 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z"/>
                                  </svg>
                                </div>
                              </div>
                              <!-- text service -->
                              <div class="col-9">
                                <h3 class="h5">Brand Naming</h3>
                                <p>Find what you need in one template and combine will make your site look professional.</p>
                              </div>
                            </div>
                          </div>
                        </div>

                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="200">
                          <div class="mb-5 px-3">
                            <div class="row">
                              <!-- icon -->
                              <div class="col-3 text-center">
                                <div class="display-4 text-primary mb-3">
                                  <svg xmlns="http://www.w3.org/2000/svg" width="3rem" height="3rem" fill="currentColor" class="bi bi-chat-left-quote" viewBox="0 0 16 16">
                                    <path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
                                    <path d="M7.066 4.76A1.665 1.665 0 0 0 4 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112zm4 0A1.665 1.665 0 0 0 8 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112z"/>
                                  </svg>
                                </div>
                              </div>
                              <!-- text service -->
                              <div class="col-9">
                                <h3 class="h5">Tagline Development</h3>
                                <p>Find what you need in one template and combine will make your site look professional.</p>
                              </div>
                            </div>
                          </div>
                        </div>

                        <div class="col-md-6 col-lg-4" data-aos="fade-up">
                          <div class="mb-5 px-3">
                            <div class="row">
                              <!-- icon -->
                              <div class="col-3 text-center">
                                <div class="display-4 text-primary mb-3">
                                  <svg xmlns="http://www.w3.org/2000/svg" width="3rem" height="3rem" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
                                    <path d="M8 2.748l-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"/>
                                  </svg>
                                </div>
                              </div>
                              <!-- text service -->
                              <div class="col-9">
                                <h3 class="h5">Defining brand Vision</h3>
                                <p>Find what you need in one template and combine will make your site look professional.</p>
                              </div>
                            </div>
                          </div>
                        </div>

                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="100">
                          <div class="mb-5 px-3">
                            <div class="row">
                              <!-- icon -->
                              <div class="col-3 text-center">
                                <div class="display-4 text-primary mb-3">
                                  <svg xmlns="http://www.w3.org/2000/svg" width="3rem" height="3rem" fill="currentColor" class="bi bi-book" viewBox="0 0 16 16">
                                    <path d="M1 2.828c.885-.37 2.154-.769 3.388-.893 1.33-.134 2.458.063 3.112.752v9.746c-.935-.53-2.12-.603-3.213-.493-1.18.12-2.37.461-3.287.811V2.828zm7.5-.141c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492V2.687zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783z"/>
                                  </svg>
                                </div>
                              </div>
                              <!-- text service -->
                              <div class="col-9">
                                <h3 class="h5">Brand Identity Guideline</h3>
                                <p>Find what you need in one template and combine will make your site look professional.</p>
                              </div>
                            </div>
                          </div>
                        </div>

                        <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="200">
                          <div class="mb-5 px-3">
                            <div class="row">
                              <!-- icon -->
                              <div class="col-3 text-center">
                                <div class="display-4 text-primary mb-3">
                                  <!-- <i class="fas fa-chart-pie"></i> -->
                                  <svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 512 512"><path stroke="currentColor" d="M256.05,80.65Q263.94,80,272,80c106,0,192,86,192,192S378,464,272,464A192.09,192.09,0,0,1,89.12,330.65" style="fill:none;stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"></path><path stroke="currentColor" d="M256,48C141.12,48,48,141.12,48,256a207.29,207.29,0,0,0,18.09,85L256,256Z" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></path></svg>
                                </div>
                              </div>
                              <!-- text service -->
                              <div class="col-9">
                                <h3 class="h5">Brand Research</h3>
                                <p>Find what you need in one template and combine will make your site look professional.</p>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div><!-- end row -->
                    </div>
                  </div><!-- End Service -->

Our Service

Web Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Digital Marketing

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Search Engine Optimization

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Social Media Marketing

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Mobile Apps Marketing

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Google Suite

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

                
                  <!-- =========={ SERVICE }==========  -->
                  <div id="service" class="section pt-8 pb-3 bg-light">
                    <div class="container">
                      <header class="text-center mx-auto mb-6">
                        <h2 class="h3 fw-bold"><span class="fw-light">Our</span> Service</h2>
                        <hr class="divider my-4 bg-primary border-primary">
                      </header>
                      <!-- row -->
                      <div class="row">
                        <div class="col-lg-4 col-sm-6" data-aos="fade-up">
                          <!-- service block -->
                          <div class="five-service hover-box-up text-center mb-7">
                            <div class="service-icon text-white border">
                              <span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512"><rect stroke="currentColor" x="32" y="64" width="448" height="320" rx="32" ry="32" style="fill:none;stroke-linejoin:round;stroke-width:32px"/><polygon fill="currentColor" points="304 448 296 384 216 384 208 448 304 448" style="stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line stroke="currentColor" x1="368" y1="448" x2="144" y2="448" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path fill="currentColor" d="M32,304v48a32.09,32.09,0,0,0,32,32H448a32.09,32.09,0,0,0,32-32V304Zm224,64a16,16,0,1,1,16-16A16,16,0,0,1,256,368Z"/></svg>
                                <!-- <i class="fas fa-desktop text-primary"></i>  -->
                              </span>
                            </div>
                            <div class="service-content pt-5 pb-4 px-4 rounded shadow-sm">
                              <h3 class="h5 mt-3">Web Development</h3>
                              <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                              <a href="#" class="read-more" title="Read More">
                                <!-- <i class="fa fa-plus"></i> -->
                                <svg class="bi bi-plus" width="2rem" height="2rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                  <path fill-rule="evenodd" d="M8 3.5a.5.5 0 01.5.5v4a.5.5 0 01-.5.5H4a.5.5 0 010-1h3.5V4a.5.5 0 01.5-.5z" clip-rule="evenodd"></path>
                                  <path fill-rule="evenodd" d="M7.5 8a.5.5 0 01.5-.5h4a.5.5 0 010 1H8.5V12a.5.5 0 01-1 0V8z" clip-rule="evenodd"></path>
                                </svg>
                              </a>
                            </div>
                          </div><!-- end service block -->
                        </div>

                        <div class="col-lg-4 col-sm-6" data-aos="fade-up" data-aos-delay="100">
                          <!-- service block -->
                          <div class="five-service hover-box-up text-center mb-7">
                            <div class="service-icon text-white border">
                              <span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512"><path stroke="currentColor" d="M256.05,80.65Q263.94,80,272,80c106,0,192,86,192,192S378,464,272,464A192.09,192.09,0,0,1,89.12,330.65" style="fill:none;stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"/><path stroke="currentColor" d="M256,48C141.12,48,48,141.12,48,256a207.29,207.29,0,0,0,18.09,85L256,256Z" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
                                <!-- <i class="fas fa-chart-pie text-primary"></i>  -->
                              </span>
                            </div>
                            <div class="service-content pt-5 pb-4 px-4 rounded shadow-sm">
                              <h3 class="h5 mt-3">Digital Marketing</h3>
                              <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                              <a href="#" class="read-more" title="Read More">
                                <!-- <i class="fa fa-plus"></i> -->
                                <svg class="bi bi-plus" width="2rem" height="2rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                  <path fill-rule="evenodd" d="M8 3.5a.5.5 0 01.5.5v4a.5.5 0 01-.5.5H4a.5.5 0 010-1h3.5V4a.5.5 0 01.5-.5z" clip-rule="evenodd"></path>
                                  <path fill-rule="evenodd" d="M7.5 8a.5.5 0 01.5-.5h4a.5.5 0 010 1H8.5V12a.5.5 0 01-1 0V8z" clip-rule="evenodd"></path>
                                </svg>
                              </a>
                            </div>
                          </div><!-- end service block -->
                        </div>

                        <div class="col-lg-4 col-sm-6" data-aos="fade-up" data-aos-delay="200">
                          <!-- service block -->
                          <div class="five-service hover-box-up text-center mb-7">
                            <div class="service-icon text-white border">
                              <span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512"><path stroke="currentColor" d="M221.09,64A157.09,157.09,0,1,0,378.18,221.09,157.1,157.1,0,0,0,221.09,64Z" style="fill:none;stroke-miterlimit:10;stroke-width:32px"/><line stroke="currentColor" x1="338.29" y1="338.29" x2="448" y2="448" style="fill:none;stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"/></svg>
                                <!-- <i class="text-primary fas fa-search"></i> -->
                              </span>
                            </div>
                            <div class="service-content pt-5 pb-4 px-4 rounded shadow-sm">
                              <h3 class="h5 mt-3">Search Engine Optimization</h3>
                              <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                              <a href="#" class="read-more" title="Read More">
                                <!-- <i class="fa fa-plus"></i> -->
                                <svg class="bi bi-plus" width="2rem" height="2rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                  <path fill-rule="evenodd" d="M8 3.5a.5.5 0 01.5.5v4a.5.5 0 01-.5.5H4a.5.5 0 010-1h3.5V4a.5.5 0 01.5-.5z" clip-rule="evenodd"></path>
                                  <path fill-rule="evenodd" d="M7.5 8a.5.5 0 01.5-.5h4a.5.5 0 010 1H8.5V12a.5.5 0 01-1 0V8z" clip-rule="evenodd"></path>
                                </svg>
                              </a>
                            </div>
                          </div><!-- end service block -->
                        </div>

                        <div class="col-lg-4 col-sm-6" data-aos="fade-up">
                          <!-- service block -->
                          <div class="five-service hover-box-up text-center mb-7">
                            <div class="service-icon text-white border">
                              <span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512"><path fill="currentColor" d="M455.27,32H56.73A24.74,24.74,0,0,0,32,56.73V455.27A24.74,24.74,0,0,0,56.73,480H256V304H202.45V240H256V189c0-57.86,40.13-89.36,91.82-89.36,24.73,0,51.33,1.86,57.51,2.68v60.43H364.15c-28.12,0-33.48,13.3-33.48,32.9V240h67l-8.75,64H330.67V480h124.6A24.74,24.74,0,0,0,480,455.27V56.73A24.74,24.74,0,0,0,455.27,32Z"/></svg>
                                <!-- <i class="text-primary fab fa-facebook"></i> -->
                              </span>
                            </div>
                            <div class="service-content pt-5 pb-4 px-4 rounded shadow-sm">
                              <h3 class="h5 mt-3">Social Media Marketing</h3>
                              <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                              <a href="#" class="read-more" title="Read More">
                                <!-- <i class="fa fa-plus"></i> -->
                                <svg class="bi bi-plus" width="2rem" height="2rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                  <path fill-rule="evenodd" d="M8 3.5a.5.5 0 01.5.5v4a.5.5 0 01-.5.5H4a.5.5 0 010-1h3.5V4a.5.5 0 01.5-.5z" clip-rule="evenodd"></path>
                                  <path fill-rule="evenodd" d="M7.5 8a.5.5 0 01.5-.5h4a.5.5 0 010 1H8.5V12a.5.5 0 01-1 0V8z" clip-rule="evenodd"></path>
                                </svg>
                              </a>
                            </div>
                          </div><!-- end service block -->
                        </div>

                        <div class="col-lg-4 col-sm-6" data-aos="fade-up" data-aos-delay="100">
                          <!-- service block -->
                          <div class="five-service hover-box-up text-center mb-7">
                            <div class="service-icon text-white border">
                              <span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512"><rect stroke="currentColor" x="128" y="16" width="256" height="480" rx="48" ry="48" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path stroke="currentColor" d="M176,16h24a8,8,0,0,1,8,8h0a16,16,0,0,0,16,16h64a16,16,0,0,0,16-16h0a8,8,0,0,1,8-8h24" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
                                <!-- <i class="text-primary fas fa-mobile"></i> -->
                              </span>
                            </div>
                            <div class="service-content pt-5 pb-4 px-4 rounded shadow-sm">
                              <h3 class="h5 mt-3">Mobile Apps Marketing</h3>
                              <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                              <a href="#" class="read-more" title="Read More">
                                <!-- <i class="fa fa-plus"></i> -->
                                <svg class="bi bi-plus" width="2rem" height="2rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                  <path fill-rule="evenodd" d="M8 3.5a.5.5 0 01.5.5v4a.5.5 0 01-.5.5H4a.5.5 0 010-1h3.5V4a.5.5 0 01.5-.5z" clip-rule="evenodd"></path>
                                  <path fill-rule="evenodd" d="M7.5 8a.5.5 0 01.5-.5h4a.5.5 0 010 1H8.5V12a.5.5 0 01-1 0V8z" clip-rule="evenodd"></path>
                                </svg>
                              </a>
                            </div>
                          </div><!-- end service block -->
                        </div>

                        <div class="col-lg-4 col-sm-6" data-aos="fade-up" data-aos-delay="200">
                          <!-- service block -->
                          <div class="five-service hover-box-up text-center mb-7">
                            <div class="service-icon text-white border">
                              <span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512"><path fill="currentColor" d="M473.16,221.48l-2.26-9.59H262.46v88.22H387c-12.93,61.4-72.93,93.72-121.94,93.72-35.66,0-73.25-15-98.13-39.11a140.08,140.08,0,0,1-41.8-98.88c0-37.16,16.7-74.33,41-98.78s61-38.13,97.49-38.13c41.79,0,71.74,22.19,82.94,32.31l62.69-62.36C390.86,72.72,340.34,32,261.6,32h0c-60.75,0-119,23.27-161.58,65.71C58,139.5,36.25,199.93,36.25,256S56.83,369.48,97.55,411.6C141.06,456.52,202.68,480,266.13,480c57.73,0,112.45-22.62,151.45-63.66,38.34-40.4,58.17-96.3,58.17-154.9C475.75,236.77,473.27,222.12,473.16,221.48Z"/></svg>
                                <!-- <i class="text-primary fab fa-google"></i> -->
                              </span>
                            </div>
                            <div class="service-content pt-5 pb-4 px-4 rounded shadow-sm">
                              <h3 class="h5 mt-3">Google Suite</h3>
                              <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                              <a href="#" class="read-more" title="Read More">
                                <!-- <i class="fa fa-plus"></i> -->
                                <svg class="bi bi-plus" width="2rem" height="2rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                  <path fill-rule="evenodd" d="M8 3.5a.5.5 0 01.5.5v4a.5.5 0 01-.5.5H4a.5.5 0 010-1h3.5V4a.5.5 0 01.5-.5z" clip-rule="evenodd"></path>
                                  <path fill-rule="evenodd" d="M7.5 8a.5.5 0 01.5-.5h4a.5.5 0 010 1H8.5V12a.5.5 0 01-1 0V8z" clip-rule="evenodd"></path>
                                </svg>
                              </a>
                            </div>
                          </div><!-- end service block -->
                        </div>
                      </div><!-- end row -->
                    </div>
                  </div><!-- End Service -->

Our Service

Web Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Digital Marketing

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Search Engine Optimization

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Brand Identity

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Social Media Marketing

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Mobile Apps Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

                
                  <!-- =========={ SERVICE }==========  -->
                  <div id="service" class="section pt-5 pt-md-6 pb-4 pb-md-5">
                    <div class="container">
                      <header class="text-center mx-auto mb-5">
                        <h2 class="h3 fw-bold"><span class="fw-light">Our</span> Service</h2>
                        <hr class="divider my-4 bg-primary border-primary">
                      </header>
                      <!-- row -->
                      <div class="row text-center">
                        <div class="col-12 col-sm-6 col-lg-4" data-aos="fade-up">
                          <!-- service block -->
                          <div class="px-3 mb-5">
                            <div class="icon-box mx-auto text-primary p-4 bg-light rounded mb-4">
                              <!-- icon -->
                              <div class="position-absolute top-50 start-50 translate-middle">
                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512"><rect stroke="currentColor" x="32" y="64" width="448" height="320" rx="32" ry="32" style="fill:none;stroke-linejoin:round;stroke-width:32px"/><polygon fill="currentColor" points="304 448 296 384 216 384 208 448 304 448" style="stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line stroke="currentColor" x1="368" y1="448" x2="144" y2="448" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path fill="currentColor" d="M32,304v48a32.09,32.09,0,0,0,32,32H448a32.09,32.09,0,0,0,32-32V304Zm224,64a16,16,0,1,1,16-16A16,16,0,0,1,256,368Z"/></svg>
                              </div>
                            </div>
                            <h3 class="h5">Web Development</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                          </div> <!-- end service block -->
                        </div>

                        <div class="col-12 col-sm-6 col-lg-4" data-aos="fade-up" data-aos-delay="100">
                          <!-- service block -->
                          <div class="px-3 mb-5">
                            <div class="icon-box mx-auto text-primary p-4 bg-light rounded mb-4">
                              <!-- icon -->
                              <div class="position-absolute top-50 start-50 translate-middle">
                                <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" fill="currentColor" viewBox="0 0 512 512"><rect x="64" y="320" width="48" height="160" rx="8" ry="8" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><rect x="288" y="224" width="48" height="256" rx="8" ry="8" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><rect x="400" y="112" width="48" height="368" rx="8" ry="8" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><rect x="176" y="32" width="48" height="448" rx="8" ry="8" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
                              </div>
                            </div>
                            <h3 class="h5">Digital Marketing</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                            
                          </div><!-- end service block -->
                        </div>

                        <div class="col-12 col-sm-6 col-lg-4" data-aos="fade-up" data-aos-delay="200">
                          <!-- service block -->
                          <div class="px-3 mb-5">
                            <div class="icon-box mx-auto text-primary p-4 bg-light rounded mb-4">
                              <!-- icon -->
                              <div class="position-absolute top-50 start-50 translate-middle">
                                <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" fill="currentColor" viewBox="0 0 512 512"><path d="M256,48C141.13,48,48,141.13,48,256s93.13,208,208,208,208-93.13,208-208S370.87,48,256,48Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/><path d="M256,48c-58.07,0-112.67,93.13-112.67,208S197.93,464,256,464s112.67-93.13,112.67-208S314.07,48,256,48Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/><path d="M117.33,117.33c38.24,27.15,86.38,43.34,138.67,43.34s100.43-16.19,138.67-43.34" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path d="M394.67,394.67c-38.24-27.15-86.38-43.34-138.67-43.34s-100.43,16.19-138.67,43.34" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="256" y1="48" x2="256" y2="464" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/><line x1="464" y1="256" x2="48" y2="256" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/></svg>
                              </div>

                            </div>
                            <h3 class="h5">Search Engine Optimization</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                            
                          </div><!-- end service block -->
                        </div>

                        <div class="col-12 col-sm-6 col-lg-4" data-aos="fade-up">
                          <!-- service block -->
                          <div class="px-3 mb-5">
                            <div class="icon-box mx-auto text-primary p-4 bg-light rounded mb-4">
                              <!-- icon -->
                              <div class="position-absolute top-50 start-50 translate-middle">
                                <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" fill="currentColor" viewBox="0 0 512 512"><rect x="48" y="80" width="416" height="272" rx="32" ry="32" style="fill:none;stroke:currentColor;stroke-linejoin:round;stroke-width:32px"/><line x1="256" y1="416" x2="256" y2="352" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="256" y1="80" x2="256" y2="48" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="400" y1="464" x2="368" y2="352" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="112" y1="464" x2="144" y2="352" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
                              </div>
                            </div>
                            <h3 class="h5">Brand Identity</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                          </div><!-- end service block -->
                        </div>

                        <div class="col-12 col-sm-6 col-lg-4" data-aos="fade-up" data-aos-delay="100">
                          <!-- service block -->
                          <div class="px-3 mb-5">
                            <div class="icon-box mx-auto text-primary p-4 bg-light rounded mb-4">
                              <!-- icon -->
                              <div class="position-absolute top-50 start-50 translate-middle">
                                <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" viewBox="0 0 512 512"><path fill="currentColor" d="M455.27,32H56.73A24.74,24.74,0,0,0,32,56.73V455.27A24.74,24.74,0,0,0,56.73,480H256V304H202.45V240H256V189c0-57.86,40.13-89.36,91.82-89.36,24.73,0,51.33,1.86,57.51,2.68v60.43H364.15c-28.12,0-33.48,13.3-33.48,32.9V240h67l-8.75,64H330.67V480h124.6A24.74,24.74,0,0,0,480,455.27V56.73A24.74,24.74,0,0,0,455.27,32Z"/></svg>
                              </div>
                            </div>
                            <h3 class="h5">Social Media Marketing</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                            
                          </div><!-- end service block -->
                        </div>

                        <div class="col-12 col-sm-6 col-lg-4" data-aos="fade-up" data-aos-delay="200">
                          <!-- service block -->
                          <div class="px-3 mb-5">
                            <div class="icon-box mx-auto text-primary p-4 bg-light rounded mb-4">
                              <!-- icon -->
                              <div class="position-absolute top-50 start-50 translate-middle">
                                <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" viewBox="0 0 512 512"><rect stroke="currentColor" x="128" y="16" width="256" height="480" rx="48" ry="48" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path stroke="currentColor" d="M176,16h24a8,8,0,0,1,8,8h0a16,16,0,0,0,16,16h64a16,16,0,0,0,16-16h0a8,8,0,0,1,8-8h24" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
                                </svg>
                              </div>
                            </div>
                            <h3 class="h5">Mobile Apps Development</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                            
                          </div><!-- end service block -->
                        </div>
                      </div><!-- end row -->
                    </div>
                  </div><!-- end section -->

Corporate & Business Setup

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus sunt ipsum, aliquam.

Concept & Project Development

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus sunt ipsum, aliquam.

                
                  <!-- =========={ SERVICE }==========  -->
                  <div id="service" class="section pt-6 pt-md-7 pb-4 pb-md-5 bg-light">
                    <div class="container">
                      <div class="row">
                        <div class="col-md-6">
                          <div class="bg-white shadow-sm mb-5 rounded overflow-hidden" data-aos="fade-up">
                            <div class="row g-0">
                              <!-- img block -->
                              <div class="col-lg-6 order-lg-2 text-white showcase-img" style="background-image: url('src/img-min/section/company1.jpg');"></div>

                              <!-- content block -->
                              <div class="col-lg-6 order-lg-1 my-auto showcase-text">
                                <div class="p-4">
                                  <h3 class="h4 mb-3">Corporate & Business Setup</h3>
                                  <p class="lead mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus sunt ipsum, aliquam.</p>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>

                        <div class="col-md-6">
                          <div class="bg-white shadow-sm mb-5 rounded overflow-hidden" data-aos="fade-up" data-aos-delay="100">
                            <div class="row g-0">
                              <!-- img block -->
                              <div class="col-lg-6 order-lg-2 text-white showcase-img" style="background-image: url('src/img-min/section/company2.jpg');"></div>

                              <!-- content block -->
                              <div class="col-lg-6 order-lg-1 my-auto showcase-text">
                                <div class="p-4">
                                  <h3 class="h4 mb-3">Concept & Project Development</h3>
                                  <p class="lead mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus sunt ipsum, aliquam.</p>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div><!-- End Service -->

Our Services

We help the companies build market through design and creativity. We are a creative serving local and international business ranging from Small to big companies all from various industries.

Design Identity

  • Logo Design
  • Visual Guideline
  • Brand Identity
  • Brand Applications
  • Visual Identity

Printed

  • Marketing Collateral
  • Packaging Design
  • Profile Card
  • Calendar Design
  • Annual Report

Digital Design

  • Web Development
  • UI/UX Design
  • Videography
  • Banner Ads Design
  • Photography

Subscriptions

  • Unlimited Design Request
  • Unlimited Revisions
  • Dedicated Designer
  • One Flat Monthly Fee
  • Free Stock Photos
                
                  <!-- =========={ SERVICE }==========  -->
                  <div id="services" class="section pt-6 pt-md-7 pb-4 pb-md-5 bg-white">
                    <div class="container">
                      <!-- section header -->
                      <header class="text-center mx-auto mb-5">
                        <h2 class="h3 fw-bold"><span class="fw-light">Our</span> Services</h2>
                        <hr class="divider my-4 bg-primary border-primary">
                        <p class="lead text-muted">We help the companies build market through design and creativity. We are a creative serving local and international business ranging from Small to big companies all from various industries.</p>
                      </header><!-- end section header -->

                      <!-- row -->
                      <div class="row">
                        <div class="col-12 col-sm-6 col-lg-3" data-aos="fade-up">
                          <!-- service block -->
                          <div class="p-4 border rounded bg-light">
                            <h3 class="h5 text-capitalize">Design Identity</h3>
                            <ul class="list-unstyled before-arrow-light">
                              <li class="py-2">Logo Design</li>
                              <li class="py-2">Visual Guideline</li>
                              <li class="py-2">Brand Identity</li>
                              <li class="py-2">Brand Applications</li>
                              <li class="py-2">Visual Identity</li>
                            </ul>
                          </div><!-- end service block -->
                        </div>

                        <div class="col-12 col-sm-6 col-lg-3" data-aos="fade-up" data-aos-delay="100">
                          <!-- service block -->
                          <div class="p-4 border rounded bg-light">
                            <h3 class="h5 text-capitalize">Printed</h3>
                            <ul class="list-unstyled before-arrow-light">
                              <li class="py-2">Marketing Collateral</li>
                              <li class="py-2">Packaging Design</li>
                              <li class="py-2">Profile Card</li>
                              <li class="py-2">Calendar Design</li>
                              <li class="py-2">Annual Report</li>
                            </ul>
                          </div><!-- end service block -->
                        </div>

                        <div class="col-12 col-sm-6 col-lg-3" data-aos="fade-up" data-aos-delay="200">
                          <!-- service block -->
                          <div class="p-4 border rounded bg-light">
                            <h3 class="h5 text-capitalize">Digital Design</h3>
                            <ul class="list-unstyled before-arrow-light">
                              <li class="py-2">Web Development</li>
                              <li class="py-2">UI/UX Design</li>
                              <li class="py-2">Videography</li>
                              <li class="py-2">Banner Ads Design</li>
                              <li class="py-2">Photography</li>
                            </ul>
                          </div><!-- end service block -->
                        </div>

                        <div class="col-12 col-sm-6 col-lg-3" data-aos="fade-up" data-aos-delay="300">
                          <!-- service block -->
                          <div class="p-4 border rounded bg-light">
                            <h3 class="h5 text-capitalize">Subscriptions</h3>
                            <ul class="list-unstyled before-arrow-light">
                              <li class="py-2">Unlimited Design Request</li>
                              <li class="py-2">Unlimited Revisions</li>
                              <li class="py-2">Dedicated Designer</li>
                              <li class="py-2">One Flat Monthly Fee</li>
                              <li class="py-2">Free Stock Photos</li>
                            </ul>
                          </div><!-- end service block -->
                        </div>
                      </div><!-- end row -->
                    </div>
                  </div><!-- end section -->