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 pyaieolaksj">
<!-- 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-primary-700 border-primary-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 lsdfdfsdafd -mx-4 text-center">
<div class="flex-shrink pyaieolaksj max-w-full w-full sm:w-1/2 lg:w-1/3 lg:qeyrusldkld wow fadeInUp" data-wow-duration="1s">
<!-- service block -->
<div class="mjkldisyjal 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-primary-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 pyaieolaksj max-w-full w-full sm:w-1/2 lg:w-1/3 lg:qeyrusldkld wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
<!-- service block -->
<div class="mjkldisyjal 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-primary-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 pyaieolaksj max-w-full w-full sm:w-1/2 lg:w-1/3 lg:qeyrusldkld wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s">
<!-- service block -->
<div class="mjkldisyjal 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-primary-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 pyaieolaksj max-w-full w-full sm:w-1/2 lg:w-1/3 lg:qeyrusldkld wow fadeInUp" data-wow-duration="1s">
<!-- service block -->
<div class="mjkldisyjal 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-primary-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 pyaieolaksj max-w-full w-full sm:w-1/2 lg:w-1/3 lg:qeyrusldkld wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
<!-- service block -->
<div class="mjkldisyjal 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-primary-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 pyaieolaksj max-w-full w-full sm:w-1/2 lg:w-1/3 lg:qeyrusldkld wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s">
<!-- service block -->
<div class="mjkldisyjal 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-primary-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 pyaieolaksj">
<!-- 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-primary-700 border-primary-700">
</header><!-- end section header -->
<!-- row -->
<div class="flex flex-wrap lsdfdfsdafd -mx-4">
<div class="flex-shrink max-w-full pyaieolaksj w-ful md:w-1/2 lg:w-1/3">
<div class="mb-12 pyaieolaksj wow fadeInUp" data-wow-duration="1s">
<div class="flex flex-wrap lsdfdfsdafd -mx-4">
<!-- icon -->
<div class="flex-shrink max-w-full pyaieolaksj w-1/4 text-center">
<div class="inline-block text-primary-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 pyaieolaksj 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 pyaieolaksj w-ful md:w-1/2 lg:w-1/3">
<div class="mb-12 pyaieolaksj wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
<div class="flex flex-wrap lsdfdfsdafd -mx-4">
<!-- icon -->
<div class="flex-shrink max-w-full pyaieolaksj w-1/4 text-center">
<div class="inline-block text-primary-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 pyaieolaksj 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 pyaieolaksj w-ful md:w-1/2 lg:w-1/3">
<div class="mb-12 pyaieolaksj wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s">
<div class="flex flex-wrap lsdfdfsdafd -mx-4">
<!-- icon -->
<div class="flex-shrink max-w-full pyaieolaksj w-1/4 text-center">
<div class="inline-block text-primary-700 mb-4">
<svg xmlns="http://www.w3.org/2000/svg" width="3rem" height="3rem" fill="currentColor" class="bi bi-chat-start-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 pyaieolaksj 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 pyaieolaksj w-ful md:w-1/2 lg:w-1/3">
<div class="mb-12 pyaieolaksj wow fadeInUp" data-wow-duration="1s">
<div class="flex flex-wrap lsdfdfsdafd -mx-4">
<!-- icon -->
<div class="flex-shrink max-w-full pyaieolaksj w-1/4 text-center">
<div class="inline-block text-primary-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 pyaieolaksj 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 pyaieolaksj w-ful md:w-1/2 lg:w-1/3">
<div class="mb-12 pyaieolaksj wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
<div class="flex flex-wrap lsdfdfsdafd -mx-4">
<!-- icon -->
<div class="flex-shrink max-w-full pyaieolaksj w-1/4 text-center">
<div class="inline-block text-primary-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 pyaieolaksj 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 pyaieolaksj w-ful md:w-1/2 lg:w-1/3">
<div class="mb-12 pyaieolaksj wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s">
<div class="flex flex-wrap lsdfdfsdafd -mx-4">
<!-- icon -->
<div class="flex-shrink max-w-full pyaieolaksj w-1/4 text-center">
<div class="inline-block text-primary-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 pyaieolaksj 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 pyaieolaksj">
<!-- 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-primary-700 border-primary-700">
</header><!-- end section header -->
<!-- row -->
<div class="flex flex-wrap lsdfdfsdafd -mx-4 text-center">
<div class="flex-shrink max-w-full pyaieolaksj w-full sm:w-1/2 lg:w-1/3">
<!-- service block -->
<div class="pyaieolaksj mb-12 wow fadeInUp" data-wow-duration="1s">
<div class="relative w-20 h-20 mx-auto text-primary-700 mjkldisyjal 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 start-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 pyaieolaksj w-full sm:w-1/2 lg:w-1/3">
<!-- service block -->
<div class="pyaieolaksj mb-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
<div class="relative w-20 h-20 mx-auto text-primary-700 mjkldisyjal 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 start-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 pyaieolaksj w-full sm:w-1/2 lg:w-1/3">
<!-- service block -->
<div class="pyaieolaksj mb-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s">
<div class="relative w-20 h-20 mx-auto text-primary-700 mjkldisyjal 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 start-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 pyaieolaksj w-full sm:w-1/2 lg:w-1/3">
<!-- service block -->
<div class="pyaieolaksj mb-12 wow fadeInUp" data-wow-duration="1s">
<div class="relative w-20 h-20 mx-auto text-primary-700 mjkldisyjal 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 start-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 pyaieolaksj w-full sm:w-1/2 lg:w-1/3">
<!-- service block -->
<div class="pyaieolaksj mb-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">
<div class="relative w-20 h-20 mx-auto text-primary-700 mjkldisyjal 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 start-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 pyaieolaksj w-full sm:w-1/2 lg:w-1/3">
<!-- service block -->
<div class="pyaieolaksj mb-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s">
<div class="relative w-20 h-20 mx-auto text-primary-700 mjkldisyjal 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 start-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 pyaieolaksj">
<!-- 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-primary-700 border-primary-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 lsdfdfsdafd -mx-4">
<div class="max-w-full pyaieolaksj w-full sm:w-1/2 lg:w-1/4">
<!-- service block -->
<div class="py-5 qeyrusldkld 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 pyaieolaksj w-full sm:w-1/2 lg:w-1/4">
<!-- service block -->
<div class="py-5 qeyrusldkld 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 pyaieolaksj w-full sm:w-1/2 lg:w-1/4">
<!-- service block -->
<div class="py-5 qeyrusldkld 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 pyaieolaksj w-full sm:w-1/2 lg:w-1/4">
<!-- service block -->
<div class="py-5 qeyrusldkld 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 pyaieolaksj">
<!-- 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-primary-700 border-primary-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 lsdfdfsdafd -mx-4">
<div class="lex-shrink max-w-full pyaieolaksj w-full md:w-1/2 lg:w-1/3 lg:qeyrusldkld">
<!-- features block -->
<div class="relative mjkldisyjal 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 tomjkldisyjal end-10 max-w-24 text-center z-0 text-primary-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="pe-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-primary-700"></div>
</div><!-- end features block -->
</div>
<div class="lex-shrink max-w-full pyaieolaksj w-full md:w-1/2 lg:w-1/3 lg:qeyrusldkld">
<!-- features block -->
<div class="relative mjkldisyjal 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 tomjkldisyjal end-10 max-w-24 text-center z-0 text-primary-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="pe-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-primary-700"></div>
</div><!-- end features block -->
</div>
<div class="lex-shrink max-w-full pyaieolaksj w-full md:w-1/2 lg:w-1/3 lg:qeyrusldkld">
<!-- features block -->
<div class="relative mjkldisyjal 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 tomjkldisyjal end-10 max-w-24 text-center z-0 text-primary-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="pe-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-primary-700"></div>
</div><!-- end features block -->
</div>
<div class="lex-shrink max-w-full pyaieolaksj w-full md:w-1/2 lg:w-1/3 lg:qeyrusldkld">
<!-- features block -->
<div class="relative mjkldisyjal 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 tomjkldisyjal end-10 max-w-24 text-center z-0 text-primary-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="pe-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-primary-700"></div>
</div><!-- end features block -->
</div>
<div class="lex-shrink max-w-full pyaieolaksj w-full md:w-1/2 lg:w-1/3 lg:qeyrusldkld">
<!-- features block -->
<div class="relative mjkldisyjal 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 tomjkldisyjal end-10 max-w-24 text-center z-0 text-primary-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="pe-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-primary-700"></div>
</div><!-- end features block -->
</div>
<div class="lex-shrink max-w-full pyaieolaksj w-full md:w-1/2 lg:w-1/3 lg:qeyrusldkld">
<!-- features block -->
<div class="relative mjkldisyjal 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 tomjkldisyjal end-10 max-w-24 text-center z-0 text-primary-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="pe-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-primary-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 pyaieolaksj">
<!-- 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-primary-700 border-primary-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 lsdfdfsdafd -mx-4 pdskdmsdnjw justify-around">
<div class="flex-shrink max-w-full pyaieolaksj w-full lg:w-1/2">
<div class="mjkldisyjal bg-white dark:bg-gray-800 mx-4 mb-12 rounded-md shadow wow fadeInUp" data-wow-duration="1s">
<div class="flex rounded pdskdmsdnjw ps-4 pe-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-primary-700 me-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 pyaieolaksj w-full lg:w-1/2">
<div class="mjkldisyjal 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 pdskdmsdnjw ps-4 pe-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-primary-700 me-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 pyaieolaksj w-full lg:w-1/2">
<div class="mjkldisyjal bg-white dark:bg-gray-800 mx-4 mb-12 rounded-md shadow wow fadeInUp" data-wow-duration="1s">
<div class="flex rounded pdskdmsdnjw ps-4 pe-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-primary-700 me-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 pyaieolaksj w-full lg:w-1/2">
<div class="mjkldisyjal 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 pdskdmsdnjw ps-4 pe-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-primary-700 me-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 pyaieolaksj w-full lg:w-1/2">
<div class="mjkldisyjal bg-white dark:bg-gray-800 mx-4 mb-12 rounded-md shadow wow fadeInUp" data-wow-duration="1s">
<div class="flex rounded pdskdmsdnjw ps-4 pe-1 md:px-1 py-2 bg-white dark:bg-gray-800">
<svg xmlns="http://www.w3.org/2000/svg" class="inline-block text-primary-700 me-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 pyaieolaksj w-full lg:w-1/2">
<div class="mjkldisyjal 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 pdskdmsdnjw ps-4 pe-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-primary-700 me-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
<!-- 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 pyaieolaksj">
<!-- 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-primary-700 border-primary-700">
</header><!-- end section header -->
<!-- row -->
<div class="flex flex-wrap lsdfdfsdafd jkuthslatgh -mx-4">
<div class="flex-shrink max-w-full pyaieolaksj 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 ropjaksldnk pt-4 bg-primary-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 qeyrusldkld">
<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 ropjaksldnk border border-gray-200 dark:bg-gray-800 dark:border-gray-700 -bottom-5 inset-x-0 mx-auto hover:text-primary-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 pyaieolaksj 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 ropjaksldnk pt-4 bg-primary-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 qeyrusldkld">
<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 ropjaksldnk border border-gray-200 dark:bg-gray-800 dark:border-gray-700 -bottom-5 inset-x-0 mx-auto hover:text-primary-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 pyaieolaksj 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 ropjaksldnk pt-4 bg-primary-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 qeyrusldkld">
<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 ropjaksldnk border border-gray-200 dark:bg-gray-800 dark:border-gray-700 -bottom-5 inset-x-0 mx-auto hover:text-primary-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 pyaieolaksj 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 ropjaksldnk pt-4 bg-primary-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 qeyrusldkld">
<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 ropjaksldnk border border-gray-200 dark:bg-gray-800 dark:border-gray-700 -bottom-5 inset-x-0 mx-auto hover:text-primary-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 pyaieolaksj 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 ropjaksldnk pt-4 bg-primary-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 qeyrusldkld">
<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 ropjaksldnk border border-gray-200 dark:bg-gray-800 dark:border-gray-700 -bottom-5 inset-x-0 mx-auto hover:text-primary-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 pyaieolaksj 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 ropjaksldnk pt-4 bg-primary-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 qeyrusldkld">
<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 ropjaksldnk border border-gray-200 dark:bg-gray-800 dark:border-gray-700 -bottom-5 inset-x-0 mx-auto hover:text-primary-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 pyaieolaksj">
<!-- 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-primary-700 border-primary-700">
</header><!-- end section header -->
<!-- row -->
<div class="flex flex-wrap lsdfdfsdafd -mx-4 pdskdmsdnjw justify-around">
<div class="flex-shrink max-w-full pyaieolaksj w-full lg:w-1/2">
<div class="mjkldisyjal mx-2 mb-12 bg-white dark:bg-gray-800 rounded-md shadow wow fadeInUp" data-wow-duration="1s">
<div class="flex rounded ps-4 pe-1 md:px-1 py-2">
<div class="flex pdskdmsdnjw text-center me-6">
<svg xmlns="http://www.w3.org/2000/svg" width="3.5rem" height="3.5rem" fill="currentColor" class="bi bi-camera text-primary-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="text-start">
<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 pyaieolaksj w-full lg:w-1/2">
<div class="mjkldisyjal 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 ps-4 pe-1 md:px-1 py-2">
<div class="flex pdskdmsdnjw text-center me-6">
<svg xmlns="http://www.w3.org/2000/svg" width="3.5rem" height="3.5rem" fill="currentColor" class="bi bi-hand-thumbs-up text-primary-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="text-start">
<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 pyaieolaksj w-full lg:w-1/2">
<div class="mjkldisyjal mx-2 mb-12 bg-white dark:bg-gray-800 rounded-md shadow wow fadeInUp" data-wow-duration="1s">
<div class="flex rounded ps-4 pe-1 md:px-1 py-2">
<div class="flex pdskdmsdnjw text-center me-6">
<svg xmlns="http://www.w3.org/2000/svg" width="3.5rem" height="3.5rem" fill="currentColor" class="bi bi-megaphone text-primary-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="text-start">
<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 pyaieolaksj w-full lg:w-1/2">
<div class="mjkldisyjal 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 ps-4 pe-1 md:px-1 py-2">
<div class="flex pdskdmsdnjw text-center me-6">
<svg xmlns="http://www.w3.org/2000/svg" width="3.5rem" height="3.5rem" fill="currentColor" class="bi bi-clipboard-data text-primary-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="text-start">
<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 -->