Access_New/pages/demo-consulting-process.html
2024-09-05 11:33:27 +05:45

395 lines
23 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/consulting/consulting.css" />
</head>
<body data-mobile-nav-style="classic">
<header class="header-with-topbar">
<div class="header-top-bar top-bar-light bg-white disable-fixed md-border-bottom border-color-transparent-dark-very-light">
<div class="container-fluid">
<div class="row h-45px align-items-center m-0">
<div class="col-md-6 text-center text-md-start">
<div class="fs-14 text-dark-gray">Our consulting experts waiting for you! <a href="demo-consulting-contact.html" class="text-base-color fw-500 text-decoration-line-bottom">Contact now</a></div>
</div>
<div class="col-6 text-end d-none d-md-flex">
<div class="widget fs-14 me-30px md-me-0"><a href="tel:02228899900" class="text-dark-gray"><i class="feather icon-feather-phone-call text-base-color"></i> 0222 8899900</a></div>
<div class="widget fs-14 text-dark-gray d-none d-lg-inline-block"><i class="feather icon-feather-map-pin text-base-color"></i> Broadway, 24th Floor, San Francisco</div>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg header-transparent bg-transparent border-bottom border-color-transparent-white-light disable-fixed">
<div class="container-fluid">
<div class="col-auto col-lg-2 me-auto">
<a class="navbar-brand" href="demo-consulting.html">
<img src="images/demo-consulting-logo-white.png" data-at2x="images/demo-consulting-logo-white@2x.png" alt class="default-logo">
<img src="images/demo-consulting-logo-black.png" data-at2x="images/demo-consulting-logo-black@2x.png" alt class="alt-logo">
<img src="images/demo-consulting-logo-black.png" data-at2x="images/demo-consulting-logo-black@2x.png" alt class="mobile-logo">
</a>
</div>
<div class="col-auto col-lg-8 menu-order position-static">
<button class="navbar-toggler float-start" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" 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 justify-content-center" id="navbarNav">
<ul class="navbar-nav alt-font">
<li class="nav-item"><a href="demo-consulting.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="demo-consulting-company.html" class="nav-link">Company</a></li>
<li class="nav-item dropdown simple-dropdown">
<a href="demo-consulting-services.html" class="nav-link">Services</a>
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li><a href="demo-consulting-services-details.html">Audit assurance</a></li>
<li><a href="demo-consulting-services-details.html">Financial advisory</a></li>
<li><a href="demo-consulting-services-details.html">Business analytics</a></li>
<li><a href="demo-consulting-services-details.html">Middle marketing</a></li>
<li><a href="demo-consulting-services-details.html">Consumer markets</a></li>
<li><a href="demo-consulting-services-details.html">Tax efficiency</a></li>
</ul>
</li>
<li class="nav-item"><a href="demo-consulting-process.html" class="nav-link">Process</a></li>
<li class="nav-item"><a href="demo-consulting-clients.html" class="nav-link">Clients</a></li>
<li class="nav-item"><a href="demo-consulting-news.html" class="nav-link">News</a></li>
<li class="nav-item"><a href="demo-consulting-contact.html" class="nav-link">Contact</a></li>
</ul>
</div>
</div>
<div class="col-auto col-lg-2 text-end md-pe-0">
<div class="header-icon">
<div class="header-search-icon icon">
<a href="demo-consulting-process.html#" class="search-form-icon header-search-form"><i class="feather icon-feather-search"></i></a>
<div class="search-form-wrapper">
<button title="Close" type="button" class="search-close alt-font">×</button>
<form id="search-form" role="search" method="get" class="search-form text-left" action="search-result.html">
<div class="search-form-box">
<h2 class="text-dark-gray fw-600 ls-minus-1px text-center mb-4 alt-font">What are you looking for?</h2>
<input class="search-input alt-font" id="search-form-input5e219ef164995" placeholder="Enter your keywords..." name="s" value type="text" autocomplete="off">
<button type="submit" class="search-button">
<i class="feather icon-feather-search" aria-hidden="true"></i>
</button>
</div>
</form>
</div>
</div>
<div class="header-push-button icon">
<div class="push-button">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
</div>
</div>
</nav>
<div class="push-menu push-menu-style-3 p-50px bg-dark-gray">
<span class="close-menu text-dark-gray bg-white"><i class="fa-solid fa-xmark"></i></span>
<div class="push-menu-wrapper text-dark-gray" data-scroll-options="{ &quot;theme&quot;: &quot;light&quot; }">
<div class="w-100">
<h4 class="alt-font text-white fw-400 mb-30px d-block w-90 lh-40">Scalable business for <span class="d-inline-block fw-600 border-3 border-bottom border-color-base-color">startups</span></h4>
</div>
<div class="col-12">
<ul class="fs-20 ps-0 alt-font">
<li class="pt-10px pb-10px w-100"><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f w-30px text-start text-white"></i>Facebook</a></li>
<li class="pt-10px pb-10px w-100"><a class="instagram" href="https://www.instagram.com/" target="_blank"><i class="fa-brands fa-instagram w-30px text-start text-white"></i>Instagram</a></li>
<li class="pt-10px pb-10px w-100"><a class="twitter" href="https://twitter.com/" target="_blank"><i class="fa-brands fa-twitter w-30px text-start text-white"></i>Twitter</a></li>
<li class="pt-10px pb-10px w-100"><a class="dribbble" href="https://www.dribbble.com/" target="_blank"><i class="fa-brands fa-dribbble w-30px text-start text-white"></i>Dribbble</a></li>
</ul>
</div>
<div class="border-top border-color-transparent-white-light pt-30px w-100">
<span class="fs-24 fw-500 text-white"><a href="tel:12345678910">+1 234 567 8910</a></span>
<a href="cdn-cgi/l/email-protection.html#eb82858d84ab8f84868a8285c5888486"><span class="__cf_email__" data-cfemail="e28b8c848da2868d8f838b8ccc818d8f">[email&#160;protected]</span></a>
</div>
</div>
</div>
</header>
<section class="page-title-big-typography bg-dark-gray ipad-top-space-margin xs-py-0" data-parallax-background-ratio="0.5" style="background-image: url('images/demo-consulting-how-we-work-bg.jpg')">
<div class="opacity-light bg-dark-gray"></div>
<div class="container">
<div class="row align-items-center justify-content-center small-screen">
<div class="col-lg-6 col-md-8 position-relative text-center page-title-extra-small" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;rotateX&quot;: [90, 0], &quot;opacity&quot;: [0,1], &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<h1 class="mb-5px alt-font text-white fw-400"><span class="opacity-6">See how can we help</span></h1>
<h2 class="mb-0 text-white alt-font ls-minus-2px text-shadow-double-large fw-500">Our process</h2>
</div>
<div class="down-section text-center" data-anime="{ &quot;translateY&quot;: [100, 0], &quot;opacity&quot;: [0,1], &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<a href="demo-consulting-process.html#down-section" class="section-link">
<div class="fs-30 sm-fs-32 text-white">
<i class="bi bi-mouse"></i>
</div>
</a>
</div>
</div>
</div>
</section>
<section class="bg-very-light-gray big-section" id="down-section">
<div class="container">
<div class="row align-items-center justify-content-center text-center text-lg-start" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 100, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col-lg-5 col-md-10 md-mb-50px xs-mb-40px">
<h2 class="fw-600 text-dark-gray ls-minus-2px mb-0">Explore the simple business process.</h2>
</div>
<div class="col-xl-2 offset-xl-2 offset-lg-1 col-md-3 col-sm-4 text-center xs-mb-30px">
<span class="alt-font text-dark-gray fw-600 fs-130 ls-minus-2px text-highlight">89<span class="bg-base-color left-0px w-50 h-10px bottom-10px"></span></span>
</div>
<div class="col-lg-3 col-md-5 col-sm-6 last-paragraph-no-margin text-center text-sm-start">
<span class="text-dark-gray fs-20 fw-600 d-inline-block mb-5px">Projects completed</span>
<p class="w-90 lg-w-100">Lorem ipsum is simply dummy text the printing typesetting.</p>
</div>
</div>
<div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2 mt-7 md-mt-50px" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&quot;: [-50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 100, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col text-center process-step-style-02 hover-box last-paragraph-no-margin md-mb-50px">
<i class="line-icon-Idea-5 text-base-color icon-double-large mb-20px"></i>
<span class="d-block alt-font text-dark-gray mb-5px fs-20 fw-600">Research</span>
<p class="d-inline-block w-75 lg-w-85">Lorem ipsum is simply text the printing.</p>
<div class="process-step-icon-box position-relative mt-30px">
<span class="progress-step-separator bg-dark-gray opacity-1 w-55 separator-line-1px"></span>
<div class="process-step-icon d-flex justify-content-center align-items-center mx-auto bg-white h-80px w-80px fs-18 rounded-circle text-dark-gray box-shadow-double-large alt-font fw-500">
<span class="number position-relative z-index-1 fw-600">01</span>
<div class="box-overlay bg-white rounded-circle"></div>
</div>
</div>
</div>
<div class="col text-center process-step-style-02 hover-box last-paragraph-no-margin md-mb-50px">
<i class="line-icon-Fountain-Pen text-base-color icon-double-large mb-20px"></i>
<span class="d-block alt-font text-dark-gray mb-5px fs-20 fw-600">Sketches</span>
<p class="d-inline-block w-75 lg-w-85">Lorem ipsum is simply text the printing.</p>
<div class="process-step-icon-box position-relative mt-30px">
<span class="progress-step-separator bg-dark-gray opacity-1 w-55 separator-line-1px"></span>
<div class="process-step-icon d-flex justify-content-center align-items-center mx-auto bg-white h-80px w-80px fs-18 rounded-circle text-dark-gray box-shadow-double-large alt-font fw-500">
<span class="number position-relative z-index-1 fw-600">02</span>
<div class="box-overlay bg-white rounded-circle"></div>
</div>
</div>
</div>
<div class="col text-center process-step-style-02 hover-box last-paragraph-no-margin xs-mb-50px">
<i class="line-icon-Loading-2 text-base-color icon-double-large mb-20px"></i>
<span class="d-block alt-font text-dark-gray mb-5px fs-20 fw-600">Concept</span>
<p class="d-inline-block w-75 lg-w-85">Lorem ipsum is simply text the printing.</p>
<div class="process-step-icon-box position-relative mt-30px">
<span class="progress-step-separator bg-dark-gray opacity-1 w-55 separator-line-1px"></span>
<div class="process-step-icon d-flex justify-content-center align-items-center mx-auto bg-white h-80px w-80px fs-18 rounded-circle text-dark-gray box-shadow-double-large alt-font fw-500">
<span class="number position-relative z-index-1 fw-600">03</span>
<div class="box-overlay bg-white rounded-circle"></div>
</div>
</div>
</div>
<div class="col text-center process-step-style-02 hover-box last-paragraph-no-margin">
<i class="line-icon-Juice text-base-color icon-double-large mb-20px"></i>
<span class="d-block alt-font text-dark-gray mb-5px fs-20 fw-600">Presentation</span>
<p class="d-inline-block w-75 lg-w-85">Lorem ipsum is simply text the printing.</p>
<div class="process-step-icon-box position-relative mt-30px">
<div class="process-step-icon d-flex justify-content-center align-items-center mx-auto bg-white h-80px w-80px fs-18 rounded-circle text-dark-gray box-shadow-double-large alt-font fw-500">
<span class="number position-relative z-index-1 fw-600">04</span>
<div class="box-overlay bg-white rounded-circle"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="position-relative overflow-hidden py-0 bg-very-light-gray">
<div class="skrollr-parallax pt-7 pb-7 md-pt-12 md-pb-12 mx-auto" data-bottom-top="width: 63%" data-center-top="width: 100%;" data-parallax-background-ratio="0.5" style="background-image: url('images/demo-consulting-parallax.jpg')">
<div class="opacity-extra-medium bg-gradient-black-dark-orange"></div>
<div class="container">
<div class="row justify-content-center align-items-center">
<div class="col-xl-9 col-lg-10 text-center position-relative last-paragraph-no-margin parallax-scrolling-style-2">
<a href="https://www.youtube.com/watch?v=cfXHhfNy7tU" class="position-relative d-inline-block text-center rounded-circle border border-3 border-color-transparent-white-very-light video-icon-box video-icon-extra-large popup-youtube mb-6">
<span>
<span class="video-icon">
<i class="fa-solid fa-play text-white"></i>
</span>
</span>
</a>
<span class="opacity-6 ls-2px text-uppercase alt-font text-white d-block mb-2">Supporting your business goal</span>
<h1 class="text-white fw-500 alt-font ls-minus-2px text-shadow-double-large mb-0">Some of the worldwide clients we've helped.</h1>
</div>
</div>
</div>
</div>
</section>
<section class="bg-very-light-gray">
<div class="container">
<div class="row justify-content-center mb-3">
<div class="col-lg-7 text-center" data-anime="{ &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<span class="fw-600 ls-1px fs-16 alt-font d-inline-block text-uppercase mb-5px text-base-color">Frequently asked questions</span>
<h2 class="alt-font text-dark-gray fw-600 ls-minus-2px">How can we help?</h2>
</div>
</div>
<div class="row justify-content-center">
<div class="col-xl-10">
<div class="row row-cols-1 row-cols-md-2" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;perspective&quot;: [1200,1200], &quot;willchange&quot;: &quot;transform&quot;, &quot;translateY&quot;: [0, 0], &quot;scale&quot;: [1.1, 1], &quot;rotateX&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 800, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col mb-30px last-paragraph-no-margin">
<div class="bg-white h-100 ps-50px pe-50px pt-40px pb-40px xs-p-30px box-shadow-quadruple-large border-radius-5px">
<span class="text-dark-gray mb-5px d-inline-block fs-20 fw-600">Can you help us raise money?</span>
<p>Lorem ipsum is simply dummy text of the printing typesetting industry.</p>
</div>
</div>
<div class="col mb-30px last-paragraph-no-margin">
<div class="bg-white h-100 ps-50px pe-50px pt-40px pb-40px xs-p-30px box-shadow-quadruple-large border-radius-5px">
<span class="text-dark-gray mb-5px d-inline-block fs-20 fw-600">Do we really need a business plan?</span>
<p>Lorem ipsum is simply dummy text of the printing typesetting industry.</p>
</div>
</div>
<div class="col sm-mb-30px last-paragraph-no-margin">
<div class="bg-white h-100 ps-50px pe-50px pt-40px pb-40px xs-p-30px box-shadow-quadruple-large border-radius-5px">
<span class="text-dark-gray mb-5px d-inline-block fs-20 fw-600">Will you sign a agreement?</span>
<p>Lorem ipsum is simply dummy text of the printing typesetting industry.</p>
</div>
</div>
<div class="col last-paragraph-no-margin">
<div class="bg-white h-100 ps-50px pe-50px pt-40px pb-40px xs-p-30px box-shadow-quadruple-large border-radius-5px">
<span class="text-dark-gray mb-5px d-inline-block fs-20 fw-600">Can you send us samples of work?</span>
<p>Lorem ipsum is simply dummy text of the printing typesetting industry.</p>
</div>
</div>
</div>
</div>
</div>
<div class="row justify-content-center" data-anime="{ &quot;translateY&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 100, &quot;staggervalue&quot;: 100, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col-12 text-center mt-6">
<h6 class="alt-font text-dark-gray ls-minus-1px mb-0">Didn't find the right response? <a href="demo-consulting-contact.html" class="text-decoration-line-bottom-medium text-dark-gray fw-600 d-inline-block">view more from here</a></h6>
</div>
</div>
</div>
</section>
<footer class="footer-light p-0 position-relative">
<div id="particles-04" class="position-absolute h-100 top-0 left-0 z-index-minus-1 w-100" data-particle="true" data-particle-options="{&quot;particles&quot;: {&quot;number&quot;: {&quot;value&quot;: 5,&quot;density&quot;: {&quot;enable&quot;: true,&quot;value_area&quot;: 1000}},&quot;color&quot;:{&quot;value&quot;:[&quot;#b7b9be&quot;, &quot;#dd6531&quot;]},&quot;shape&quot;: {&quot;type&quot;: &quot;circle&quot;,&quot;stroke&quot;:{&quot;width&quot;:0,&quot;color&quot;:&quot;#000000&quot;}},&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;: 8,&quot;random&quot;: true,&quot;anim&quot;: {&quot;enable&quot;: false,&quot;sync&quot;: true}},&quot;move&quot;: {&quot;enable&quot;: true,&quot;speed&quot;:2,&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 justify-content-center pt-7 sm-pt-50px">
<div class="col-7 col-lg-3 col-md-12 col-sm-6 text-md-center text-lg-start md-mb-30px">
<a href="demo-consulting.html" class="footer-logo mb-15px md-mb-20px d-inline-block"><img src="images/demo-consulting-logo-black.png" data-at2x="images/demo-consulting-logo-black@2x.png" alt></a>
<p class="mb-20px">Lorem ipsum dolor consectetur adipiscing eiusmod tempor.</p>
<div class="elements-social social-icon-style-02">
<ul class="medium-icon dark icon-with-animation">
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a class="dribbble" href="http://www.dribbble.com" target="_blank"><i class="fa-brands fa-dribbble"></i></a></li>
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
</ul>
</div>
</div>
<div class="col-5 col-lg-2 offset-xl-1 col-md-3 col-sm-6 md-mb-30px">
<span class="alt-font d-block text-dark-gray fw-600 mb-10px fs-19">Company</span>
<ul>
<li><a href="demo-consulting-company.html">Company</a></li>
<li><a href="demo-consulting-services.html">Services</a></li>
<li><a href="demo-consulting-process.html">Process</a></li>
<li><a href="demo-consulting-contact.html">Contact</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 xs-mb-30px">
<span class="alt-font d-block text-dark-gray fw-600 mb-10px fs-19">Get in touch</span>
<p class="mb-15px w-75 lg-w-85 sm-w-100">Broadway, 24th Floor New York, NY, 10013</p>
<p class="m-0"><span class="fw-600"><i class="feather icon-feather-phone-call text-dark-gray icon-small me-10px"></i></span><a href="tel:1800222000">1-800-222-000</a></p>
<p class="m-0"><span class="fw-600"><i class="feather icon-feather-mail text-dark-gray icon-small me-10px"></i></span><a href="cdn-cgi/l/email-protection.html#b1d8dfd7def1d5dedcd0d8df9fd2dedc"><span class="__cf_email__" data-cfemail="e78e898188a783888a868e89c984888a">[email&#160;protected]</span></a></p>
</div>
<div class="col-xl-3 col-lg-4 col-md-5 col-sm-6">
<span class="alt-font d-block text-dark-gray fw-600 mb-10px fs-19">Newsletter</span>
<p class="sm-mb-20px">Subscribe our newsletter to get the latest news and updates.</p>
<div class="d-inline-block w-100 newsletter-style-02 position-relative">
<form action="email-templates/subscribe-newsletter.php" method="post" class="position-relative w-100">
<input class="bg-transparent border-color-extra-medium-gray w-100 form-control required" type="email" name="email" placeholder="Enter email address...">
<input type="hidden" name="redirect" value>
<button class="btn submit" aria-label="submit"><i class="icon feather icon-feather-mail icon-small text-base-color"></i></button>
<div class="form-results border-radius-4px pt-5px pb-5px ps-15px pe-15px fs-14 lh-22 mt-10px w-100 text-center position-absolute d-none"></div>
</form>
</div>
</div>
</div>
<div class="row justify-content-center align-items-center pt-5 sm-pt-30px">
<div class="col-12">
<div class="divider-style-03 divider-style-03-01 border-color-extra-medium-gray"></div>
</div>
<div class="col-lg-6 pt-25px pb-25px md-pt-0 fs-16 last-paragraph-no-margin order-2 order-lg-1 text-center text-lg-start"><p>&copy; 2024 Crafto is Proudly Powered by <a href="https://www.themezaa.com/" target="_blank" class="text-decoration-line-bottom text-dark-gray fw-500">ThemeZaa</a></p></div>
<div class="col-lg-6 pt-25px pb-25px md-pb-5px fs-16 order-1 order-lg-2 text-center text-lg-end">
<ul class="footer-navbar md-lh-normal">
<li class="nav-item"><a href="demo-consulting-process.html#" class="nav-link">Privacy policy</a></li>
<li class="nav-item"><a href="demo-consulting-process.html#" class="nav-link">Terms and conditions</a></li>
<li class="nav-item"><a href="demo-consulting-process.html#" class="nav-link">Copyright</a></li>
</ul>
</div>
</div>
</div>
</footer>
<div class="scroll-progress d-none d-xxl-block">
<a href="demo-consulting-process.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 data-cfasync="false" src="cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><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>