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

598 lines
30 KiB
HTML
Raw Permalink 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-single-simple.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#4a23242c250a33253f382e25272b232464292527"><span class="__cf_email__" data-cfemail="01686f676e41786e7473656e6c60686f2f626e6c">[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="cover-background one-fifth-screen bg-dark-gray ipad-top-space-margin d-flex align-items-center" style="background-image: url('images/demo-startup-blog-single-post-simple-01.jpg')">
<div class="opacity-light bg-gradient-dark-transparent"></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10 position-relative" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&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="d-inline-block mb-20px">
<span class="text-white fs-18 opacity-6">
<a href="demo-startup-blog.html" class="text-white">26 November 2023</a>
<span class="d-inline-block fs-24 opacity-5 align-middle ms-15px me-15px"></span>
<a href="demo-startup-blog.html" class="text-white">Fashion</a>
</span>
</div>
<h1 class="text-white w-60 lg-w-80 md-w-70 sm-w-100 alt-font fw-700 ls-minus-2px text-shadow-double-large mb-0">Nature always wears the colors of the spirit.</h1>
<div class="text-white fs-18 mt-4 sm-mt-40px">
<img class="w-90px h-90px rounded-circle me-10px" src="images/avtar-21.jpg" alt>
<a href="demo-startup-blog.html" class="text-white text-decoration-line-bottom">Shane smith</a>
</div>
</div>
</div>
</div>
</section>
<section class="pb-0">
<div class="container">
<div class="row justify-content-center" 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; }">
<div class="col-lg-10">
<h4 class="alt-font fw-600 text-dark-gray w-90 md-w-100">Fashion is what you're offered four times a year by designers. And style is what you choose</h4>
</div>
<div class="col-lg-10 mb-6 sm-mb-35px">
<div class="row">
<div class="col-lg-6 last-paragraph-no-margin md-mb-30px">
<p class="w-90 lg-w-100">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tincidunt sed ante ullamcorper tempor. Maecenas semper odio amet libero luctus sodales. <strong class="text-dark-gray">Pellentesque sit amet convallis ante.</strong> Class aptent taciti sociosqu.</p>
</div>
<div class="col-lg-6 last-paragraph-no-margin">
<p class="w-90 lg-w-100"><span class="text-decoration-line-bottom">Etiam at tristique arcu sit amet sagittis</span> lorem ut idex dignissim, scelerisque augue et, varius sem. Donec sem nulla, vestibulum egestas suscipit at, tincidunt at eros. Quisque blandit nisi sed nulla vulputate.</p>
</div>
</div>
</div>
<div class="col-lg-10 mb-6 sm-mb-35px last-paragraph-no-margin text-center">
<img src="images/demo-startup-blog-single-post-simple-02.jpg" class="mb-20px" alt>
<p class="pb-20px">Photography by Richard winters</p>
<div class="h-1px w-100 bg-extra-medium-gray"></div>
</div>
<div class="col-lg-10 mb-6 sm-mb-35px last-paragraph-no-margin">
<h5 class="alt-font fw-600 text-dark-gray w-95 md-w-100">Fashion you can buy but style you possess. The key to style is learning who you are which takes years</h5>
<p class="w-90 lg-w-100">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut nim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non , sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error.</p>
</div>
<div class="col-lg-10 mb-6 sm-mb-35px">
<div class="row">
<div class="col-md-6 sm-mb-30px">
<img src="images/demo-startup-blog-single-post-simple-03.jpg" alt>
</div>
<div class="col-md-6">
<img src="images/demo-startup-blog-single-post-simple-04.jpg" alt>
</div>
</div>
</div>
<div class="col-lg-10 last-paragraph-no-margin">
<h5 class="alt-font fw-600 text-dark-gray w-90 md-w-100">We finished our first sensor sweep of the neutral zone</h5>
<p class="mb-6 w-90 lg-w-100">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error.</p>
<h5 class="alt-font fw-600 text-dark-gray w-90 md-w-100">You considered all your options you tried every alternative</h5>
<p class="w-90 lg-w-100">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non.</p>
</div>
</div>
</div>
</section>
<section class="half-section">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="row mb-30px">
<div class="tag-cloud col-md-9 text-center text-md-start sm-mb-15px">
<a href="demo-startup-blog.html">Development</a>
<a href="demo-startup-blog.html">Event</a>
<a href="demo-startup-blog.html">Multimedia </a>
<a href="demo-startup-blog.html">Fashion</a>
</div>
<div class="tag-cloud col-md-3 text-uppercase text-center text-md-end">
<a class="likes-count fw-500 mx-0" href="demo-startup-blog-single-simple.html#"><i class="fa-regular fa-heart text-red me-10px"></i><span class="text-dark-gray text-dark-gray-hover">05 Likes</span></a>
</div>
</div>
<div class="row">
<div class="col-12 mb-6">
<div class="d-block d-md-flex w-100 box-shadow-extra-large align-items-center border-radius-4px p-7 sm-p-35px">
<div class="w-140px text-center me-50px sm-mx-auto">
<img src="images/avtar-07.jpg" class="rounded-circle w-120px" alt>
<a href="demo-startup-blog.html" class="text-dark-gray fw-500 mt-20px d-inline-block lh-20">Colene Landin</a>
<span class="fs-15 lh-20 d-block sm-mb-15px">Co-founder</span>
</div>
<div class="w-75 sm-w-100 text-center text-md-start last-paragraph-no-margin">
<p>Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy text ever since the 1500s when an unknown printer took a galley of printing and typesetting.</p>
<a href="demo-startup-blog.html" class="btn btn-link btn-medium text-dark-gray mt-15px">All author posts</a>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-12 text-center elements-social social-icon-style-04">
<ul class="medium-icon dark">
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i><span></span></a></li>
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i><span></span></a></li>
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i><span></span></a></li>
<li><a class="linkedin" href="http://www.linkedin.com" target="_blank"><i class="fa-brands fa-linkedin-in"></i><span></span></a></li>
<li><a class="behance" href="http://www.behance.com/" target="_blank"><i class="fa-brands fa-behance"></i><span></span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bg-very-light-gray">
<div class="container">
<div class="row justify-content-center mb-1">
<div class="col-lg-7 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;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<span class="alt-font text-uppercase fw-600 d-inline-block ls-1px">You may also like</span>
<h3 class="alt-font text-dark-gray fw-600 ls-minus-2px shadow-none" data-shadow-animation="true" data-animation-delay="700">Related <span class="text-highlight fw-800">posts<span class="bg-gradient-emerald-blue-emerald-green h-8px bottom-10px opacity-6 separator-animation"></span></span></h3>
</div>
</div>
<div class="row">
<div class="col-12 px-0">
<ul class="blog-grid blog-wrapper grid grid-3col xl-grid-3col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-double-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-5px 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-01.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">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">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">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 d-inline-block"></i><span class="text-dark-gray align-middle">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-startup-blog-single-simple.html" class="d-block"><img src="images/demo-startup-blog-02.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">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">28 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">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 d-inline-block"></i><span class="text-dark-gray align-middle">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-startup-blog-single-simple.html" class="d-block"><img src="images/demo-startup-blog-03.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">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">26 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">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 d-inline-block"></i><span class="text-dark-gray align-middle">75</span></a>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="pb-0">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-9 text-center mb-2">
<h6 class="alt-font fw-600 text-dark-gray">4 Comments</h6>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-9">
<ul class="blog-comment">
<li>
<div class="d-block d-md-flex w-100 align-items-center align-items-md-start ">
<div class="w-90px sm-w-65px sm-mb-10px">
<img src="images/avtar-18.jpg" class="rounded-circle" alt>
</div>
<div class="w-100 ps-30px last-paragraph-no-margin sm-ps-0">
<a href="demo-startup-blog-single-simple.html#" class="text-dark-gray fw-500">Herman Miller</a>
<a href="demo-startup-blog-single-simple.html#comments" class="btn-reply text-uppercase section-link">Reply</a>
<div class="fs-14 lh-24 mb-10px">17 July 2020, 6:05 PM</div>
<p class="w-85 sm-w-100">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy text ever since the make book.</p>
</div>
</div>
<ul class="child-comment">
<li>
<div class="d-block d-md-flex w-100 align-items-center align-items-md-start ">
<div class="w-90px sm-w-65px sm-mb-10px">
<img src="images/avtar-19.jpg" class="rounded-circle" alt>
</div>
<div class="w-100 ps-30px last-paragraph-no-margin sm-ps-0">
<a href="demo-startup-blog-single-simple.html#" class="text-dark-gray fw-500">Wilbur Haddock</a>
<a href="demo-startup-blog-single-simple.html#comments" class="btn-reply text-uppercase section-link">Reply</a>
<div class="fs-14 lh-24 mb-10px">18 July 2020, 10:19 PM</div>
<p class="w-85 sm-w-100">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy text ever since.</p>
</div>
</div>
</li>
<li>
<div class="d-block d-md-flex w-100 align-items-center align-items-md-start border-radius-5px p-50px md-p-30px sm-p-20px bg-very-light-gray">
<div class="w-90px sm-w-65px sm-mb-10px">
<img src="images/avtar-17.jpg" class="rounded-circle" alt>
</div>
<div class="w-100 ps-30px last-paragraph-no-margin sm-ps-0">
<a href="demo-startup-blog-single-simple.html#" class="text-dark-gray fw-500">Colene Landin</a>
<a href="demo-startup-blog-single-simple.html#comments" class="btn-reply text-uppercase section-link">Reply</a>
<div class="fs-14 lh-24 mb-10px">18 July 2020, 12:39 PM</div>
<p class="w-85 sm-w-100">Lorem ipsum is simply dummy text of the printing and typesetting industry. Ipsum has been the industry's standard dummy text.</p>
</div>
</div>
</li>
</ul>
</li>
<li>
<div class="d-block d-md-flex w-100 align-items-center align-items-md-start ">
<div class="w-90px sm-w-65px sm-mb-10px">
<img src="images/avtar-18.jpg" class="rounded-circle" alt>
</div>
<div class="w-100 ps-30px last-paragraph-no-margin sm-ps-0">
<a href="demo-startup-blog-single-simple.html#" class="text-dark-gray fw-500">Jennifer Freeman</a>
<a href="demo-startup-blog-single-simple.html#comments" class="btn-reply text-uppercase section-link">Reply</a>
<div class="fs-14 lh-24 mb-10px">19 July 2020, 8:25 PM</div>
<p class="w-85 sm-w-100">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy text ever since the make a type specimen book.</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section id="comments">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-9 mb-3 sm-mb-6">
<h6 class="alt-font fw-600 text-dark-gray mb-5px">Write a comment</h6>
<div class="mb-5px">Your email address will not be published. Required fields are marked *</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-9 position-relative z-index-1">
<form action="email-templates/contact-form.php" method="post" class="row contact-form-style-02">
<div class="col-md-6 mb-30px">
<input class="input-name border-radius-4px form-control required" type="text" name="name" placeholder="Enter your name*">
</div>
<div class="col-md-6 mb-30px">
<input class="border-radius-4px form-control required" type="email" name="email" placeholder="Enter your email address*">
</div>
<div class="col-md-12 mb-30px">
<textarea class="border-radius-4px form-control" cols="40" rows="4" name="comment" placeholder="Your message"></textarea>
</div>
<div class="col-12">
<input type="hidden" name="redirect" value>
<button class="btn btn-dark-gray btn-small btn-round-edge submit" type="submit">Post Comment</button>
<div class="form-results mt-20px d-none"></div>
</div>
</form>
</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#dcb4b9b0ac9cb8b3b1bdb5b2f2bfb3b1" class="text-white text-decoration-line-bottom"><span class="__cf_email__" data-cfemail="b3dbd6dfc3f3d7dcded2dadd9dd0dcde">[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-single-simple.html#" class="nav-link">Privacy policy</a></li>
<li><a href="demo-startup-blog-single-simple.html#" class="nav-link">Terms and conditions</a></li>
<li><a href="demo-startup-blog-single-simple.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-single-simple.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>