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

395 lines
21 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/corporate/corporate.css" />
</head>
<body data-mobile-nav-trigger-alignment="right" data-mobile-nav-style="modern" data-mobile-nav-bg-color="#242E45">
<div class="box-layout">
<header>
<nav class="navbar navbar-expand-lg header-light bg-white disable-fixed">
<div class="container-fluid">
<div class="col-auto col-xl-3 col-lg-2 me-lg-0 me-auto">
<a class="navbar-brand" href="demo-corporate.html">
<img src="images/demo-corporate-logo-black.png" data-at2x="images/demo-corporate-logo-black@2x.png" alt class="default-logo">
<img src="images/demo-corporate-logo-black.png" data-at2x="images/demo-corporate-logo-black@2x.png" alt class="alt-logo">
<img src="images/demo-corporate-logo-black.png" data-at2x="images/demo-corporate-logo-black@2x.png" alt class="mobile-logo">
</a>
</div>
<div class="col-auto col-xl-6 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">
<li class="nav-item"><a href="demo-corporate.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="demo-corporate-about.html" class="nav-link">About</a></li>
<li class="nav-item dropdown dropdown-with-icon-style02">
<a href="demo-corporate-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-corporate-services-details.html"><i class="line-icon-Medal-2"></i>Business planning</a></li>
<li><a href="demo-corporate-services-details.html"><i class="line-icon-Archery-2"></i>Market research</a></li>
<li><a href="demo-corporate-services-details.html"><i class="line-icon-Financial"></i>Business consulting</a></li>
<li><a href="demo-corporate-services-details.html"><i class="line-icon-Money-Bag"></i>Audience analysis</a></li>
</ul>
</li>
<li class="nav-item"><a href="demo-corporate-customer-stories.html" class="nav-link">Testimonials</a></li>
<li class="nav-item"><a href="demo-corporate-pricing.html" class="nav-link">Pricing</a></li>
<li class="nav-item"><a href="demo-corporate-blog.html" class="nav-link">Blog</a></li>
<li class="nav-item"><a href="demo-corporate-contact.html" class="nav-link">Contact</a></li>
</ul>
</div>
</div>
<div class="col-auto col-xl-3 col-lg-2 text-end md-pe-0">
<div class="header-icon">
<div class="header-search-icon icon">
<a href="demo-corporate-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">×</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 text-center fw-600 mb-4 ls-minus-1px">What are you looking for?</h2>
<input class="search-input" 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-button ms-20px d-none d-xl-inline-block">
<a href="demo-corporate-contact.html" class="btn btn-rounded btn-transparent-light-gray border-1 btn-medium btn-switch-text text-transform-none">
<span>
<span class="btn-double-text fw-600" data-text="Free consultation">Free consultation</span>
<span><i class="fa-regular fa-envelope"></i></span>
</span>
</a>
</div>
</div>
</div>
</div>
</nav>
</header>
<section class="top-space-margin page-title-big-typography border-radius-6px lg-border-radius-0px p-0" data-parallax-background-ratio="0.5" style="background-image: url('images/demo-corporate-customer-blog-bg.jpg')">
<div class="opacity-extra-medium bg-blue-whale"></div>
<div class="container">
<div class="row align-items-center justify-content-center small-screen">
<div class="col-lg-8 position-relative text-center page-title-extra-large" 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;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<h1 class="m-auto text-white text-shadow-double-large fw-600 ls-minus-2px">Latest blog</h1>
</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-corporate-blog.html#down-section" class="section-link">
<div class="text-white">
<i class="feather icon-feather-chevron-down icon-very-medium"></i>
</div>
</a>
</div>
</div>
</div>
</section>
<section id="down-section">
<div class="container">
<div class="row g-0">
<div class="col-12">
<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;: 600, &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-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image">
<a href="demo-corporate-blog-single-clean.html" class="d-block"><img src="images/demo-corporate-blog-01.jpg" alt /></a>
<div class="blog-categories">
<a href="demo-corporate-blog.html" class="categories-btn bg-white text-dark-gray text-dark-gray-hover text-uppercase fw-700">Agency</a>
</div>
</div>
<div class="card-body p-12 lg-p-10">
<a href="demo-corporate-blog-single-clean.html" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block w-90 md-w-100">Build up healthy habits and strong peaceful life.</a>
<p>Lorem ipsum dolor consectetur adipiscing eiusmod tempor...</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 fw-700 text-dark-gray">30 August 2021</span>
<div class="d-inline-block author-name fw-700 text-dark-gray">By <a href="demo-corporate-blog.html" class="text-dark-gray text-decoration-line-bottom">Den viliamson</a></div>
</div>
<div class="like-count">
<a href="demo-corporate-blog-single-clean.html"><i class="fa-regular fa-heart text-red"></i><span class="text-dark-gray align-middle fw-700">25</span></a>
</div>
</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image">
<a href="demo-corporate-blog-single-clean.html" class="d-block"><img src="images/demo-corporate-blog-02.jpg" alt /></a>
<div class="blog-categories">
<a href="demo-corporate-blog.html" class="categories-btn bg-white text-dark-gray text-dark-gray-hover text-uppercase fw-700">Luxurious</a>
</div>
</div>
<div class="card-body p-12 lg-p-10">
<a href="demo-corporate-blog-single-clean.html" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block w-90 md-w-100">How to bring the season into your great marketing.</a>
<p>Lorem ipsum dolor consectetur adipiscing eiusmod tempor...</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 fw-700 text-dark-gray">28 August 2021</span>
<div class="d-inline-block author-name fw-700 text-dark-gray">By <a href="demo-corporate-blog.html" class="text-dark-gray text-decoration-line-bottom">Hugh macleod</a></div>
</div>
<div class="like-count">
<a href="demo-corporate-blog-single-clean.html"><i class="fa-regular fa-heart text-red"></i><span class="text-dark-gray align-middle fw-700">58</span></a>
</div>
</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image">
<a href="demo-corporate-blog-single-clean.html" class="d-block"><img src="images/demo-corporate-blog-03.jpg" alt /></a>
<div class="blog-categories">
<a href="demo-corporate-blog.html" class="categories-btn bg-white text-dark-gray text-dark-gray-hover text-uppercase fw-700">Business</a>
</div>
</div>
<div class="card-body p-12 lg-p-10">
<a href="demo-corporate-blog-single-clean.html" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block w-90 md-w-100">Be the strong willed one the public relationship.</a>
<p>Lorem ipsum dolor consectetur adipiscing eiusmod tempor...</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 fw-700 text-dark-gray">26 August 2021</span>
<div class="d-inline-block author-name fw-700 text-dark-gray">By <a href="demo-corporate-blog.html" class="text-dark-gray text-decoration-line-bottom">Walton smith</a></div>
</div>
<div class="like-count">
<a href="demo-corporate-blog-single-clean.html"><i class="fa-regular fa-heart text-red"></i><span class="text-dark-gray align-middle fw-700">75</span></a>
</div>
</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image">
<a href="demo-corporate-blog-single-clean.html" class="d-block"><img src="images/demo-corporate-blog-04.jpg" alt /></a>
<div class="blog-categories">
<a href="demo-corporate-blog.html" class="categories-btn bg-white text-dark-gray text-dark-gray-hover text-uppercase fw-700">Lifestyle</a>
</div>
</div>
<div class="card-body p-12 lg-p-10">
<a href="demo-corporate-blog-single-clean.html" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block w-90 md-w-100">Make business easy with beautiful application.</a>
<p>Lorem ipsum dolor consectetur adipiscing eiusmod tempor...</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 fw-700 text-dark-gray">30 August 2021</span>
<div class="d-inline-block author-name fw-600 text-dark-gray">By <a href="demo-corporate-blog.html" class="text-dark-gray text-decoration-line-bottom">Bill gardner</a></div>
</div>
<div class="like-count">
<a href="demo-corporate-blog-single-clean.html"><i class="fa-regular fa-heart text-red"></i><span class="text-dark-gray align-middle fw-700">22</span></a>
</div>
</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image">
<a href="demo-corporate-blog-single-clean.html" class="d-block"><img src="images/demo-corporate-blog-05.jpg" alt /></a>
<div class="blog-categories">
<a href="demo-corporate-blog.html" class="categories-btn bg-white text-dark-gray text-dark-gray-hover text-uppercase fw-700">Adventure</a>
</div>
</div>
<div class="card-body p-12 lg-p-10">
<a href="demo-corporate-blog-single-clean.html" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block w-90 md-w-100">Self belief hard work will always earn you success.</a>
<p>Lorem ipsum dolor consectetur adipiscing eiusmod tempor...</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 fw-700 text-dark-gray">18 August 2021</span>
<div class="d-inline-block author-name fw-600 text-dark-gray">By <a href="demo-corporate-blog.html" class="text-dark-gray text-decoration-line-bottom">Hugh macleod</a></div>
</div>
<div class="like-count">
<a href="demo-corporate-blog-single-clean.html"><i class="fa-regular fa-heart text-red"></i><span class="text-dark-gray align-middle fw-700">58</span></a>
</div>
</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image">
<a href="demo-corporate-blog-single-clean.html" class="d-block"><img src="images/demo-corporate-blog-06.jpg" alt /></a>
<div class="blog-categories">
<a href="demo-corporate-blog.html" class="categories-btn bg-white text-dark-gray text-dark-gray-hover text-uppercase fw-700">Business</a>
</div>
</div>
<div class="card-body p-12 lg-p-10">
<a href="demo-corporate-blog-single-clean.html" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block w-90 md-w-100">Through mistakes that you actually can grow.</a>
<p>Lorem ipsum dolor consectetur adipiscing eiusmod tempor...</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 fw-700 text-dark-gray">15 August 2021</span>
<div class="d-inline-block author-name fw-600 text-dark-gray">By <a href="demo-corporate-blog.html" class="text-dark-gray text-decoration-line-bottom">Den viliamson</a></div>
</div>
<div class="like-count">
<a href="demo-corporate-blog-single-clean.html"><i class="fa-regular fa-heart text-red"></i><span class="text-dark-gray align-middle fw-700">46</span></a>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-12 mt-5 md-mt-7 d-flex justify-content-center" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;:0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<ul class="pagination pagination-style-01 fs-13 fw-500 mb-0">
<li class="page-item"><a class="page-link" href="demo-corporate-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-corporate-blog.html#">01</a></li>
<li class="page-item active"><a class="page-link" href="demo-corporate-blog.html#">02</a></li>
<li class="page-item"><a class="page-link" href="demo-corporate-blog.html#">03</a></li>
<li class="page-item"><a class="page-link" href="demo-corporate-blog.html#">04</a></li>
<li class="page-item"><a class="page-link" href="demo-corporate-blog.html#"><i class="feather icon-feather-arrow-right fs-18 d-xs-none"></i></a></li>
</ul>
</div>
</div>
</div>
</section>
<footer class="p-0 fs-16 border-top border-color-extra-medium-gray">
<div class="container">
<div class="row justify-content-center pt-6 sm-pt-40px">
<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-30px">
<a href="demo-corporate.html" class="footer-logo mb-15px d-inline-block"><img src="images/demo-corporate-logo-black.png" data-at2x="images/demo-corporate-logo-black@2x.png" alt></a>
<p class="lh-30 w-90 xl-w-100 mx-lg-auto mx-xl-0">Gearing your company through an innovative strategy.</p>
<div class="elements-social social-icon-style-02 mt-20px xs-mt-15px">
<ul class="medium-icon dark">
<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-30px order-sm-3 order-lg-2">
<span class="fs-17 fw-600 d-block text-dark-gray mb-5px">Company</span>
<ul>
<li><a href="demo-corporate-about.html">Who we are</a></li>
<li><a href="demo-corporate-services.html">Our services</a><div class="bg-dark-gray fw-600 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-corporate-customer-stories.html">Our clients</a></li>
<li><a href="demo-corporate-contact.html">Contact us</a></li>
</ul>
</div>
<div class="col-6 col-xl-2 col-lg-3 col-sm-4 xs-mb-30px order-sm-4 order-lg-3">
<span class="fs-17 fw-600 d-block text-dark-gray mb-5px">Services</span>
<ul>
<li><a href="demo-corporate-services-details.html">Planning</a></li>
<li><a href="demo-corporate-services-details.html">Research</a></li>
<li><a href="demo-corporate-services-details.html">Consulting</a></li>
<li><a href="demo-corporate-services-details.html">Analysis</a></li>
</ul>
</div>
<div class="col-6 col-xl-2 col-lg-3 col-sm-4 xs-mb-30px order-sm-5 order-lg-4">
<span class="fs-17 fw-600 d-block text-dark-gray mb-5px">Customer</span>
<ul>
<li><a href="demo-corporate-customer-stories.html">Client support</a></li>
<li><a href="demo-corporate-customer-stories.html">Help center</a></li>
<li><a href="demo-corporate-customer-stories.html">System status</a></li>
<li><a href="demo-corporate-customer-stories.html">Feedback</a></li>
</ul>
</div>
<div class="col-xl-3 col-lg-3 col-sm-6 md-mb-50px sm-mb-30px xs-mb-0 order-sm-2 order-lg-5">
<span class="fs-17 fw-600 d-block text-dark-gray mb-5px">Subscribe newsletter</span>
<p class="lh-30 w-95 sm-w-100 mb-15px">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">
<input class="border-color-extra-medium-gray bg-transparent border-radius-4px w-100 form-control input-small pe-50px required" type="email" name="email" placeholder="Enter your email" />
<input type="hidden" name="redirect" value>
<button class="btn pe-20px submit lh-16" aria-label="submit"><i class="feather icon-feather-mail icon-small text-dark-gray"></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-2">
<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-35px pb-35px md-pt-0 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-dark-gray fw-600 text-decoration-line-bottom">ThemeZaa</a></p></div>
<div class="col-lg-7 pt-35px pb-35px md-pt-25px md-pb-5px order-1 order-lg-2 text-center text-lg-end">
<ul class="footer-navbar sm-lh-normal">
<li><a href="demo-corporate-blog.html#" class="nav-link">Privacy policy</a></li>
<li><a href="demo-corporate-blog.html#" class="nav-link">Terms and conditions</a></li>
<li><a href="demo-corporate-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-corporate-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>
</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>