title

Service Sections


Service Sections style 1

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.

                  
                    <!-- start services -->
                    <div id="service" class="relative pt-20 pb-8 md:pt-24 md:pb-12 bg-gray-50 dark:bg-gray-900 dark:bg-opacity-20">
                      <div class="container xl:max-w-6xl mx-auto px-4">
                        <!-- section header -->
                        <header class="text-center mx-auto mb-12">
                          <h2 class="text-2xl md:text-3xl leading-normal mb-2 font-bold text-gray-800 dark:text-gray-100"><span class="font-light">Our</span> Services</h2>
                          <hr class="block w-12 h-0.5 mx-auto my-5 bg-blue-700 border-blue-700">
                          <p class="text-gray-500 leading-relaxed font-light text-xl mx-auto pb-2">Save time managing advertising for your business, contact us and all will covered.</p>
                        </header><!-- end section header -->

                        <!-- row -->
                        <div class="flex flex-wrap flex-row -mx-4 text-center">
                          <div class="flex-shrink px-4 max-w-full w-full sm:w-1/2 lg:w-1/3 lg:px-6 wow fadeInUp" data-wow-duration="1s">
                            <!-- service block -->
                            <div class="p-6 mb-12 shadow rounded bg-white dark:bg-gray-800 transform transition duration-300 ease-in-out hover:-translate-y-2 hover:shadow-xl">
                              <div class="inline-block text-blue-700 mb-4">
                                <!-- 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="text-lg leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">Research</h3>
                              <p class="text-gray-500">Researching the product market situation and competitors.</p>
                            </div> <!-- end service block -->
                          </div>

                          <div class="flex-shrink px-4 max-w-full w-full sm:w-1/2 lg:w-1/3 lg:px-6 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
                            <!-- service block -->
                            <div class="p-6 mb-12 shadow rounded bg-white dark:bg-gray-800 transform transition duration-300 ease-in-out hover:-translate-y-2 hover:shadow-xl">
                              <div class="inline-block text-blue-700 mb-4">
                                <!-- 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="text-lg leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">Consultant</h3>
                              <p class="text-gray-500">Consulting with clients to find the best advertising strategy.</p>
                            </div><!-- end service block -->
                          </div>

                          <div class="flex-shrink px-4 max-w-full w-full sm:w-1/2 lg:w-1/3 lg:px-6 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s">
                            <!-- service block -->
                            <div class="p-6 mb-12 shadow rounded bg-white dark:bg-gray-800 transform transition duration-300 ease-in-out hover:-translate-y-2 hover:shadow-xl">
                              <div class="inline-block text-blue-700 mb-4">
                                <!-- 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="text-lg leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">Creative ads</h3>
                              <p class="text-gray-500">Creating effective illustrations, layouts, advertising messages.</p>
                            </div><!-- end service block -->
                          </div>

                          <div class="flex-shrink px-4 max-w-full w-full sm:w-1/2 lg:w-1/3 lg:px-6 wow fadeInUp" data-wow-duration="1s">
                            <!-- service block -->
                            <div class="p-6 mb-12 shadow rounded bg-white dark:bg-gray-800 transform transition duration-300 ease-in-out hover:-translate-y-2 hover:shadow-xl">
                              <div class="inline-block text-blue-700 mb-4">
                                <!-- 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="text-lg leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">Media Planners</h3>
                              <p class="text-gray-500">Help choose the advertising platform to promote its ads effectively.</p>
                            </div><!-- end service block -->
                          </div>

                          <div class="flex-shrink px-4 max-w-full w-full sm:w-1/2 lg:w-1/3 lg:px-6 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
                            <!-- service block -->
                            <div class="p-6 mb-12 shadow rounded bg-white dark:bg-gray-800 transform transition duration-300 ease-in-out hover:-translate-y-2 hover:shadow-xl">
                              <div class="inline-block text-blue-700 mb-4">
                                <!-- 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="text-lg leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">Advertising budget</h3>
                              <p class="text-gray-500">Manage advertising budget for low cost and high conversion rates.</p>
                            </div><!-- end service block -->
                          </div>

                          <div class="flex-shrink px-4 max-w-full w-full sm:w-1/2 lg:w-1/3 lg:px-6 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s">
                            <!-- service block -->
                            <div class="p-6 mb-12 shadow rounded bg-white dark:bg-gray-800 transform transition duration-300 ease-in-out hover:-translate-y-2 hover:shadow-xl">
                              <div class="inline-block text-blue-700 mb-4">
                                <!-- 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="text-lg leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">Optimize conversions</h3>
                              <p class="text-gray-500">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 -->
                  
                
Service Sections style 2

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 start -->
                    <div id="service" class="relative pt-20 pb-8 md:pt-24 md:pb-12 bg-gray-50 dark:bg-gray-900 dark:bg-opacity-20">
                      <div class="container xl:max-w-6xl mx-auto px-4">
                        <!-- section header -->
                        <header class="text-center mx-auto mb-12">
                          <h2 class="text-2xl md:text-3xl leading-normal mb-2 font-bold text-gray-800 dark:text-gray-100"><span class="font-light">Our</span> Services</h2>
                          <hr class="block w-12 h-0.5 mx-auto my-5 bg-blue-700 border-blue-700">
                        </header><!-- end section header -->

                        <!-- row -->
                        <div class="flex flex-wrap flex-row -mx-4">
                          <div class="flex-shrink max-w-full px-4 w-ful md:w-1/2 lg:w-1/3">
                            <div class="mb-12 px-4 wow fadeInUp" data-wow-duration="1s">
                              <div class="flex flex-wrap flex-row -mx-4">
                                <!-- icon -->
                                <div class="flex-shrink max-w-full px-4 w-1/4 text-center">
                                  <div class="inline-block text-blue-700 mb-4">
                                    <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="flex-shrink max-w-full px-4 w-9/12">
                                  <h3 class="text-lg leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">Visual Identity & Logo</h3>
                                  <p class="text-gray-500">Find what you need in one template and combine will make your site look professional.</p>
                                </div>
                              </div>
                            </div>
                          </div>

                          <div class="flex-shrink max-w-full px-4 w-ful md:w-1/2 lg:w-1/3">
                            <div class="mb-12 px-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
                              <div class="flex flex-wrap flex-row -mx-4">
                                <!-- icon -->
                                <div class="flex-shrink max-w-full px-4 w-1/4 text-center">
                                  <div class="inline-block text-blue-700 mb-4">
                                    <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="flex-shrink max-w-full px-4 w-9/12">
                                  <h3 class="text-lg leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">Brand Naming</h3>
                                  <p class="text-gray-500">Find what you need in one template and combine will make your site look professional.</p>
                                </div>
                              </div>
                            </div>
                          </div>

                          <div class="flex-shrink max-w-full px-4 w-ful md:w-1/2 lg:w-1/3">
                            <div class="mb-12 px-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s">
                              <div class="flex flex-wrap flex-row -mx-4">
                                <!-- icon -->
                                <div class="flex-shrink max-w-full px-4 w-1/4 text-center">
                                  <div class="inline-block text-blue-700 mb-4">
                                    <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="flex-shrink max-w-full px-4 w-9/12">
                                  <h3 class="text-lg leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">Tagline Development</h3>
                                  <p class="text-gray-500">Find what you need in one template and combine will make your site look professional.</p>
                                </div>
                              </div>
                            </div>
                          </div>

                          <div class="flex-shrink max-w-full px-4 w-ful md:w-1/2 lg:w-1/3">
                            <div class="mb-12 px-4 wow fadeInUp" data-wow-duration="1s">
                              <div class="flex flex-wrap flex-row -mx-4">
                                <!-- icon -->
                                <div class="flex-shrink max-w-full px-4 w-1/4 text-center">
                                  <div class="inline-block text-blue-700 mb-4">
                                    <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="flex-shrink max-w-full px-4 w-9/12">
                                  <h3 class="text-lg leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">Defining brand Vision</h3>
                                  <p class="text-gray-500">Find what you need in one template and combine will make your site look professional.</p>
                                </div>
                              </div>
                            </div>
                          </div>

                          <div class="flex-shrink max-w-full px-4 w-ful md:w-1/2 lg:w-1/3">
                            <div class="mb-12 px-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
                              <div class="flex flex-wrap flex-row -mx-4">
                                <!-- icon -->
                                <div class="flex-shrink max-w-full px-4 w-1/4 text-center">
                                  <div class="inline-block text-blue-700 mb-4">
                                    <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="flex-shrink max-w-full px-4 w-9/12">
                                  <h3 class="text-lg leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">Brand Identity Guideline</h3>
                                  <p class="text-gray-500">Find what you need in one template and combine will make your site look professional.</p>
                                </div>
                              </div>
                            </div>
                          </div>

                          <div class="flex-shrink max-w-full px-4 w-ful md:w-1/2 lg:w-1/3">
                            <div class="mb-12 px-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s">
                              <div class="flex flex-wrap flex-row -mx-4">
                                <!-- icon -->
                                <div class="flex-shrink max-w-full px-4 w-1/4 text-center">
                                  <div class="inline-block text-blue-700 mb-4">
                                    <!-- <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="flex-shrink max-w-full px-4 w-9/12">
                                  <h3 class="text-lg leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">Brand Research</h3>
                                  <p class="text-gray-500">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 -->
                  
                
Service Sections style 3

Our Services


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.

                  
                    <!-- services start -->
                    <div id="service" class="relative pt-20 pb-8 md:pt-24 md:pb-12 bg-white dark:bg-gray-800">
                      <div class="container xl:max-w-6xl mx-auto px-4">
                        <!-- section header -->
                        <header class="text-center mx-auto mb-12">
                          <h2 class="text-2xl md:text-3xl leading-normal mb-2 font-bold text-gray-800 dark:text-gray-100"><span class="font-light">Our</span> Services</h2>
                          <hr class="block w-12 h-0.5 mx-auto my-5 bg-blue-700 border-blue-700">
                        </header><!-- end section header -->

                        <!-- row -->
                        <div class="flex flex-wrap flex-row -mx-4 text-center">
                          <div class="flex-shrink max-w-full px-4 w-full sm:w-1/2 lg:w-1/3">
                            <!-- service block -->
                            <div class="px-4 mb-12 wow fadeInUp" data-wow-duration="1s">
                              <div class="relative w-20 h-20 mx-auto text-blue-700 p-6 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-900 dark:bg-opacity-20 dark:border-gray-800 mb-6">
                                <!-- icon -->
                                <div class="absolute top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2">
                                  <svg xmlns="http://www.w3.org/2000/svg" class="inline-block" 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 mb-2">Web Development</h3>
                              <p class="text-gray-500">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                            </div> <!-- end service block -->
                          </div>

                          <div class="flex-shrink max-w-full px-4 w-full sm:w-1/2 lg:w-1/3">
                            <!-- service block -->
                            <div class="px-4 mb-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
                              <div class="relative w-20 h-20 mx-auto text-blue-700 p-6 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-900 dark:bg-opacity-20 dark:border-gray-800 mb-6">
                                <!-- icon -->
                                <div class="absolute top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2">
                                  <svg xmlns="http://www.w3.org/2000/svg" class="inline-block" 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 mb-2">Digital Marketing</h3>
                              <p class="text-gray-500">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>             
                            </div><!-- end service block -->
                          </div>

                          <div class="flex-shrink max-w-full px-4 w-full sm:w-1/2 lg:w-1/3">
                            <!-- service block -->
                            <div class="px-4 mb-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s">
                              <div class="relative w-20 h-20 mx-auto text-blue-700 p-6 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-900 dark:bg-opacity-20 dark:border-gray-800 mb-6">
                                <!-- icon -->
                                <div class="absolute top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2">
                                  <svg xmlns="http://www.w3.org/2000/svg" class="inline-block" 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 mb-2">Search Engine Optimization</h3>
                              <p class="text-gray-500">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>         
                            </div><!-- end service block -->
                          </div>

                          <div class="flex-shrink max-w-full px-4 w-full sm:w-1/2 lg:w-1/3">
                            <!-- service block -->
                            <div class="px-4 mb-12 wow fadeInUp" data-wow-duration="1s">
                              <div class="relative w-20 h-20 mx-auto text-blue-700 p-6 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-900 dark:bg-opacity-20 dark:border-gray-800 mb-6">
                                <!-- icon -->
                                <div class="absolute top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2">
                                  <svg xmlns="http://www.w3.org/2000/svg" class="inline-block" 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 mb-2">Brand Identity</h3>
                              <p class="text-gray-500">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                            </div><!-- end service block -->
                          </div>

                          <div class="flex-shrink max-w-full px-4 w-full sm:w-1/2 lg:w-1/3">
                            <!-- service block -->
                            <div class="px-4 mb-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
                              <div class="relative w-20 h-20 mx-auto text-blue-700 p-6 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-900 dark:bg-opacity-20 dark:border-gray-800 mb-6">
                                <!-- icon -->
                                <div class="absolute top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2">
                                  <svg xmlns="http://www.w3.org/2000/svg" class="inline-block" 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 mb-2">Social Media Marketing</h3>
                              <p class="text-gray-500">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>              
                            </div><!-- end service block -->
                          </div>

                          <div class="flex-shrink max-w-full px-4 w-full sm:w-1/2 lg:w-1/3">
                            <!-- service block -->
                            <div class="px-4 mb-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s">
                              <div class="relative w-20 h-20 mx-auto text-blue-700 p-6 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-900 dark:bg-opacity-20 dark:border-gray-800 mb-6">
                                <!-- icon -->
                                <div class="absolute top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2">
                                  <svg xmlns="http://www.w3.org/2000/svg" class="inline-block" 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>
                                </div>
                              </div>
                              <h3 class="h5 mb-2">Mobile Apps Development</h3>
                              <p class="text-gray-500">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>           
                            </div><!-- end service block -->
                          </div>
                        </div><!-- end row -->
                      </div>
                    </div><!-- end services -->
                  
                
Service Sections style 4

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
  • Unlimited Revisions
  • Dedicated Designer
  • One Flat Monthly Fee
  • Free Stock Photos
                  
                    <!-- Services start -->
                    <div id="services" class="relative pt-20 pb-8 md:pt-24 md:pb-12 bg-white dark:bg-gray-800">
                      <div class="container xl:max-w-6xl mx-auto px-4">
                        <!-- section header -->
                        <header class="text-center mx-auto mb-12 lg:px-20">
                          <h2 class="text-2xl md:text-3xl leading-normal mb-2 font-bold text-gray-800 dark:text-gray-100"><span class="font-light">Our</span> Services</h2>
                          <hr class="block w-12 h-0.5 mx-auto my-5 bg-blue-700 border-blue-700">
                          <p class="text-gray-500 leading-relaxed font-light text-xl mx-auto pb-2">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="flex flex-wrap flex-row -mx-4">
                          <div class="max-w-full px-4 w-full sm:w-1/2 lg:w-1/4">
                            <!-- service block -->
                            <div class="py-5 px-6 border rounded bg-gray-50 dark:bg-gray-900 dark:bg-opacity-20 dark:border-gray-800 mb-12 wow fadeInUp" data-wow-duration="1s">
                              <h3 class="text-lg leading-normal mb-2 font-semibold text-gray-700 capitalize dark:text-gray-200">Design Identity</h3>
                              <ul class="text-gray-500">
                                <li class="py-2 list-disc list-inside">Logo Design</li>
                                <li class="py-2 list-disc list-inside">Visual Guideline</li>
                                <li class="py-2 list-disc list-inside">Brand Identity</li>
                                <li class="py-2 list-disc list-inside">Brand Applications</li>
                                <li class="py-2 list-disc list-inside">Visual Identity</li>
                              </ul>
                            </div><!-- end service block -->
                          </div>

                          <div class="max-w-full px-4 w-full sm:w-1/2 lg:w-1/4">
                            <!-- service block -->
                            <div class="py-5 px-6 border rounded bg-gray-50 dark:bg-gray-900 dark:bg-opacity-20 dark:border-gray-800 mb-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
                              <h3 class="text-lg leading-normal mb-2 font-semibold text-gray-700 capitalize dark:text-gray-200">Printed</h3>
                              <ul class="text-gray-500">
                                <li class="py-2 list-disc list-inside">Marketing Collateral</li>
                                <li class="py-2 list-disc list-inside">Packaging Design</li>
                                <li class="py-2 list-disc list-inside">Profile Card</li>
                                <li class="py-2 list-disc list-inside">Calendar Design</li>
                                <li class="py-2 list-disc list-inside">Annual Report</li>
                              </ul>
                            </div><!-- end service block -->
                          </div>

                          <div class="max-w-full px-4 w-full sm:w-1/2 lg:w-1/4">
                            <!-- service block -->
                            <div class="py-5 px-6 border rounded bg-gray-50 dark:bg-gray-900 dark:bg-opacity-20 dark:border-gray-800 mb-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s">
                              <h3 class="text-lg leading-normal mb-2 font-semibold text-gray-700 capitalize dark:text-gray-200">Digital Design</h3>
                              <ul class="text-gray-500">
                                <li class="py-2 list-disc list-inside">Web Development</li>
                                <li class="py-2 list-disc list-inside">UI/UX Design</li>
                                <li class="py-2 list-disc list-inside">Videography</li>
                                <li class="py-2 list-disc list-inside">Banner Ads Design</li>
                                <li class="py-2 list-disc list-inside">Photography</li>
                              </ul>
                            </div><!-- end service block -->
                          </div>

                          <div class="max-w-full px-4 w-full sm:w-1/2 lg:w-1/4">
                            <!-- service block -->
                            <div class="py-5 px-6 border rounded bg-gray-50 dark:bg-gray-900 dark:bg-opacity-20 dark:border-gray-800 mb-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".5s">
                              <h3 class="text-lg leading-normal mb-2 font-semibold text-gray-700 capitalize dark:text-gray-200">Subscriptions</h3>
                              <ul class="text-gray-500">
                                <li class="py-2 list-disc list-inside">Unlimited Design</li>
                                <li class="py-2 list-disc list-inside">Unlimited Revisions</li>
                                <li class="py-2 list-disc list-inside">Dedicated Designer</li>
                                <li class="py-2 list-disc list-inside">One Flat Monthly Fee</li>
                                <li class="py-2 list-disc list-inside">Free Stock Photos</li>
                              </ul>
                            </div><!-- end service block -->
                          </div>
                        </div><!-- end row -->
                      </div>
                    </div><!-- end section -->
                  
                
Service Sections style 5

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.

                  
                    <!-- Services start -->
                    <div id="service" class="relative pt-20 pb-8 md:pt-24 md:pb-12 bg-gray-50 dark:bg-gray-900 dark:bg-opacity-20">
                      <div class="container xl:max-w-6xl mx-auto px-4">
                        <!-- section header -->
                        <header class="text-center mx-auto mb-12 lg:px-20">
                          <h2 class="text-2xl md:text-3xl leading-normal mb-2 font-bold text-gray-800 dark:text-gray-100"><span class="font-light">Our</span> Services</h2>
                          <hr class="block w-12 h-0.5 mx-auto my-5 bg-blue-700 border-blue-700">
                          <p class="text-gray-500 leading-relaxed font-light text-xl mx-auto pb-2">We provide high quality service to meet the needs of clients</p>
                        </header><!-- end section header -->

                        <!-- row -->
                        <div class="flex flex-wrap flex-row -mx-4">
                          <div class="lex-shrink max-w-full px-4 w-full md:w-1/2 lg:w-1/3 lg:px-6">
                            <!-- features block -->
                            <div class="relative p-6 bg-white dark:bg-gray-800 mb-12 rounded shadow hover:shadow-xl transform transition duration-300 ease-in-out hover:-translate-y-2 wow fadeInUp" data-wow-duration="1s">
                              <div class="absolute top-6 ltr:right-10 rtl:left-10 max-w-24 text-center z-0 text-blue-700">
                                <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="ltr:pr-11 rtl:pl-11">
                                <h3 class="text-xl leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">Search Engine Marketing</h3>
                                <p class="text-gray-500">Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.</p>
                              </div>
                              <div class="w-24 h-1 mt-4 bg-opacity-70 bg-blue-700"></div>
                            </div><!-- end features block -->
                          </div>

                          <div class="lex-shrink max-w-full px-4 w-full md:w-1/2 lg:w-1/3 lg:px-6">
                            <!-- features block -->
                            <div class="relative p-6 bg-white dark:bg-gray-800 mb-12 rounded shadow hover:shadow-xl transform transition duration-300 ease-in-out hover:-translate-y-2 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
                              <div class="absolute top-6 ltr:right-10 rtl:left-10 max-w-24 text-center z-0 text-blue-700">
                                <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="ltr:pr-11 rtl:pl-11">
                                <h3 class="text-xl leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">Email Marketing</h3>
                                <p class="text-gray-500">Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.</p>
                              </div>
                              <div class="w-24 h-1 mt-4 bg-opacity-70 bg-blue-700"></div>
                            </div><!-- end features block -->
                          </div>

                          <div class="lex-shrink max-w-full px-4 w-full md:w-1/2 lg:w-1/3 lg:px-6">
                            <!-- features block -->
                            <div class="relative p-6 bg-white dark:bg-gray-800 mb-12 rounded shadow hover:shadow-xl transform transition duration-300 ease-in-out hover:-translate-y-2 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s">
                              <div class="absolute top-6 ltr:right-10 rtl:left-10 max-w-24 text-center z-0 text-blue-700">
                                <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="ltr:pr-11 rtl:pl-11">
                                <h3 class="text-xl leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">Social Media Marketing</h3>
                                <p class="text-gray-500">Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.</p>
                              </div>
                              <div class="w-24 h-1 mt-4 bg-opacity-70 bg-blue-700"></div>
                            </div><!-- end features block -->
                          </div>

                          <div class="lex-shrink max-w-full px-4 w-full md:w-1/2 lg:w-1/3 lg:px-6">
                            <!-- features block -->
                            <div class="relative p-6 bg-white dark:bg-gray-800 mb-12 rounded shadow hover:shadow-xl transform transition duration-300 ease-in-out hover:-translate-y-2 wow fadeInUp" data-wow-duration="1s">
                              <div class="absolute top-6 ltr:right-10 rtl:left-10 max-w-24 text-center z-0 text-blue-700">
                                <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="ltr:pr-11 rtl:pl-11">
                                <h3 class="text-xl leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">Digital Advertising & PPC</h3>
                                <p class="text-gray-500">Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.</p>
                              </div>
                              <div class="w-24 h-1 mt-4 bg-opacity-70 bg-blue-700"></div>
                            </div><!-- end features block -->
                          </div>

                          <div class="lex-shrink max-w-full px-4 w-full md:w-1/2 lg:w-1/3 lg:px-6">
                            <!-- features block -->
                            <div class="relative p-6 bg-white dark:bg-gray-800 mb-12 rounded shadow hover:shadow-xl transform transition duration-300 ease-in-out hover:-translate-y-2 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
                              <div class="absolute top-6 ltr:right-10 rtl:left-10 max-w-24 text-center z-0 text-blue-700">
                                <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="ltr:pr-11 rtl:pl-11">
                                <h3 class="text-xl leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">Creative & Content</h3>
                                <p class="text-gray-500">Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.</p>
                              </div>
                              <div class="w-24 h-1 mt-4 bg-opacity-70 bg-blue-700"></div>
                            </div><!-- end features block -->
                          </div>

                          <div class="lex-shrink max-w-full px-4 w-full md:w-1/2 lg:w-1/3 lg:px-6">
                            <!-- features block -->
                            <div class="relative p-6 bg-white dark:bg-gray-800 mb-12 rounded shadow hover:shadow-xl transform transition duration-300 ease-in-out hover:-translate-y-2 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s">
                              <div class="absolute top-6 ltr:right-10 rtl:left-10 max-w-24 text-center z-0 text-blue-700">
                                <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="ltr:pr-11 rtl:pl-11">
                                <h3 class="text-xl leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">Digital Media Analytic</h3>
                                <p class="text-gray-500">Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.</p>
                              </div>
                              <div class="w-24 h-1 mt-4 bg-opacity-70 bg-blue-700"></div>
                            </div><!-- end features block -->
                          </div>
                        </div><!-- end row -->
                      </div>
                    </div><!-- End Service -->
                  
                
Service Sections style 6

App Development Services


We provide app design and app development services
for every stage of your mobile project.

User Experience Design

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

UI/UX App Design

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

App Development

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

App Maintenance

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

Playstore and Appstore

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

Redesign App

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

                  
                    <!-- Services start -->
                    <div id="services" class="relative pt-20 pb-8 md:pt-24 md:pb-12 bg-gray-50 dark:bg-gray-900 dark:bg-opacity-20">
                      <div class="container xl:max-w-6xl mx-auto px-4">
                        <!-- section header -->
                        <header class="text-center mx-auto mb-12 lg:px-20">
                          <h2 class="text-2xl md:text-3xl leading-normal mb-2 font-bold text-gray-800 dark:text-gray-100">App Development Services</h2>
                          <hr class="block w-12 h-0.5 mx-auto my-5 bg-indigo-700 border-indigo-700">
                          <p class="text-gray-500 leading-relaxed font-light text-xl mx-auto pb-2">We provide app design and app development services<br> for every stage of your mobile project.</p>
                        </header><!-- end section header -->

                        <!-- row -->
                        <div class="flex flex-wrap flex-row -mx-4 items-center justify-around">
                          <div class="flex-shrink max-w-full px-4 w-full lg:w-1/2">
                            <div class="p-6 bg-white dark:bg-gray-800 mx-4 mb-12 rounded-md shadow wow fadeInUp" data-wow-duration="1s">
                              <div class="flex rounded items-center ltr:pl-4 rtl:pr-4 ltr:pr-1 rtl:pl-1 md:px-1 py-2 bg-white dark:bg-gray-800">
                                <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" class="inline-block text-indigo-700 ltr:mr-3 rtl:ml-3" fill="currentColor" viewBox="0 0 512 512"><path d="M344,144c-3.92,52.87-44,96-88,96s-84.15-43.12-88-96c-4-55,35-96,88-96S348,90,344,144Z" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path d="M256,304c-87,0-175.3,48-191.64,138.6C62.39,453.52,68.57,464,80,464H432c11.44,0,17.62-10.48,15.65-21.4C431.3,352,343,304,256,304Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/></svg>
                                <h3 class="text-lg leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">User Experience Design</h3>
                              </div>
                              <p class="text-gray-100">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
                            </div>
                          </div>

                          <div class="flex-shrink max-w-full px-4 w-full lg:w-1/2">
                            <div class="p-6 bg-white dark:bg-gray-800 mx-4 mb-12 rounded-md shadow wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
                              <div class="flex rounded items-center ltr:pl-4 rtl:pr-4 ltr:pr-1 rtl:pl-1 md:px-1 py-2 bg-white dark:bg-gray-800">
                                <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" fill="currentColor"  class="inline-block text-indigo-700 ltr:mr-3 rtl:ml-3" viewBox="0 0 16 16">
                                  <path d="M6.192 2.78c-.458-.677-.927-1.248-1.35-1.643a2.972 2.972 0 0 0-.71-.515c-.217-.104-.56-.205-.882-.02-.367.213-.427.63-.43.896-.003.304.064.664.173 1.044.196.686.555 1.528 1.035 2.401L.752 8.22c-.277.277-.269.656-.218.918.055.283.187.593.36.903.348.627.92 1.361 1.626 2.068.707.706 1.44 1.278 2.068 1.626.31.173.62.305.903.36.262.05.64.059.918-.219l5.615-5.614c.118.257.092.512.049.939-.03.292-.067.665-.072 1.176v.123h.003a1 1 0 0 0 1.993 0H14a3.657 3.657 0 0 0-.004-.174c-.055-1.25-.7-2.738-1.86-3.494a4.3 4.3 0 0 0-.212-.434c-.348-.626-.92-1.36-1.626-2.067-.707-.707-1.441-1.279-2.068-1.627-.31-.172-.62-.304-.903-.36-.262-.05-.641-.058-.918.219l-.217.216zM4.16 1.867c.381.356.844.922 1.311 1.632l-.704.705c-.382-.727-.66-1.403-.813-1.938a3.284 3.284 0 0 1-.132-.673c.092.061.205.15.338.274zm.393 3.964c.54.853 1.108 1.568 1.608 2.034a.5.5 0 1 0 .682-.732c-.453-.422-1.017-1.136-1.564-2.027l1.088-1.088c.054.12.115.243.183.365.349.627.92 1.361 1.627 2.068.706.707 1.44 1.278 2.068 1.626a4.5 4.5 0 0 0 .365.183l-4.861 4.861a.567.567 0 0 1-.068-.01c-.137-.026-.342-.104-.608-.251-.525-.292-1.186-.8-1.846-1.46-.66-.66-1.168-1.32-1.46-1.846-.147-.265-.225-.47-.251-.607a.573.573 0 0 1-.01-.068l3.047-3.048zm2.871-1.934a2.44 2.44 0 0 1-.241-.561c.135.033.324.11.562.241.524.292 1.186.8 1.846 1.46.45.45.83.901 1.118 1.31a3.497 3.497 0 0 0-1.066.091 11.27 11.27 0 0 1-.76-.694c-.66-.66-1.167-1.322-1.459-1.847z"/>
                                </svg>
                                <h3 class="text-lg leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">UI/UX App Design</h3>
                              </div>
                              <p class="text-gray-100">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
                            </div>
                          </div>

                          <div class="flex-shrink max-w-full px-4 w-full lg:w-1/2">
                            <div class="p-6 bg-white dark:bg-gray-800 mx-4 mb-12 rounded-md shadow wow fadeInUp" data-wow-duration="1s">
                              <div class="flex rounded items-center ltr:pl-4 rtl:pr-4 ltr:pr-1 rtl:pl-1 md:px-1 py-2 bg-white dark:bg-gray-800">
                                <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" fill="currentColor" class="inline-block text-indigo-700 ltr:mr-3 rtl:ml-3" viewBox="0 0 16 16">
                                  <path d="M5.5 2A3.5 3.5 0 0 0 2 5.5v5A3.5 3.5 0 0 0 5.5 14h5a3.5 3.5 0 0 0 3.5-3.5V8a.5.5 0 0 1 1 0v2.5a4.5 4.5 0 0 1-4.5 4.5h-5A4.5 4.5 0 0 1 1 10.5v-5A4.5 4.5 0 0 1 5.5 1H8a.5.5 0 0 1 0 1H5.5z"/>
                                  <path d="M16 3a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
                                </svg>
                                <h3 class="text-lg leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">App Development</h3>
                              </div>
                              <p class="text-gray-100">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
                            </div>
                          </div>

                          <div class="flex-shrink max-w-full px-4 w-full lg:w-1/2">
                            <div class="p-6 bg-white dark:bg-gray-800 mx-4 mb-12 rounded-md shadow wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
                              <div class="flex rounded items-center ltr:pl-4 rtl:pr-4 ltr:pr-1 rtl:pl-1 md:px-1 py-2 bg-white dark:bg-gray-800">
                                <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" fill="currentColor" class="inline-block text-indigo-700 ltr:mr-3 rtl:ml-3" 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>
                                <h3 class="text-lg leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">App Maintenance</h3>
                              </div>
                              <p class="text-gray-100">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
                            </div>
                          </div>

                          <div class="flex-shrink max-w-full px-4 w-full lg:w-1/2">
                            <div class="p-6 bg-white dark:bg-gray-800 mx-4 mb-12 rounded-md shadow wow fadeInUp" data-wow-duration="1s">
                              <div class="flex rounded items-center ltr:pl-4 rtl:pr-4 ltr:pr-1 rtl:pl-1 md:px-1 py-2 bg-white dark:bg-gray-800">
                                <svg xmlns="http://www.w3.org/2000/svg" class="inline-block text-indigo-700 ltr:mr-3 rtl:ml-3" width="2rem" height="2rem" fill="currentColor" viewBox="0 0 512 512"><path d="M48,59.49v393a4.33,4.33,0,0,0,7.37,3.07L260,256,55.37,56.42A4.33,4.33,0,0,0,48,59.49Z"/><path d="M345.8,174,89.22,32.64l-.16-.09c-4.42-2.4-8.62,3.58-5,7.06L285.19,231.93Z"/><path d="M84.08,472.39c-3.64,3.48.56,9.46,5,7.06l.16-.09L345.8,338l-60.61-57.95Z"/><path d="M449.38,231l-71.65-39.46L310.36,256l67.37,64.43L449.38,281C468.87,270.23,468.87,241.77,449.38,231Z"/></svg>
                                <h3 class="text-lg leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">Playstore and Appstore</h3>
                              </div>
                              <p class="text-gray-100">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
                            </div>
                          </div>

                          <div class="flex-shrink max-w-full px-4 w-full lg:w-1/2">
                            <div class="p-6 bg-white dark:bg-gray-800 mx-4 mb-12 rounded-md shadow wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
                              <div class="flex rounded items-center ltr:pl-4 rtl:pr-4 ltr:pr-1 rtl:pl-1 md:px-1 py-2 bg-white dark:bg-gray-800">
                                <!-- <i class="far fa-lightbulb me-3 fa-2x text-primary"></i> -->
                                <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" class="inline-block text-indigo-700 ltr:mr-3 rtl:ml-3" fill="currentColor" viewBox="0 0 512 512"><path d="M304,384V360c0-29,31.54-56.43,52-76,28.84-27.57,44-64.61,44-108,0-80-63.73-144-144-144A143.6,143.6,0,0,0,112,176c0,41.84,15.81,81.39,44,108,20.35,19.21,52,46.7,52,76v24" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="224" y1="480" x2="288" y2="480" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="208" y1="432" x2="304" y2="432" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="256" y1="384" x2="256" y2="256" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path d="M294,240s-21.51,16-38,16-38-16-38-16" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
                                <h3 class="text-lg leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">Redesign App</h3>
                              </div>
                              <p class="text-gray-100">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
                            </div>
                          </div>
                        </div>
                        <!-- end row -->
                      </div>
                    </div><!-- End Services -->
                  
                
Service Sections style 7

SEO Services


Keyword Analysis

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Search Engine Optimization

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Optimize Website Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Optimize Tracking

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

SEO Planning

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Optimize Backlink

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

                  
                    <!-- Services start -->
                    <div id="service" class="relative pt-20 pb-8 md:pt-24 md:pb-12 bg-gray-50 dark:bg-gray-900 dark:bg-opacity-20">
                      <div class="container xl:max-w-6xl mx-auto px-4">
                        <!-- section header -->
                        <header class="text-center mx-auto mb-20 lg:px-20">
                          <h2 class="text-2xl md:text-3xl leading-normal mb-2 font-bold text-gray-800 dark:text-gray-100"><span class="font-light">SEO</span> Services</h2>
                          <hr class="block w-12 h-0.5 mx-auto my-5 bg-blue-700 border-blue-700">
                        </header><!-- end section header -->

                        <!-- row -->
                        <div class="flex flex-wrap flex-row justify-center -mx-4">
                          <div class="flex-shrink max-w-full px-4 w-11/12 sm:w-1/2 lg:w-1/3">
                            <!-- service block -->
                            <div class="relative bg-white dark:bg-gray-800 shadow rounded-xl hover:shadow-xl transform transition duration-300 ease-in-out hover:-translate-y-2 text-center mb-24 wow fadeInUp" data-wow-duration="1s">
                              <div class="w-16 h-16 mx-auto rounded-full pt-4 bg-blue-700 absolute inset-x-0 -top-7 text-white border border-gray-200 dark:border-gray-700">
                                <span class="inline-block">
                                  <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" fill="currentColor" class="bi bi-card-checklist inline-block" 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>
                                    <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"></path>
                                  </svg>
                                </span>
                              </div>
                              <div class="relative pt-12 pb-6 px-6">
                                <h3 class="text-lg leading-normal mb-2 font-semibold text-gray-800 mt-4 dark:text-gray-100">Keyword Analysis</h3>
                                <p class="mb-4 text-gray-500">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                <a href="#" class="absolute w-10 h-10 block bg-white rounded-full border border-gray-200 dark:bg-gray-800 dark:border-gray-700 -bottom-5 inset-x-0 mx-auto hover:text-blue-700" title="Read More">
                                  <!-- <i class="fa fa-plus"></i> -->
                                  <svg class="inline-block mt-1" 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="flex-shrink max-w-full px-4 w-11/12 sm:w-1/2 lg:w-1/3">
                            <!-- service block -->
                            <div class="relative bg-white dark:bg-gray-800 shadow rounded-xl hover:shadow-xl transform transition duration-300 ease-in-out hover:-translate-y-2 text-center mb-24 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
                              <div class="w-16 h-16 mx-auto rounded-full pt-4 bg-blue-700 absolute inset-x-0 -top-7 text-white border border-gray-200 dark:border-gray-700">
                                <span class="inline-block">
                                  <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="relative pt-12 pb-6 px-6">
                                <h3 class="text-lg leading-normal mb-2 font-semibold text-gray-800 mt-4 dark:text-gray-100">Search Engine Optimization</h3>
                                <p class="mb-4 text-gray-500">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                <a href="#" class="absolute w-10 h-10 block bg-white rounded-full border border-gray-200 dark:bg-gray-800 dark:border-gray-700 -bottom-5 inset-x-0 mx-auto hover:text-blue-700" title="Read More">
                                  <!-- <i class="fa fa-plus"></i> -->
                                  <svg class="inline-block mt-1" 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="flex-shrink max-w-full px-4 w-11/12 sm:w-1/2 lg:w-1/3">
                            <!-- service block -->
                            <div class="relative bg-white dark:bg-gray-800 shadow rounded-xl hover:shadow-xl transform transition duration-300 ease-in-out hover:-translate-y-2 text-center mb-24 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s">
                              <div class="w-16 h-16 mx-auto rounded-full pt-4 bg-blue-700 absolute inset-x-0 -top-7 text-white border border-gray-200 dark:border-gray-700">
                                <span class="inline-block">
                                  <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" fill="currentColor" class="bi bi-window-sidebar inline-block" viewBox="0 0 16 16">
                                    <path d="M2.5 4a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zm2-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm1 .5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1z"></path>
                                    <path d="M2 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2zm12 1a1 1 0 0 1 1 1v2H1V3a1 1 0 0 1 1-1h12zM1 13V6h4v8H2a1 1 0 0 1-1-1zm5 1V6h9v7a1 1 0 0 1-1 1H6z"></path>
                                  </svg>
                                </span>
                              </div>
                              <div class="relative pt-12 pb-6 px-6">
                                <h3 class="text-lg leading-normal mb-2 font-semibold text-gray-800 mt-4 dark:text-gray-100">Optimize Website Content</h3>
                                <p class="mb-4 text-gray-500">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                <a href="#" class="absolute w-10 h-10 block bg-white rounded-full border border-gray-200 dark:bg-gray-800 dark:border-gray-700 -bottom-5 inset-x-0 mx-auto hover:text-blue-700" title="Read More">
                                  <!-- <i class="fa fa-plus"></i> -->
                                  <svg class="inline-block mt-1" 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="flex-shrink max-w-full px-4 w-11/12 sm:w-1/2 lg:w-1/3">
                            <!-- service block -->
                            <div class="relative bg-white dark:bg-gray-800 shadow rounded-xl hover:shadow-xl transform transition duration-300 ease-in-out hover:-translate-y-2 text-center mb-24 wow fadeInUp" data-wow-duration="1s">
                              <div class="w-16 h-16 mx-auto rounded-full pt-4 bg-blue-700 absolute inset-x-0 -top-7 text-white border border-gray-200 dark:border-gray-700">
                                <span class="inline-block">
                                  <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" fill="currentColor" class="bi bi-signpost inline-block" viewBox="0 0 16 16">
                                    <path d="M7 1.414V4H2a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h5v6h2v-6h3.532a1 1 0 0 0 .768-.36l1.933-2.32a.5.5 0 0 0 0-.64L13.3 4.36a1 1 0 0 0-.768-.36H9V1.414a1 1 0 0 0-2 0zM12.532 5l1.666 2-1.666 2H2V5h10.532z"></path>
                                  </svg>
                                </span>
                              </div>
                              <div class="relative pt-12 pb-6 px-6">
                                <h3 class="text-lg leading-normal mb-2 font-semibold text-gray-800 mt-4 dark:text-gray-100">Optimize Tracking</h3>
                                <p class="mb-4 text-gray-500">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                <a href="#" class="absolute w-10 h-10 block bg-white rounded-full border border-gray-200 dark:bg-gray-800 dark:border-gray-700 -bottom-5 inset-x-0 mx-auto hover:text-blue-700" title="Read More">
                                  <!-- <i class="fa fa-plus"></i> -->
                                  <svg class="inline-block mt-1" 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="flex-shrink max-w-full px-4 w-11/12 sm:w-1/2 lg:w-1/3">
                            <!-- service block -->
                            <div class="relative bg-white dark:bg-gray-800 shadow rounded-xl hover:shadow-xl transform transition duration-300 ease-in-out hover:-translate-y-2 text-center mb-24 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
                              <div class="w-16 h-16 mx-auto rounded-full pt-4 bg-blue-700 absolute inset-x-0 -top-7 text-white border border-gray-200 dark:border-gray-700">
                                <span class="inline-block">
                                  <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" fill="currentColor" class="bi bi-globe2 inline-block" viewBox="0 0 16 16">
                                    <path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855-.143.268-.276.56-.395.872.705.157 1.472.257 2.282.287V1.077zM4.249 3.539c.142-.384.304-.744.481-1.078a6.7 6.7 0 0 1 .597-.933A7.01 7.01 0 0 0 3.051 3.05c.362.184.763.349 1.198.49zM3.509 7.5c.036-1.07.188-2.087.436-3.008a9.124 9.124 0 0 1-1.565-.667A6.964 6.964 0 0 0 1.018 7.5h2.49zm1.4-2.741a12.344 12.344 0 0 0-.4 2.741H7.5V5.091c-.91-.03-1.783-.145-2.591-.332zM8.5 5.09V7.5h2.99a12.342 12.342 0 0 0-.399-2.741c-.808.187-1.681.301-2.591.332zM4.51 8.5c.035.987.176 1.914.399 2.741A13.612 13.612 0 0 1 7.5 10.91V8.5H4.51zm3.99 0v2.409c.91.03 1.783.145 2.591.332.223-.827.364-1.754.4-2.741H8.5zm-3.282 3.696c.12.312.252.604.395.872.552 1.035 1.218 1.65 1.887 1.855V11.91c-.81.03-1.577.13-2.282.287zm.11 2.276a6.696 6.696 0 0 1-.598-.933 8.853 8.853 0 0 1-.481-1.079 8.38 8.38 0 0 0-1.198.49 7.01 7.01 0 0 0 2.276 1.522zm-1.383-2.964A13.36 13.36 0 0 1 3.508 8.5h-2.49a6.963 6.963 0 0 0 1.362 3.675c.47-.258.995-.482 1.565-.667zm6.728 2.964a7.009 7.009 0 0 0 2.275-1.521 8.376 8.376 0 0 0-1.197-.49 8.853 8.853 0 0 1-.481 1.078 6.688 6.688 0 0 1-.597.933zM8.5 11.909v3.014c.67-.204 1.335-.82 1.887-1.855.143-.268.276-.56.395-.872A12.63 12.63 0 0 0 8.5 11.91zm3.555-.401c.57.185 1.095.409 1.565.667A6.963 6.963 0 0 0 14.982 8.5h-2.49a13.36 13.36 0 0 1-.437 3.008zM14.982 7.5a6.963 6.963 0 0 0-1.362-3.675c-.47.258-.995.482-1.565.667.248.92.4 1.938.437 3.008h2.49zM11.27 2.461c.177.334.339.694.482 1.078a8.368 8.368 0 0 0 1.196-.49 7.01 7.01 0 0 0-2.275-1.52c.218.283.418.597.597.932zm-.488 1.343a7.765 7.765 0 0 0-.395-.872C9.835 1.897 9.17 1.282 8.5 1.077V4.09c.81-.03 1.577-.13 2.282-.287z"></path>
                                  </svg>
                                </span>
                              </div>
                              <div class="relative pt-12 pb-6 px-6">
                                <h3 class="text-lg leading-normal mb-2 font-semibold text-gray-800 mt-4 dark:text-gray-100">SEO Planning</h3>
                                <p class="mb-4 text-gray-500">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                <a href="#" class="absolute w-10 h-10 block bg-white rounded-full border border-gray-200 dark:bg-gray-800 dark:border-gray-700 -bottom-5 inset-x-0 mx-auto hover:text-blue-700" title="Read More">
                                  <!-- <i class="fa fa-plus"></i> -->
                                  <svg class="inline-block mt-1" 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="flex-shrink max-w-full px-4 w-11/12 sm:w-1/2 lg:w-1/3">
                            <!-- service block -->
                            <div class="relative bg-white dark:bg-gray-800 shadow rounded-xl hover:shadow-xl transform transition duration-300 ease-in-out hover:-translate-y-2 text-center mb-24 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s">
                              <div class="w-16 h-16 mx-auto rounded-full pt-4 bg-blue-700 absolute inset-x-0 -top-7 text-white border border-gray-200 dark:border-gray-700">
                                <span class="inline-block">
                                  <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" fill="currentColor" class="bi bi-link-45deg inline-block" viewBox="0 0 16 16">
                                    <path d="M4.715 6.542L3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.001 1.001 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"></path>
                                    <path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 0 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 0 0-4.243-4.243L6.586 4.672z"></path>
                                  </svg>
                                </span>
                              </div>
                              <div class="relative pt-12 pb-6 px-6">
                                <h3 class="text-lg leading-normal mb-2 font-semibold text-gray-800 mt-4 dark:text-gray-100">Optimize Backlink</h3>
                                <p class="mb-4 text-gray-500">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                <a href="#" class="absolute w-10 h-10 block bg-white rounded-full border border-gray-200 dark:bg-gray-800 dark:border-gray-700 -bottom-5 inset-x-0 mx-auto hover:text-blue-700" title="Read More">
                                  <!-- <i class="fa fa-plus"></i> -->
                                  <svg class="inline-block mt-1" 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 -->
                  
                
Service Sections style 8

Our Services


Social Media Content

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

Social Media Engagement

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

Digital Advertising

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

Social Media Management

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

                  
                    <!-- Services start -->
                    <div id="services" class="relative pt-20 pb-8 md:pt-24 md:pb-12 bg-gray-50 dark:bg-gray-900 dark:bg-opacity-20">
                      <div class="container xl:max-w-6xl mx-auto px-4">
                        <!-- section header -->
                        <header class="text-center mx-auto mb-12 lg:px-20">
                          <h2 class="text-2xl md:text-3xl leading-normal mb-2 font-bold text-gray-800 dark:text-gray-100"><span class="font-light">Our</span> Services</h2>
                          <hr class="block w-12 h-0.5 mx-auto my-5 bg-blue-700 border-blue-700">
                        </header><!-- end section header -->

                        <!-- row -->
                        <div class="flex flex-wrap flex-row -mx-4 items-center justify-around">
                          <div class="flex-shrink max-w-full px-4 w-full lg:w-1/2">
                            <div class="p-6 mx-2 mb-12 bg-white dark:bg-gray-800 rounded-md shadow wow fadeInUp" data-wow-duration="1s">
                              <div class="flex rounded ltr:pl-4 rtl:pr-4 ltr:pr-1 rtl:pl-1 md:ltr:pl-1 md:rtl:pr-1 md:ltr:pr-1 md:rtl:pl-1 py-2">
                                <div class="flex items-center text-center ltr:mr-6 rtl:ml-6">
                                  <svg xmlns="http://www.w3.org/2000/svg" width="3.5rem" height="3.5rem" fill="currentColor" class="bi bi-camera text-blue-700 inline-block" viewBox="0 0 16 16">
                                    <path d="M15 12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h1.172a3 3 0 0 0 2.12-.879l.83-.828A1 1 0 0 1 6.827 3h2.344a1 1 0 0 1 .707.293l.828.828A3 3 0 0 0 12.828 5H14a1 1 0 0 1 1 1v6zM2 4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1.172a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 9.172 2H6.828a2 2 0 0 0-1.414.586l-.828.828A2 2 0 0 1 3.172 4H2z"/>
                                    <path d="M8 11a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5zm0 1a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7zM3 6.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z"/>
                                  </svg>
                                </div>
                                <div class="ltr:text-left rtl:text-right">
                                  <h3 class="text-lg leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">Social Media Content</h3>
                                  <p class="text-gray-500 mb-0">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
                                </div>
                              </div>
                            </div>
                          </div>

                          <div class="flex-shrink max-w-full px-4 w-full lg:w-1/2">
                            <div class="p-6 mx-2 mb-12 bg-white dark:bg-gray-800 rounded-md shadow wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
                              <div class="flex rounded ltr:pl-4 rtl:pr-4 ltr:pr-1 rtl:pl-1 md:ltr:pl-1 md:rtl:pr-1 md:ltr:pr-1 md:rtl:pl-1 py-2">
                                <div class="flex items-center text-center ltr:mr-6 rtl:ml-6">
                                  <svg xmlns="http://www.w3.org/2000/svg" width="3.5rem" height="3.5rem" fill="currentColor" class="bi bi-hand-thumbs-up text-blue-700 inline-block" viewBox="0 0 16 16">
                                    <path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2.144 2.144 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a9.84 9.84 0 0 0-.443.05 9.365 9.365 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111L8.864.046zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a8.908 8.908 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.224 2.224 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.866.866 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"/>
                                  </svg>
                                </div>
                                <div class="ltr:text-left rtl:text-right">
                                  <h3 class="text-lg leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">Social Media Engagement</h3>
                                  <p class="text-gray-500 mb-0">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
                                </div>
                              </div>
                            </div>
                          </div>

                          <div class="flex-shrink max-w-full px-4 w-full lg:w-1/2">
                            <div class="p-6 mx-2 mb-12 bg-white dark:bg-gray-800 rounded-md shadow wow fadeInUp" data-wow-duration="1s">
                              <div class="flex rounded ltr:pl-4 rtl:pr-4 ltr:pr-1 rtl:pl-1 md:ltr:pl-1 md:rtl:pr-1 md:ltr:pr-1 md:rtl:pl-1 py-2">
                                <div class="flex items-center text-center ltr:mr-6 rtl:ml-6">
                                  <svg xmlns="http://www.w3.org/2000/svg" width="3.5rem" height="3.5rem" fill="currentColor" class="bi bi-megaphone text-blue-700 inline-block" viewBox="0 0 16 16">
                                    <path d="M13 2.5a1.5 1.5 0 0 1 3 0v11a1.5 1.5 0 0 1-3 0v-.214c-2.162-1.241-4.49-1.843-6.912-2.083l.405 2.712A1 1 0 0 1 5.51 15.1h-.548a1 1 0 0 1-.916-.599l-1.85-3.49a68.14 68.14 0 0 0-.202-.003A2.014 2.014 0 0 1 0 9V7a2.02 2.02 0 0 1 1.992-2.013 74.663 74.663 0 0 0 2.483-.075c3.043-.154 6.148-.849 8.525-2.199V2.5zm1 0v11a.5.5 0 0 0 1 0v-11a.5.5 0 0 0-1 0zm-1 1.35c-2.344 1.205-5.209 1.842-8 2.033v4.233c.18.01.359.022.537.036 2.568.189 5.093.744 7.463 1.993V3.85zm-9 6.215v-4.13a95.09 95.09 0 0 1-1.992.052A1.02 1.02 0 0 0 1 7v2c0 .55.448 1.002 1.006 1.009A60.49 60.49 0 0 1 4 10.065zm-.657.975l1.609 3.037.01.024h.548l-.002-.014-.443-2.966a68.019 68.019 0 0 0-1.722-.082z"/>
                                  </svg>
                                </div>
                                <div class="ltr:text-left rtl:text-right">
                                  <h3 class="text-lg leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">Digital Advertising</h3>
                                  <p class="text-gray-500 mb-0">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
                                </div>
                              </div>
                            </div>
                          </div>

                          <div class="flex-shrink max-w-full px-4 w-full lg:w-1/2">
                            <div class="p-6 mx-2 mb-12 bg-white dark:bg-gray-800 rounded-md shadow wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
                              <div class="flex rounded ltr:pl-4 rtl:pr-4 ltr:pr-1 rtl:pl-1 md:ltr:pl-1 md:rtl:pr-1 md:ltr:pr-1 md:rtl:pl-1 py-2">
                                <div class="flex items-center text-center ltr:mr-6 rtl:ml-6">
                                  <svg xmlns="http://www.w3.org/2000/svg" width="3.5rem" height="3.5rem" fill="currentColor" class="bi bi-clipboard-data text-blue-700 inline-block" viewBox="0 0 16 16">
                                    <path d="M4 11a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0v-1zm6-4a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0V7zM7 9a1 1 0 0 1 2 0v3a1 1 0 1 1-2 0V9z"/>
                                    <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/>
                                    <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/>
                                  </svg>
                                </div>
                                <div class="ltr:text-left rtl:text-right">
                                  <h3 class="text-lg leading-normal mb-2 font-semibold text-gray-800 dark:text-gray-100">Social Media Management</h3>
                                  <p class="text-gray-500 mb-0">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div><!-- end row -->
                      </div>
                    </div><!-- End services -->