<!-- Start Section-->
<section class="relative md:py-24 py-16 container mx-auto px-6">
<div class="grid grid-cols-1 pb-8 text-center">
<h6 class="text-blue-600 text-sm font-bold uppercase mb-2">
Services
</h6>
<h3
class="mb-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold"
>
What We Do ?
</h3>
<p class="text-slate-400 max-w-xl mx-auto">
we offer a wide range of services to help you achieve your goals. Whether you need assistance with website design, marketing, or anything in between, we've got you covered. Here are some of the services we provide:
</p>
</div>
<!--end grid-->
<div class="grid md:grid-cols-3 grid-cols-1 mt-8 gap-[30px]">
<div
class="group p-6 md:px-4 rounded-lg shadow hover:shadow-md bg-white text-center transition-all duration-500 ease-in-out"
>
<div
class="w-16 h-16 bg-blue-600/5 text-blue-600 rounded-lg text-2xl flex align-middle justify-center items-center shadow-sm mx-auto"
>
<svg
class="stroke-blue-600 stroke-2"
fill="none"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m12 21c4.9706 0 9-4.0294 9-9s-4.0294-9-9-9-9 4.0294-9 9 4.0294 9 9 9zm3.7609-10.175c-0.0053-0.0708-0.0405-0.1389-0.1024-0.1839l-3.4876-2.5338c-0.0039-0.00283-0.0078-0.00553-0.0118-0.0081-0.0858-0.07088-0.2118-0.07778-0.306-0.00933l-3.4591 2.5132-0.00217 6e-4c-0.13131 0.0427-0.20317 0.1838-0.16051 0.3151l1.3422 4.1307c0.02674 0.0823 0.0921 0.1412 0.16949 0.1632 0.03831 0.0239 0.08355 0.0377 0.13201 0.0377h4.275c0.0048 0 0.0096-1e-4 0.0143-4e-4 0.1111 0.0069 0.2171-0.0616 0.2531-0.1723l1.3379-4.1178c0.0147-0.0452 0.0158-0.0917 0.0056-0.1348z"
clip-rule="evenodd"
fill-rule="evenodd"
opacity=".1"
/>
<path
d="m21 12c0 4.9706-4.0294 9-9 9s-9-4.0294-9-9 4.0294-9 9-9 9 4.0294 9 9z"
stroke-width="2"
/>
<path d="m3.6001 15h10.55" />
<path d="m6.5513 4.9382 3.2601 10.034" />
<path d="m17.032 4.6355-8.5351 6.2011" />
<path d="m20.559 14.51-8.5351-6.2012" />
<path d="m12.257 20.916 3.2602-10.034" />
</svg>
</div>
<div class="content mt-7">
<a
href="#"
class="title h5 text-lg font-medium hover:text-blue-600"
>Search Engine Optimization (SEO)</a
>
<p class="text-slate-400 mt-3">
We can optimize your website to increase its visibility on search engines such as Google, Bing, and Yahoo.
</p>
<div class="mt-5">
<a
href=""
class=" text-blue-600 hover:text-blue-600 after:bg-blue-600 transition duration-500"
>Read More
<svg class="inline w-3 fill-blue-600 stroke-blue-600" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="m12.293 4.2929c0.3905-0.39052 1.0237-0.39052 1.4142 0l7 7c0.3905 0.3905 0.3905 1.0237 0 1.4142l-7 7c-0.3905 0.3905-1.0237 0.3905-1.4142 0s-0.3905-1.0237 0-1.4142l5.2929-5.2929h-13.586c-0.55228 0-1-0.4477-1-1s0.44772-1 1-1h13.586l-5.2929-5.2929c-0.3905-0.39053-0.3905-1.0237 0-1.4142z" clip-rule="evenodd" fill-rule="evenodd"/>
</svg>
</a>
</div>
</div>
</div>
<!--end feature content-->
<div
class="group p-6 md:px-4 rounded-lg shadow hover:shadow-md bg-white text-center transition-all duration-500 ease-in-out"
>
<div
class="w-16 h-16 bg-blue-600/5 text-blue-600 rounded-lg text-2xl flex align-middle justify-center items-center shadow-sm mx-auto"
>
<svg
class=" fill-blue-600"
fill="none"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6.87 18.66C8.581 20.637 10.851 22 12 22c1.148 0 3.418-1.362 5.13-3.34C19.56 15.854 21 11.967 21 7a1 1 0 0 0-.629-.929c-3.273-1.31-5.88-2.613-7.816-3.903a1 1 0 0 0-1.11 0C9.51 3.458 6.903 4.762 3.63 6.07A1 1 0 0 0 3 7c0 4.968 1.44 8.855 3.87 11.66zM12 20c-.469 0-2.25-1.068-3.62-2.65-2.006-2.317-3.25-5.52-3.37-9.68C7.82 6.516 10.149 5.359 12 4.19c1.851 1.168 4.18 2.325 6.99 3.479-.12 4.16-1.364 7.363-3.37 9.68C14.25 18.932 12.468 20 12 20z"
clip-rule="evenodd"
fill-rule="evenodd"
/>
</svg>
</div>
<div class="content mt-7">
<a
href="page-services.html"
class="title h5 text-lg font-medium hover:text-blue-600"
>Content Marketing</a
>
<p class="text-slate-400 mt-3">
We can help you create a content marketing strategy that is designed to engage your audience and drive traffic to your site.
</p>
<div class="mt-5">
<a
href=""
class=" text-blue-600 hover:text-blue-600 after:bg-blue-600 transition duration-500"
>Read More
<svg class="inline w-3 fill-blue-600 stroke-blue-600" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="m12.293 4.2929c0.3905-0.39052 1.0237-0.39052 1.4142 0l7 7c0.3905 0.3905 0.3905 1.0237 0 1.4142l-7 7c-0.3905 0.3905-1.0237 0.3905-1.4142 0s-0.3905-1.0237 0-1.4142l5.2929-5.2929h-13.586c-0.55228 0-1-0.4477-1-1s0.44772-1 1-1h13.586l-5.2929-5.2929c-0.3905-0.39053-0.3905-1.0237 0-1.4142z" clip-rule="evenodd" fill-rule="evenodd"/>
</svg>
</a>
</div>
</div>
</div>
<!--end feature content-->
<div
class="group p-6 md:px-4 rounded-lg shadow hover:shadow-md bg-white text-center transition-all duration-500 ease-in-out"
>
<div
class="w-16 h-16 bg-blue-600/5 text-blue-600 rounded-lg text-2xl flex align-middle justify-center items-center shadow-sm mx-auto"
>
<svg viewBox="0 0 24 24" class=" fill-blue-600" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <rect fill="white"></rect> <path d="M11 20.8464C11 21.4378 10.4874 21.9041 9.909 21.781C5.70686 20.8871 2.48103 17.3537 2.04924 12.9986C1.99475 12.449 2.44772 12 3 12H6C6.55228 12 7 12.4477 7 13C7 14.6569 8.34315 16 10 16C10.5523 16 11 16.4477 11 17V20.8464Z" fill="#323232"></path> <path d="M17 18.9284C17 19.6986 17.828 20.1634 18.4183 19.6688C19.2094 19.006 19.8964 18.2231 20.4512 17.3481C20.8373 16.7393 20.3607 16 19.6397 16H18C17.4477 16 17 16.4477 17 17V18.9284Z" fill="#323232"></path> <path d="M12 2C14.552 2 16.8807 2.95593 18.6475 4.52924C19.2632 5.07746 18.8233 6 17.9989 6H17.8541C16.2778 6 15 7.27783 15 8.8541C15 9.17761 14.8172 9.47336 14.5279 9.61803L14.4472 9.65836C14.1657 9.79912 13.8343 9.79912 13.5528 9.65836L13.4721 9.61803C13.1828 9.47336 13 9.17761 13 8.8541C13 7.27782 11.7222 6 10.1459 6H10C9.44772 6 9 5.55228 9 5V3.19188C9 2.75503 9.28253 2.36368 9.70784 2.26393C10.4439 2.09131 11.2113 2 12 2Z" fill="#323232"></path> <path d="M3.42358 9.99995C2.79136 9.99995 2.31576 9.41831 2.51674 8.81889C3.11731 7.02771 4.21113 5.46278 5.63684 4.28543C6.20619 3.81527 7.00016 4.26156 7.00016 4.99995V4.99995C7.00016 6.6568 8.34331 7.99995 10.0002 7.99995H10.1461C10.6178 7.99995 11.0002 8.38234 11.0002 8.85405C11.0002 9.9351 11.6109 10.9234 12.5779 11.4068L12.6585 11.4472C13.5031 11.8695 14.4972 11.8695 15.3418 11.4472L15.4225 11.4068C16.3894 10.9234 17.0002 9.9351 17.0002 8.85405C17.0002 8.38234 17.3826 7.99995 17.8543 7.99995H20.5137C20.9112 7.99995 21.2753 8.23384 21.4101 8.60776C21.792 9.66694 22.0002 10.8091 22.0002 11.9999C22.0002 12.4037 21.9762 12.8019 21.9297 13.1931C21.8736 13.6654 21.4583 13.9999 20.9827 13.9999H18.0002C16.3433 13.9999 15.0002 15.3431 15.0002 16.9999V20.8081C15.0002 21.2449 14.7176 21.6363 14.2923 21.736C14.2254 21.7517 14.1582 21.7667 14.0907 21.7811C13.5123 21.9041 13.0002 21.4377 13.0002 20.8464V16.9999C13.0002 15.3431 11.657 13.9999 10.0002 13.9999C9.44787 13.9999 9.00016 13.5522 9.00016 12.9999C9.00016 11.3431 7.65701 9.99995 6.00016 9.99995H3.42358Z" ></path> </g></svg>
</div>
<div class="content mt-7">
<a
href="#"
class="title h5 text-lg font-medium hover:text-blue-600"
>Website Design and Development</a
>
<p class="text-slate-400 mt-3">
Our team of expert designers and developers can create a custom website that is tailored to your needs.
</p>
<div class="mt-5">
<a
href=""
class=" text-blue-600 hover:text-blue-600 after:bg-blue-600 transition duration-500"
>Read More
<svg class="inline w-3 fill-blue-600 stroke-blue-600" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="m12.293 4.2929c0.3905-0.39052 1.0237-0.39052 1.4142 0l7 7c0.3905 0.3905 0.3905 1.0237 0 1.4142l-7 7c-0.3905 0.3905-1.0237 0.3905-1.4142 0s-0.3905-1.0237 0-1.4142l5.2929-5.2929h-13.586c-0.55228 0-1-0.4477-1-1s0.44772-1 1-1h13.586l-5.2929-5.2929c-0.3905-0.39053-0.3905-1.0237 0-1.4142z" clip-rule="evenodd" fill-rule="evenodd"/>
</svg>
</a>
</div>
</div>
</div>
<!--end feature content-->
</div>
</section>
<!--end section-->
