Access_New/demo-seo-agency-about.html
2024-09-05 11:33:27 +05:45

407 lines
24 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html class="no-js" lang="en">
<head>
<title>Crafto - The Multipurpose HTML5 Template</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="ThemeZaa">
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="description" content="Elevate your online presence with Crafto - a modern, versatile, multipurpose Bootstrap 5 responsive HTML5, SCSS template using highly creative 52+ ready demos.">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="css/vendors.min.css" />
<link rel="stylesheet" href="css/icon.min.css" />
<link rel="stylesheet" href="css/style.min.css" />
<link rel="stylesheet" href="css/responsive.min.css" />
<link rel="stylesheet" href="demos/seo-agency/seo-agency.css" />
</head>
<body data-mobile-nav-style="full-screen-menu" data-mobile-nav-bg-color="#2a2b3f" class="custom-cursor">
<div class="cursor-page-inner">
<div class="circle-cursor circle-cursor-inner"></div>
<div class="circle-cursor circle-cursor-outer"></div>
</div>
<header>
<nav class="navbar navbar-expand-lg bg-transparent header-light header-reverse glass-effect" data-header-hover="light">
<div class="container-fluid">
<div class="col-auto">
<a class="navbar-brand" href="demo-seo-agency.html">
<img src="images/demo-seo-agency-logo-black.png" data-at2x="images/demo-seo-agency-logo-black@2x.png" alt class="default-logo">
<img src="images/demo-seo-agency-logo-black.png" data-at2x="images/demo-seo-agency-logo-black@2x.png" alt class="alt-logo">
<img src="images/demo-seo-agency-logo-black.png" data-at2x="images/demo-seo-agency-logo-black@2x.png" alt class="mobile-logo">
</a>
</div>
<div class="col-auto menu-order left-nav">
<button class="navbar-toggler float-start" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav alt-font">
<li class="nav-item"><a href="demo-seo-agency.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="demo-seo-agency-about.html" class="nav-link">About</a></li>
<li class="nav-item"><a href="demo-seo-agency-what-we-do.html" class="nav-link">What we do</a></li>
<li class="nav-item"><a href="demo-seo-agency-process.html" class="nav-link">Process</a></li>
<li class="nav-item"><a href="demo-seo-agency-pricing.html" class="nav-link">Pricing</a></li>
<li class="nav-item"><a href="demo-seo-agency-contact.html" class="nav-link">Contact</a></li>
</ul>
</div>
</div>
<div class="col-auto ms-auto">
<div class="header-icon">
<div class="d-none d-xl-inline-block me-25px"><a href="tel:1800222000" class="alt-font widget-text fw-600"><i class="feather icon-feather-phone-outgoing me-10px"></i>1 800 222 000</a></div>
<div class="header-button"><a href="demo-seo-agency-contact.html" class="btn btn-small btn-dark-gray btn-box-shadow btn-rounded">Get a quote</a></div>
</div>
</div>
</div>
</nav>
</header>
<section class="page-title-center-alignment ipad-top-space-margin background-position-center-bottom cover-background position-relative" style="background-image: url('images/demo-seo-agency-about-bg-01.jpg')">
<div class="background-position-left-top h-100 w-100 position-absolute left-0px top-0" style="background-image: url('images/vertical-line-bg-medium-gray.svg')"></div>
<div class="background-position-center-bottom background-size-100 background-no-repeat position-absolute bottom-0 left-0px w-100 h-250px z-index-1" style="background-image: url('images/demo-seo-agency-about-bottom-bg.png')"></div>
<div id="particles-style-01" class="h-100 position-absolute left-0px top-0 w-100" data-particle="true" data-particle-options="{&quot;particles&quot;: {&quot;number&quot;: {&quot;value&quot;: 1,&quot;density&quot;: {&quot;enable&quot;: true,&quot;value_area&quot;: 600}},&quot;shape&quot;: {&quot;type&quot;: [&quot;image&quot;],&quot;image&quot;:{&quot;src&quot;:&quot;images/particles-demo-4-bg.png&quot;,&quot;width&quot;:220,&quot;height&quot;:134}},&quot;opacity&quot;: {&quot;value&quot;: 0.5,&quot;random&quot;: false,&quot;anim&quot;: {&quot;enable&quot;: false,&quot;speed&quot;: 1,&quot;sync&quot;: false}},&quot;size&quot;: {&quot;value&quot;: 120,&quot;random&quot;: true,&quot;anim&quot;: {&quot;enable&quot;: false,&quot;sync&quot;: true}},&quot;line_linked&quot;:{&quot;enable&quot;:false,&quot;distance&quot;:0,&quot;color&quot;:&quot;#ffffff&quot;,&quot;opacity&quot;:0.4,&quot;width&quot;:1},&quot;move&quot;: {&quot;enable&quot;: true,&quot;speed&quot;:1,&quot;direction&quot;: &quot;right&quot;,&quot;random&quot;: false,&quot;straight&quot;: false}},&quot;interactivity&quot;: {&quot;detect_on&quot;: &quot;canvas&quot;,&quot;events&quot;: {&quot;onhover&quot;: {&quot;enable&quot;: false,&quot;mode&quot;: &quot;repulse&quot;},&quot;onclick&quot;: {&quot;enable&quot;: false,&quot;mode&quot;: &quot;push&quot;},&quot;resize&quot;: true}},&quot;retina_detect&quot;: false}"></div>
<div class="container">
<div class="row align-items-center justify-content-center position-relative z-index-1 h-250px">
<div class="col-12 text-center position-relative page-title-large" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;opacity&quot;: [0, 1], &quot;rotateY&quot;: [-90, 0], &quot;rotateZ&quot;: [-10, 0], &quot;translateY&quot;: [80, 0], &quot;translateZ&quot;: [50, 0], &quot;staggervalue&quot;: 200, &quot;duration&quot;: 900, &quot;easing&quot;: &quot;easeOutCirc&quot; }">
<h1 class="alt-font d-inline-block fw-700 ls-minus-1px text-dark-gray mb-0">About us</h1>
<h2 class="mt-5px text-dark-gray mb-0"><span class="opacity-7">We improve your online presence</span></h2>
</div>
</div>
</div>
</section>
<section class="background-position-center-top pb-0" style="background-image: url('images/demo-seo-agency-vertical-line-bg.svg')">
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="col-lg-6 md-mb-50px animation-float text-center" data-anime="{ &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<img src="images/demo-seo-agency-about-01.png" alt>
</div>
<div class="col-xl-5 offset-xl-1 col-lg-6 text-center text-lg-start" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;willchange&quot;: &quot;transform&quot;, &quot;opacity&quot;: [0, 1], &quot;rotateY&quot;: [-90, 0], &quot;rotateZ&quot;: [-10, 0], &quot;translateY&quot;: [80, 0], &quot;translateZ&quot;: [50, 0], &quot;staggervalue&quot;: 200, &quot;duration&quot;: 600, &quot;delay&quot;: 100, &quot;easing&quot;: &quot;easeOutCirc&quot; }">
<span class="ps-20px pe-20px mb-30px md-mb-20px text-uppercase text-dark-gray fs-13 lh-40 md-lh-50 ls-1px alt-font fw-700 border-radius-4px bg-gradient-chablis-red-quartz-white d-inline-block">Seo analysis rate</span>
<h2 class="alt-font text-dark-gray fw-600 ls-minus-1px">Get the targeted relevant traffic.</h2>
<p class="w-85 lg-w-95 sm-w-100 mb-40px sm-mb-20px">Well-optimized sites get more and more traffic over time, and that means more leads and sales. Without SEO, searchers wont be able to find your site, and all your hard work. We appreciate your trust greatly.</p>
<img src="images/demo-seo-agency-about-04.png" alt class="me-25px xs-m-10px">
<img src="images/demo-seo-agency-about-05.png" alt class="xs-m-10px">
</div>
</div>
</div>
</section>
<section class="position-relative background-position-center-top half-section overflow-hidden" style="background-image: url('images/vertical-line-bg-medium-gray.svg')">
<div id="particles-style-02" class="h-100 position-absolute left-0px top-0 z-index-minus-1 w-100" data-particle="true" data-particle-options="{&quot;particles&quot;: {&quot;number&quot;: {&quot;value&quot;:3,&quot;density&quot;: {&quot;enable&quot;: true,&quot;value_area&quot;: 2000}},&quot;shape&quot;: {&quot;type&quot;: [&quot;image&quot;],&quot;image&quot;:{&quot;src&quot;:&quot;images/demo-seo-agency-particles-img.png&quot;,&quot;width&quot;:220,&quot;height&quot;:134}},&quot;opacity&quot;: {&quot;value&quot;: 0.5,&quot;random&quot;: false,&quot;anim&quot;: {&quot;enable&quot;: false,&quot;speed&quot;: 1,&quot;sync&quot;: false}},&quot;size&quot;: {&quot;value&quot;: 120,&quot;random&quot;: true,&quot;anim&quot;: {&quot;enable&quot;: false,&quot;sync&quot;: true}},&quot;line_linked&quot;:{&quot;enable&quot;:false,&quot;distance&quot;:0,&quot;color&quot;:&quot;#ffffff&quot;,&quot;opacity&quot;:0.4,&quot;width&quot;:1},&quot;move&quot;: {&quot;enable&quot;: true,&quot;speed&quot;:1,&quot;direction&quot;: &quot;right&quot;,&quot;random&quot;: false,&quot;straight&quot;: false}},&quot;interactivity&quot;: {&quot;detect_on&quot;: &quot;canvas&quot;,&quot;events&quot;: {&quot;onhover&quot;: {&quot;enable&quot;: false,&quot;mode&quot;: &quot;repulse&quot;},&quot;onclick&quot;: {&quot;enable&quot;: false,&quot;mode&quot;: &quot;push&quot;},&quot;resize&quot;: true}},&quot;retina_detect&quot;: false}"></div>
<div class="container bg-white border-radius-6px box-shadow-quadruple-large skrollr-zoom" data-bottom-top="transform:scale(1, 1) translateX(30px);" data-top-bottom="transform:scale(1,1) translateX(-30px);">
<div class="row row-cols-2 row-cols-md-4 p-4 md-p-25px justify-content-center text-center">
<div class="col last-paragraph-no-margin sm-mb-25px">
<h2 class="alt-font fw-700 text-dark-gray m-0">8M+</h2>
<p>Trusted user</p>
</div>
<div class="col last-paragraph-no-margin sm-mb-25px">
<h2 class="alt-font fw-700 text-dark-gray m-0">64K</h2>
<p>Telephonic talk</p>
</div>
<div class="col last-paragraph-no-margin">
<h2 class="alt-font fw-700 text-dark-gray m-0">9M+</h2>
<p>Project finished</p>
</div>
<div class="col last-paragraph-no-margin">
<h2 class="alt-font fw-700 text-dark-gray m-0">225</h2>
<p>Award winning</p>
</div>
</div>
</div>
</section>
<section class="background-position-center-top pt-0 md-pt-50px" style="background-image: url('images/vertical-line-bg-medium-gray.svg')">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-11">
<div class="row justify-content-around" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;translateX&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col-lg-5 col-md-6 icon-with-text-style-01 mb-6 sm-mb-30px">
<div class="feature-box feature-box-left-icon last-paragraph-no-margin">
<div class="feature-box-icon">
<h3 class="alt-font fw-700 text-dark-gray m-0">2010</h3>
</div>
<div class="feature-box-content">
<span class="d-inline-block alt-font text-dark-gray fw-600 mb-10px lh-28 fs-20">Business founded</span>
<p class="w-95 sm-w-100">Lorem ipsum dolor elit consectetur eiusmod tempor incididunt labor.</p>
</div>
</div>
</div>
<div class="col-lg-5 col-md-6 icon-with-text-style-01 mb-6 sm-mb-30px">
<div class="feature-box feature-box-left-icon last-paragraph-no-margin">
<div class="feature-box-icon">
<h3 class="alt-font fw-700 text-dark-gray m-0">2012</h3>
</div>
<div class="feature-box-content">
<span class="d-inline-block alt-font text-dark-gray fw-600 mb-10px lh-28 fs-20">Build new office</span>
<p class="w-95 sm-w-100">Lorem ipsum dolor elit consectetur eiusmod tempor incididunt labor.</p>
</div>
</div>
</div>
<div class="col-lg-5 col-md-6 icon-with-text-style-01 sm-mb-30px">
<div class="feature-box feature-box-left-icon last-paragraph-no-margin">
<div class="feature-box-icon">
<h3 class="alt-font fw-700 text-dark-gray m-0">2014</h3>
</div>
<div class="feature-box-content">
<span class="d-inline-block alt-font text-dark-gray fw-600 mb-10px lh-28 fs-20">Relocates headquarter</span>
<p class="w-95 sm-w-100">Lorem ipsum dolor elit consectetur eiusmod tempor incididunt labor.</p>
</div>
</div>
</div>
<div class="col-lg-5 col-md-6 icon-with-text-style-01">
<div class="feature-box feature-box-left-icon last-paragraph-no-margin">
<div class="feature-box-icon">
<h3 class="alt-font fw-700 text-dark-gray m-0">2018</h3>
</div>
<div class="feature-box-content">
<span class="d-inline-block alt-font text-dark-gray fw-600 mb-10px lh-28 fs-20">Revenue of 50 millions</span>
<p class="w-95 sm-w-100">Lorem ipsum dolor elit consectetur eiusmod tempor incididunt labor.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="background-position-center-top cover-background" style="background-image: url('images/demo-seo-agency-about-bg-02.jpg')">
<div class="container">
<div class="row justify-content-center align-items-center">
<div class="col-lg-6 text-center md-mb-50px" data-anime="{ &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<img src="images/demo-seo-agency-about-02.png" alt>
</div>
<div class="col-lg-5 offset-lg-1 text-center text-lg-start" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;willchange&quot;: &quot;transform&quot;, &quot;opacity&quot;: [0, 1], &quot;rotateY&quot;: [-90, 0], &quot;rotateZ&quot;: [-10, 0], &quot;translateY&quot;: [80, 0], &quot;translateZ&quot;: [50, 0], &quot;staggervalue&quot;: 200, &quot;duration&quot;: 600, &quot;delay&quot;: 100, &quot;easing&quot;: &quot;easeOutCirc&quot; }">
<span class="ps-20px pe-20px mb-30px md-mb-20px text-uppercase text-dark-gray fs-13 lh-40 md-lh-50 ls-1px alt-font fw-700 border-radius-4px bg-white d-inline-block">OPTIMIZE YOUR WEBSITE</span>
<h2 class="alt-font text-dark-gray fw-600 ls-minus-1px w-90 lg-w-100">How do you get top ranks in seo?</h2>
<p class="mb-20px w-80 lg-w-100">We are committed to deliver unique digital media solutions from web development to eCommerce solutions for our happy clients by using our knowledge and expertise.</p>
<a href="demo-seo-agency-process.html" class="btn btn-link btn-hover-animation-switch btn-large text-dark-gray fw-700">
<span>
<span class="btn-text">learn more</span>
<span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span>
<span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span>
</span>
</a>
</div>
</div>
</div>
</section>
<section class="bg-gradient-top-very-light-gray position-relative overflow-hidden">
<div class="background-position-center-top h-100 w-100 position-absolute left-0px top-0" style="background-image: url('images/demo-seo-agency-vertical-line-bg.svg')"></div>
<div class="background-position-center-bottom background-size-100 background-no-repeat position-absolute bottom-0 left-0px w-100 h-250px z-index-1" style="background-image: url('images/demo-seo-agency-analysis-bg.png')"></div>
<div class="container position-relative">
<div class="row justify-content-center mb-6">
<div class="col-lg-8 text-center" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<h2 class="text-dark-gray fw-600 alt-font mb-0 ls-minus-1px">Committed people</h2>
</div>
</div>
<div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2 justify-content-center mb-8 xs-mb-50px" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;perspective&quot;: [1200,1200], &quot;scale&quot;: [1.05, 1], &quot;rotateY&quot;: [30, 0], &quot;translateX&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col text-center team-style-05 md-mb-40px">
<div class="position-relative mb-30px last-paragraph-no-margin border-radius-6px overflow-hidden">
<img src="images/team-08.jpg" alt />
<div class="w-100 h-100 d-flex flex-column justify-content-center align-items-center p-40px team-content bg-dark-gray-transparent">
<div class="social-icon fs-20">
<a href="https://www.facebook.com/" target="_blank" class="text-white"><i class="fa-brands fa-facebook-f"></i></a>
<a href="https://www.instagram.com/" target="_blank" class="text-white"><i class="fa-brands fa-instagram"></i></a>
<a href="https://www.twitter.com/" target="_blank" class="text-white"><i class="fa-brands fa-twitter"></i></a>
</div>
</div>
</div>
<div class="alt-font fw-600 text-dark-gray lh-24 fs-19">Jeremy dupont</div>
<span>Director</span>
</div>
<div class="col text-center team-style-05 md-mb-40px">
<div class="position-relative mb-30px last-paragraph-no-margin border-radius-6px overflow-hidden">
<img src="images/team-09.jpg" alt />
<div class="w-100 h-100 d-flex flex-column justify-content-center align-items-center p-40px team-content bg-dark-gray-transparent">
<div class="social-icon fs-20">
<a href="https://www.facebook.com/" target="_blank" class="text-white"><i class="fa-brands fa-facebook-f"></i></a>
<a href="https://www.instagram.com/" target="_blank" class="text-white"><i class="fa-brands fa-instagram"></i></a>
<a href="https://www.twitter.com/" target="_blank" class="text-white"><i class="fa-brands fa-twitter"></i></a>
</div>
</div>
</div>
<div class="alt-font fw-600 text-dark-gray lh-24 fs-19">Jessica dover</div>
<span>Founder</span>
</div>
<div class="col text-center team-style-05 xs-mb-40px">
<div class="position-relative mb-30px last-paragraph-no-margin border-radius-6px overflow-hidden">
<img src="images/team-10.jpg" alt />
<div class="w-100 h-100 d-flex flex-column justify-content-center align-items-center p-40px team-content bg-dark-gray-transparent">
<div class="social-icon fs-20">
<a href="https://www.facebook.com/" target="_blank" class="text-white"><i class="fa-brands fa-facebook-f"></i></a>
<a href="https://www.instagram.com/" target="_blank" class="text-white"><i class="fa-brands fa-instagram"></i></a>
<a href="https://www.twitter.com/" target="_blank" class="text-white"><i class="fa-brands fa-twitter"></i></a>
</div>
</div>
</div>
<div class="alt-font fw-600 text-dark-gray lh-24 fs-19">Matthew taylor</div>
<span>Designer</span>
</div>
<div class="col text-center team-style-05">
<div class="position-relative mb-30px last-paragraph-no-margin border-radius-6px overflow-hidden">
<img src="images/team-11.jpg" alt />
<div class="w-100 h-100 d-flex flex-column justify-content-center align-items-center p-40px team-content bg-dark-gray-transparent">
<div class="social-icon fs-20">
<a href="https://www.facebook.com/" target="_blank" class="text-white"><i class="fa-brands fa-facebook-f"></i></a>
<a href="https://www.instagram.com/" target="_blank" class="text-white"><i class="fa-brands fa-instagram"></i></a>
<a href="https://www.twitter.com/" target="_blank" class="text-white"><i class="fa-brands fa-twitter"></i></a>
</div>
</div>
</div>
<div class="alt-font fw-600 text-dark-gray lh-24 fs-19">Johncy parker</div>
<span>Writer</span>
</div>
</div>
<div class="row position-relative clients-style-08 mb-15 lg-mb-11">
<div class="col swiper text-center feather-shadow" data-slider-options="{ &quot;slidesPerView&quot;: 2, &quot;spaceBetween&quot;:0, &quot;speed&quot;: 4000, &quot;loop&quot;: true, &quot;pagination&quot;: { &quot;el&quot;: &quot;.slider-four-slide-pagination-2&quot;, &quot;clickable&quot;: false }, &quot;allowTouchMove&quot;: false, &quot;autoplay&quot;: { &quot;delay&quot;:0, &quot;disableOnInteraction&quot;: false }, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.slider-four-slide-next-2&quot;, &quot;prevEl&quot;: &quot;.slider-four-slide-prev-2&quot; }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;breakpoints&quot;: { &quot;1200&quot;: { &quot;slidesPerView&quot;: 4 }, &quot;992&quot;: { &quot;slidesPerView&quot;: 3 }, &quot;768&quot;: { &quot;slidesPerView&quot;: 2 } }, &quot;effect&quot;: &quot;slide&quot; }">
<div class="swiper-wrapper marquee-slide">
<div class="swiper-slide">
<a href="demo-seo-agency-about.html#"><img src="images/logo-netflix.svg" class="h-40px xs-h-30px" alt /></a>
</div>
<div class="swiper-slide">
<a href="demo-seo-agency-about.html#"><img src="images/logo-pingdom.svg" class="h-40px xs-h-30px" alt /></a>
</div>
<div class="swiper-slide">
<a href="demo-seo-agency-about.html#"><img src="images/logo-paypal.svg" class="h-40px xs-h-30px" alt /></a>
</div>
<div class="swiper-slide">
<a href="demo-seo-agency-about.html#"><img src="images/logo-walmart.svg" class="h-40px xs-h-30px" alt /></a>
</div>
<div class="swiper-slide">
<a href="demo-seo-agency-about.html#"><img src="images/logo-amazon.svg" class="h-40px xs-h-30px" alt /></a>
</div>
<div class="swiper-slide">
<a href="demo-seo-agency-about.html#"><img src="images/logo-logitech.svg" class="h-40px xs-h-30px" alt /></a>
</div>
<div class="swiper-slide">
<a href="demo-seo-agency-about.html#"><img src="images/logo-netflix.svg" class="h-40px xs-h-30px" alt /></a>
</div>
<div class="swiper-slide">
<a href="demo-seo-agency-about.html#"><img src="images/logo-pingdom.svg" class="h-40px xs-h-30px" alt /></a>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer-light half-footer">
<div class="container">
<div class="row align-items-center">
<div class="col-12 col-md-auto sm-mb-15px text-center text-md-start">
<a href="demo-seo-agency.html" class="footer-logo"><img src="images/demo-seo-agency-logo-black.png" data-at2x="images/demo-seo-agency-logo-black@2x.png" alt></a>
</div>
<div class="col">
<ul class="footer-navbar fs-18 alt-font text-end fw-600 text-center text-md-end sm-lh-24">
<li class="nav-item active"><a href="demo-seo-agency.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="demo-seo-agency-about.html" class="nav-link">About</a></li>
<li class="nav-item"><a href="demo-seo-agency-what-we-do.html" class="nav-link">What we do</a></li>
<li class="nav-item"><a href="demo-seo-agency-process.html" class="nav-link">Process</a></li>
<li class="nav-item"><a href="demo-seo-agency-pricing.html" class="nav-link">Pricing</a></li>
<li class="nav-item"><a href="demo-seo-agency-contact.html" class="nav-link">Contact</a></li>
</ul>
</div>
</div>
<div class="row justify-content-center align-items-center pt-40px sm-pt-30px">
<div class="col-12 mb-40px sm-mb-30px">
<div class="divider-style-03 divider-style-03-01 border-color-transparent-dark-very-light"></div>
</div>
<div class="col-lg-7 col-md-8 fs-14 lh-24 text-center text-md-start last-paragraph-no-margin sm-mb-20px"><p>This site is protected by reCAPTCHA and the Google <a href="demo-seo-agency-about.html#" class="text-decoration-line-bottom">privacy policy</a> and <a href="demo-seo-agency-about.html#" class="text-decoration-line-bottom">terms of service</a> apply. You must not use this website if you disagree with any of these website standard terms and conditions.</p></div>
<div class="col-lg-5 col-md-4 text-end elements-social social-icon-style-08 text-center text-md-end">
<ul class="medium-icon dark d-inline-block">
<li class="mb-0"><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
<li class="mb-0"><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
<li class="mb-0"><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
<li class="mb-0"><a class="dribbble" href="http://www.dribbble.com" target="_blank"><i class="fa-brands fa-dribbble"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
<div class="scroll-progress d-none d-xxl-block">
<a href="demo-seo-agency-about.html#" class="scroll-top" aria-label="scroll">
<span class="scroll-text">Scroll</span><span class="scroll-line"><span class="scroll-point"></span></span>
</a>
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/vendors.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>