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

478 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/startup/startup.css" />
</head>
<body data-mobile-nav-style="classic">
<header>
<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-lg-0 me-auto">
<a class="navbar-brand" href="demo-startup.html">
<img src="images/demo-startup-logo-white.png" data-at2x="images/demo-startup-logo-white@2x.png" alt class="default-logo">
<img src="images/demo-startup-logo-black.png" data-at2x="images/demo-startup-logo-black@2x.png" alt class="alt-logo">
<img src="images/demo-startup-logo-black.png" data-at2x="images/demo-startup-logo-black@2x.png" alt class="mobile-logo">
</a>
</div>
<div class="col-auto 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" id="navbarNav">
<ul class="navbar-nav alt-font">
<li class="nav-item"><a href="demo-startup.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="demo-startup-who-we-are.html" class="nav-link">Who we are</a></li>
<li class="nav-item dropdown dropdown-with-icon">
<a href="demo-startup-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-startup-services-details.html"><i class="line-icon-Money-Bag"></i>
<div class="submenu-icon-content">
<span>Research planning</span>
<p>Research and strategy</p>
</div>
</a>
</li>
<li>
<a href="demo-startup-services-details.html"><i class="line-icon-Cursor-Click2"></i>
<div class="submenu-icon-content">
<span>Business promotion</span>
<p>Development and scale</p>
</div>
</a>
</li>
<li>
<a href="demo-startup-services-details.html"><i class="line-icon-Bar-Chart"></i>
<div class="submenu-icon-content">
<span>Marketing strategy</span>
<p>Testing and evaluation</p>
</div>
</a>
</li>
<li>
<a href="demo-startup-services-details.html"><i class="line-icon-Environmental-3"></i>
<div class="submenu-icon-content">
<span>Business research</span>
<p>Research and strategy</p>
</div>
</a>
</li>
</ul>
</li>
<li class="nav-item"><a href="demo-startup-clients.html" class="nav-link">Clients</a></li>
<li class="nav-item"><a href="demo-startup-blog.html" class="nav-link">Blog</a></li>
<li class="nav-item"><a href="demo-startup-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-startup-blog.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-700 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-2 ps-50px pe-50px pt-4 pb-4 bg-white">
<div class="left-circle bg-gradient-emerald-blue-emerald-green"></div>
<span class="close-menu text-white bg-dark-gray"><i class="fa-solid fa-xmark"></i></span>
<div class="push-menu-wrapper" data-scroll-options="{ &quot;theme&quot;: &quot;dark&quot; }">
<div class="push-menu-header pt-10 pb-30 mb-30 d-block">
<h4 class="alt-font fw-500 text-white lh-42">Scalable business for <span class="text-decoration-line-bottom-medium fw-700">startups</span></h4>
</div>
<div class="push-menu-address pt-30 lg-pt-10">
<div class="icon-with-text-style-01 mb-15px">
<div class="feature-box feature-box-left-icon last-paragraph-no-margin">
<div class="feature-box-icon me-15px">
<i class="feather icon-feather-map-pin text-dark-gray lh-inherit"></i>
</div>
<div class="feature-box-content">
<p class="w-90 lh-26">401 Broadway, 24th Floor New York, NY 10013.</p>
</div>
</div>
</div>
<div class="icon-with-text-style-01 mb-15px">
<div class="feature-box feature-box-left-icon last-paragraph-no-margin">
<div class="feature-box-icon me-15px">
<i class="feather icon-feather-mail text-dark-gray lh-inherit"></i>
</div>
<div class="feature-box-content">
<a href="cdn-cgi/l/email-protection.html#8fe6e1e9e0cff6e0fafdebe0e2eee6e1a1ece0e2"><span class="__cf_email__" data-cfemail="7910171f163900160c0b1d1614181017571a1614">[email&#160;protected]</span></a>
</div>
</div>
</div>
<div class="icon-with-text-style-01">
<div class="feature-box feature-box-left-icon last-paragraph-no-margin">
<div class="feature-box-icon me-15px">
<i class="feather icon-feather-phone-call text-dark-gray lh-inherit"></i>
</div>
<div class="feature-box-content">
<a href="tel:1800222000">1-800-222-000</a>
</div>
</div>
</div>
<div class="separator-line-1px w-100 bg-extra-medium-gray d-block mt-30px mb-30px"></div>
</div>
<div class="push-menu-social last-paragraph-no-margin">
<div class="elements-social social-text-style-01">
<ul class="medium-icon dark fw-500">
<li><a class="facebook" href="https://www.facebook.com/" target="_blank">Fb.</a></li>
<li><a class="linkedin" href="http://www.linkedin.com" target="_blank">In.</a></li>
<li><a class="twitter" href="https://www.twitter.com" target="_blank">Tw.</a></li>
<li><a class="dribbble" href="http://www.dribbble.com" target="_blank">Dr.</a></li>
</ul>
</div>
<p class="fs-14">&COPY; Copyright 2024 <a href="index.html" target="_blank">Crafto</a></p>
</div>
</div>
</div>
</header>
<section class="page-title-big-typography bg-dark-gray ipad-top-space-margin xs-py-0 cover-background background-position-center-top" style="background-image: url('images/demo-startup-blog-title-bg.jpg')">
<div class="opacity-extra-medium bg-gradient-black-green"></div>
<div class="container">
<div class="row align-items-center justify-content-center small-screen">
<div class="col-xl-6 col-lg-7 col-sm-8 position-relative text-center page-title-extra-small" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 400, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 100, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div><h1 class="text-uppercase mb-15px alt-font text-white opacity-6 fw-500 ls-2px" data-fancy-text="{ &quot;opacity&quot;: [0, 1], &quot;translateY&quot;: [50, 0], &quot;filter&quot;: [&quot;blur(20px)&quot;, &quot;blur(0px)&quot;], &quot;string&quot;: [&quot;Latest blog&quot;], &quot;duration&quot;: 400, &quot;delay&quot;: 0, &quot;speed&quot;: 50, &quot;easing&quot;: &quot;easeOutQuad&quot; }"></h1></div>
<h2 class="m-auto text-white alt-font text-shadow-double-large fw-700 w-90 xl-w-100" data-fancy-text="{ &quot;opacity&quot;: [0, 1], &quot;translateY&quot;: [50, 0], &quot;filter&quot;: [&quot;blur(20px)&quot;, &quot;blur(0px)&quot;], &quot;string&quot;: [&quot;Business growth leaders blog&quot;], &quot;duration&quot;: 400, &quot;delay&quot;: 0, &quot;speed&quot;: 50, &quot;easing&quot;: &quot;easeOutQuad&quot; }"></h2>
</div>
<div class="down-section text-center" data-anime="{ &quot;translateY&quot;: [-50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<a href="demo-startup-blog.html#down-section" class="section-link">
<div class="text-white">
<i class="line-icon-Down icon-medium"></i>
</div>
</a>
</div>
</div>
</div>
</section>
<section id="down-section" class="background-position-center-top sm-background-image-none" style="background-image: url('images/vertical-line-bg.svg')">
<div class="container">
<ul class="blog-grid blog-wrapper grid-loading grid grid-3col xl-grid-3col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<li class="grid-sizer"></li>
<li class="grid-item">
<div class="card border-0 border-radius-4px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image">
<a href="demo-startup-blog-single-simple.html" class="d-block"><img src="images/demo-startup-blog-04.jpg" alt /></a>
<div class="blog-categories">
<a href="demo-startup-blog.html" class="categories-btn bg-white text-dark-gray text-dark-gray-hover text-uppercase alt-font fw-700">Agency</a>
</div>
</div>
<div class="card-body p-13 md-p-11">
<a href="demo-startup-blog-single-simple.html" class="card-title mb-15px alt-font fw-700 fs-18 lh-30 text-dark-gray text-dark-gray-hover d-inline-block">Teamwork is essential for small teams to challenges</a>
<p>Lorem ipsum has been text industry standard dummy...</p>
<div class="author d-flex justify-content-center align-items-center position-relative overflow-hidden fs-14 text-uppercase">
<div class="me-auto">
<span class="blog-date d-inline-block">30 August 2021</span>
<div class="d-inline-block author-name">By <a href="demo-startup-blog.html" class="text-dark-gray text-dark-gray-hover text-decoration-line-bottom fw-500">Den viliamson</a></div>
</div>
<div class="like-count">
<a href="demo-startup-blog-single-simple.html"><i class="fa-regular fa-heart text-base-color"></i><span class="text-dark-gray align-middle fw-500">65</span></a>
</div>
</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="card border-0 border-radius-4px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image">
<a href="demo-startup-blog-single-simple.html" class="d-block"><img src="images/demo-startup-blog-05.jpg" alt /></a>
<div class="blog-categories">
<a href="demo-startup-blog.html" class="categories-btn bg-white text-dark-gray text-dark-gray-hover text-uppercase alt-font fw-700">Luxurious</a>
</div>
</div>
<div class="card-body p-13 md-p-11">
<a href="demo-startup-blog-single-simple.html" class="card-title mb-15px alt-font fw-700 fs-18 lh-30 text-dark-gray text-dark-gray-hover d-inline-block">A business needs a successful best design and practicality</a>
<p>Lorem ipsum has been text industry standard dummy...</p>
<div class="author d-flex justify-content-center align-items-center position-relative overflow-hidden fs-14 text-uppercase">
<div class="me-auto">
<span class="blog-date d-inline-block">12 August 2021</span>
<div class="d-inline-block author-name">By <a href="demo-startup-blog.html" class="text-dark-gray text-dark-gray-hover text-decoration-line-bottom fw-500">Hugh macleod</a></div>
</div>
<div class="like-count">
<a href="demo-startup-blog-single-simple.html"><i class="fa-regular fa-heart text-base-color"></i><span class="text-dark-gray align-middle fw-500">25</span></a>
</div>
</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="card border-0 border-radius-4px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image">
<a href="demo-startup-blog-single-simple.html" class="d-block"><img src="images/demo-startup-blog-06.jpg" alt /></a>
<div class="blog-categories">
<a href="demo-startup-blog.html" class="categories-btn bg-white text-dark-gray text-dark-gray-hover text-uppercase alt-font fw-700">Business</a>
</div>
</div>
<div class="card-body p-13 md-p-11">
<a href="demo-startup-blog-single-simple.html" class="card-title mb-15px alt-font fw-700 fs-18 lh-30 text-dark-gray text-dark-gray-hover d-inline-block">What percentage to give a social marketing partner?</a>
<p>Lorem ipsum has been text industry standard dummy...</p>
<div class="author d-flex justify-content-center align-items-center position-relative overflow-hidden fs-14 text-uppercase">
<div class="me-auto">
<span class="blog-date d-inline-block">06 August 2021</span>
<div class="d-inline-block author-name">By <a href="demo-startup-blog.html" class="text-dark-gray text-dark-gray-hover text-decoration-line-bottom fw-500">Walton smith</a></div>
</div>
<div class="like-count">
<a href="demo-startup-blog-single-simple.html"><i class="fa-regular fa-heart text-base-color"></i><span class="text-dark-gray align-middle fw-500">30</span></a>
</div>
</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="card border-0 border-radius-4px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image">
<a href="demo-startup-blog-single-simple.html" class="d-block"><img src="images/demo-startup-blog-07.jpg" alt /></a>
<div class="blog-categories">
<a href="demo-startup-blog.html" class="categories-btn bg-white text-dark-gray text-dark-gray-hover text-uppercase alt-font fw-700">Design</a>
</div>
</div>
<div class="card-body p-13 md-p-11">
<a href="demo-startup-blog-single-simple.html" class="card-title mb-15px alt-font fw-700 fs-18 lh-30 text-dark-gray text-dark-gray-hover d-inline-block">Make business easy beautiful business application store</a>
<p>Lorem ipsum has been text industry standard dummy...</p>
<div class="author d-flex justify-content-center align-items-center position-relative overflow-hidden fs-14 text-uppercase">
<div class="me-auto">
<span class="blog-date d-inline-block">24 June 2021</span>
<div class="d-inline-block author-name">By <a href="demo-startup-blog.html" class="text-dark-gray text-dark-gray-hover text-decoration-line-bottom fw-500">Hugh macleod</a></div>
</div>
<div class="like-count">
<a href="demo-startup-blog-single-simple.html"><i class="fa-regular fa-heart text-base-color"></i><span class="text-dark-gray align-middle fw-500">16</span></a>
</div>
</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="card border-0 border-radius-4px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image">
<a href="demo-startup-blog-single-simple.html" class="d-block"><img src="images/demo-startup-blog-08.jpg" alt /></a>
<div class="blog-categories">
<a href="demo-startup-blog.html" class="categories-btn bg-white text-dark-gray text-dark-gray-hover text-uppercase alt-font fw-700">Startups</a>
</div>
</div>
<div class="card-body p-13 md-p-11">
<a href="demo-startup-blog-single-simple.html" class="card-title mb-15px alt-font fw-700 fs-18 lh-30 text-dark-gray text-dark-gray-hover d-inline-block">Startup business insurance important at what point?</a>
<p>Lorem ipsum has been text industry standard dummy...</p>
<div class="author d-flex justify-content-center align-items-center position-relative overflow-hidden fs-14 text-uppercase">
<div class="me-auto">
<span class="blog-date d-inline-block">22 February 2021</span>
<div class="d-inline-block author-name">By <a href="demo-startup-blog.html" class="text-dark-gray text-dark-gray-hover text-decoration-line-bottom fw-500">Den viliamson</a></div>
</div>
<div class="like-count">
<a href="demo-startup-blog-single-simple.html"><i class="fa-regular fa-heart text-base-color"></i><span class="text-dark-gray align-middle fw-500">22</span></a>
</div>
</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="card border-0 border-radius-4px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image">
<a href="demo-startup-blog-single-simple.html" class="d-block"><img src="images/demo-startup-blog-09.jpg" alt /></a>
<div class="blog-categories">
<a href="demo-startup-blog.html" class="categories-btn bg-white text-dark-gray text-dark-gray-hover text-uppercase alt-font fw-700">Business</a>
</div>
</div>
<div class="card-body p-13 md-p-11">
<a href="demo-startup-blog-single-simple.html" class="card-title mb-15px alt-font fw-700 fs-18 lh-30 text-dark-gray text-dark-gray-hover d-inline-block">Salary range for first product sales hire at startup business</a>
<p>Lorem ipsum has been text industry standard dummy...</p>
<div class="author d-flex justify-content-center align-items-center position-relative overflow-hidden fs-14 text-uppercase">
<div class="me-auto">
<span class="blog-date d-inline-block">20 August 2021</span>
<div class="d-inline-block author-name">By <a href="demo-startup-blog.html" class="text-dark-gray text-dark-gray-hover text-decoration-line-bottom fw-500">Jeremy dupont</a></div>
</div>
<div class="like-count">
<a href="demo-startup-blog-single-simple.html"><i class="fa-regular fa-heart text-base-color"></i><span class="text-dark-gray align-middle fw-500">55</span></a>
</div>
</div>
</div>
</div>
</li>
</ul>
<div class="row">
<div class="col-12 mt-4 d-flex justify-content-center">
<ul class="pagination pagination-style-01 fs-13 mb-0" data-anime="{ &quot;translate&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 100, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<li class="page-item"><a class="page-link" href="demo-startup-blog.html#"><i class="feather icon-feather-arrow-left fs-18 d-xs-none"></i></a></li>
<li class="page-item"><a class="page-link" href="demo-startup-blog.html#">01</a></li>
<li class="page-item active"><a class="page-link" href="demo-startup-blog.html#">02</a></li>
<li class="page-item"><a class="page-link" href="demo-startup-blog.html#">03</a></li>
<li class="page-item"><a class="page-link" href="demo-startup-blog.html#">04</a></li>
<li class="page-item"><a class="page-link" href="demo-startup-blog.html#"><i class="feather icon-feather-arrow-right fs-18 d-xs-none"></i></a></li>
</ul>
</div>
</div>
</div>
</section>
<footer class="footer-dark bg-slate-blue p-0">
<div class="d-none d-md-flex">
<div class="overlap-section-one-fourth animation-float">
<img src="images/demo-startup-bg-01.png" alt>
</div>
</div>
<div class="container">
<div class="row justify-content-center pt-4 lg-pt-2 sm-pt-45px">
<div class="col-6 col-xl-3 col-lg-12 col-sm-6 last-paragraph-no-margin text-xl-start text-lg-center order-sm-1 lg-mb-50px sm-mb-35px">
<a href="demo-startup.html" class="footer-logo mb-20px md-mb-10px d-inline-block"><img src="images/demo-startup-logo-white.png" data-at2x="images/demo-startup-logo-white@2x.png" alt></a>
<p class="w-90 lg-w-40 md-w-100 mx-lg-auto mx-xl-0">Lorem ipsum amet adipiscing elit to eiusmod ad tempor incididunt enim.</p>
<div class="elements-social social-icon-style-02 mt-20px">
<ul class="small-icon light">
<li class="my-0"><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
<li class="my-0"><a class="dribbble" href="http://www.dribbble.com" target="_blank"><i class="fa-brands fa-dribbble"></i></a></li>
<li class="my-0"><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
<li class="my-0"><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-6 col-xl-2 col-lg-3 col-sm-4 xs-mb-35px order-sm-3 order-lg-2">
<span class="alt-font fw-500 d-block text-white mb-10px">Company</span>
<ul>
<li><a href="demo-startup-who-we-are.html">Who we are</a></li>
<li><a href="demo-startup-services.html">Our services</a><div class="bg-white-transparent-very-light fw-500 text-white lh-22 text-uppercase border-radius-30px ps-10px pe-10px fs-10 ms-10px d-inline-block align-middle">Hot</div></li>
<li><a href="demo-startup-clients.html">Our clients</a></li>
<li><a href="demo-startup-contact.html">Contact us</a></li>
</ul>
</div>
<div class="col-6 col-xl-2 col-lg-3 col-md-5 col-sm-4 xs-mb-35px order-sm-4 order-lg-3">
<span class="alt-font fw-500 d-block text-white mb-10px">Our services</span>
<ul>
<li><a href="demo-startup-services-details.html">Research planning</a></li>
<li><a href="demo-startup-services-details.html">Business promotion</a></li>
<li><a href="demo-startup-services-details.html">Marketing strategy</a></li>
<li><a href="demo-startup-services-details.html">Business campaign</a></li>
</ul>
</div>
<div class="col-6 col-xl-2 col-lg-3 col-md-3 col-sm-4 xs-mb-35px order-sm-5 order-lg-4">
<span class="alt-font fw-500 d-block text-white mb-10px">Need help?</span>
<span>Call us directly?</span>
<span class="d-block mb-15px"><a class="text-white" href="tel:1235678901">(123) 567 8901</a></span>
<span>Need support?</span>
<a href="cdn-cgi/l/email-protection.html#563e333a261632393b373f387835393b" class="text-white text-decoration-line-bottom"><span class="__cf_email__" data-cfemail="4d2528213d0d2922202c2423632e2220">[email&#160;protected]</span></a>
</div>
<div class="col-xl-3 col-lg-3 col-sm-6 md-mb-50px sm-mb-35px xs-mb-0 order-sm-2 order-lg-5">
<span class="alt-font fw-500 d-block text-white mb-10px">Subscribe our newsletter</span>
<p class="mb-20px xs-mb-10px">Subscribe our newsletter to get the latest news.</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="input-small bg-white-transparent-extra-light border-color-transparent form-control pe-50px ps-20px lg-ps-15px required" type="email" name="email" placeholder="Enter your email" />
<input type="hidden" name="redirect" value>
<button class="btn pe-20px submit" aria-label="submit"><i class="icon bi bi-envelope icon-small text-white"></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-35px">
<div class="col-12">
<div class="divider-style-03 divider-style-03-01 border-color-transparent-white-light"></div>
</div>
<div class="col-lg-5 pt-25px pb-25px md-pt-0 fs-16 order-2 order-lg-1 text-center text-lg-start last-paragraph-no-margin"><p>&copy; 2024 Crafto is Proudly Powered by <a href="https://www.themezaa.com/" target="_blank" class="text-white text-decoration-line-bottom">ThemeZaa</a></p></div>
<div class="col-lg-7 pt-25px pb-25px md-pb-5px fs-16 order-1 order-lg-2 text-center text-lg-end">
<ul class="footer-navbar sm-lh-normal">
<li><a href="demo-startup-blog.html#" class="nav-link">Privacy policy</a></li>
<li><a href="demo-startup-blog.html#" class="nav-link">Terms and conditions</a></li>
<li><a href="demo-startup-blog.html#" class="nav-link">Copyright</a></li>
</ul>
</div>
</div>
</div>
</footer>
<div class="scroll-progress d-none d-xxl-block">
<a href="demo-startup-blog.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>