558 lines
31 KiB
HTML
558 lines
31 KiB
HTML
<!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-blog-single-modern.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="{ "theme": "light" }">
|
||
<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#50393e363f10343f3d31393e7e333f3d"><span class="__cf_email__" data-cfemail="afc6c1c9c0efcbc0c2cec6c181ccc0c2">[email protected]</span></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</header>
|
||
|
||
|
||
<section class="one-fourth-screen sm-mb-50px bg-dark-gray" data-parallax-background-ratio="0.5" style="background-image: url('images/demo-consulting-blog-single-post-modern-01.jpg')"></section>
|
||
|
||
|
||
<section class="p-0">
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-10 overlap-section text-center">
|
||
<div class="p-10 box-shadow-extra-large border-radius-4px bg-white text-center">
|
||
<a href="demo-consulting-news.html" class="btn btn-large btn-base-color btn-box-shadow fw-400 ps-20px pe-20px pt-5px pb-5px btn-round-edge-small mb-3 sm-mb-15px">Fashion</a>
|
||
<h3 class="alt-font text-dark-gray ls-minus-1px fw-600 mb-15px">Better to see something once than hear about it a thousand times</h3>
|
||
<div class="lg-mb-20px sm-mb-0">
|
||
<span>By <a href="demo-consulting-news.html" class="text-dark-gray">Shane smith</a></span> on <a href="demo-consulting-news.html" class="text-dark-gray">26 March 2021</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<section class="overlap-section text-center p-0 sm-pt-30px">
|
||
<img class="rounded-circle box-shadow-extra-large w-130px h-130px border border-8 border-color-white" src="images/demo-consulting-blog-single-post-modern-04.jpg" alt>
|
||
</section>
|
||
|
||
|
||
<section class="pb-0 pt-3">
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-9 dropcap-style-01" data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||
<p class="mb-6"><span class="alt-font first-letter text-dark-gray">M</span>lorem ipsum dolor sit amet consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation and 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.</p>
|
||
<div class="row">
|
||
<div class="col-md-6 sm-mb-30px">
|
||
<div class="border-radius-5px border-1 border border-color-light-medium-gray h-100 pt-8 pb-8 ps-10 pe-10 last-paragraph-no-margin">
|
||
<span class="fw-500 text-dark-gray mb-5px d-inline-block">A balanced diet is a cookie in hand</span>
|
||
<p>Lorem ipsum is simply dummy text of the printing typesetting industry lorem Ipsum been industry's standard dummy.</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="border-radius-5px border-1 border border-color-light-medium-gray h-100 pt-8 pb-8 ps-10 pe-10 last-paragraph-no-margin">
|
||
<span class="fw-500 text-dark-gray mb-5px d-inline-block">Nature is wears the bright colors</span>
|
||
<p>Lorem ipsum is simply dummy text of the printing typesetting industry lorem Ipsum been industry's standard dummy.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<section class="half-section" data-anime="{ "translateY": [0, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12 position-relative">
|
||
<img src="images/demo-consulting-blog-single-post-modern-02.jpg" alt>
|
||
<a href="https://player.vimeo.com/video/75976293" class="text-center bg-white rounded-circle video-icon-box video-icon-large popup-vimeo slide-up-animation absolute-middle-center">
|
||
<span>
|
||
<span class="video-icon bg-base-color">
|
||
<i class="fa-solid fa-play text-white"></i>
|
||
<span class="video-icon-sonar">
|
||
<span class="video-icon-sonar-bfr bg-base-color"></span>
|
||
</span>
|
||
</span>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<section class="py-0">
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-9 last-paragraph-no-margin" data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||
<h6 class="alt-font fw-500 text-dark-gray ls-minus-05px mb-15px">Success is the result of perfection and hard work</h6>
|
||
<p class="mb-5">Lorem ipsum dolor sit 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.</p>
|
||
<h6 class="alt-font fw-500 text-dark-gray ls-minus-05px mb-15px">It is better to fail in originality than to succeed in imitation</h6>
|
||
<p>Lorem ipsum dolor sit sed do eiusmod tempor incididunt ut labore 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 proident.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<section class="half-section pb-0">
|
||
<div class="container">
|
||
<div class="row justify-content-center" data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||
<div class="mb-6">
|
||
<img src="images/demo-consulting-blog-single-post-modern-03.jpg" alt>
|
||
</div>
|
||
<div class="col-lg-9 last-paragraph-no-margin">
|
||
<h6 class="alt-font fw-500 text-dark-gray ls-minus-05px mb-15px">Success is the result of perfection and hard work</h6>
|
||
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione sequi nesciunt numquam eius modi tempora incidunt.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<section class="half-section">
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-9" data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||
<div class="row mb-30px">
|
||
<div class="tag-cloud col-md-9 text-center text-md-start sm-mb-15px">
|
||
<a href="demo-consulting-news.html">Development</a>
|
||
<a href="demo-consulting-news.html">Event</a>
|
||
<a href="demo-consulting-news.html">Multimedia </a>
|
||
<a href="demo-consulting-news.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-consulting-blog-single-modern.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/team-25.jpg" class="rounded-circle w-120px" alt>
|
||
<a href="demo-consulting-news.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 type.</p>
|
||
<a href="demo-consulting-news.html" class="btn btn-link btn-large 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">
|
||
<span class="fw-600 ls-1px fs-15 alt-font d-inline-block text-uppercase text-base-color">You may also like</span>
|
||
<h2 class="alt-font text-dark-gray fw-600 ls-minus-2px">Related posts</h2>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<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-extra-large" data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 600, "delay":100, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||
<li class="grid-sizer"></li>
|
||
|
||
<li class="grid-item">
|
||
<div class="card border-0 border-radius-4px box-shadow-quadruple-large">
|
||
<div class="blog-image">
|
||
<a href="demo-consulting-blog-single-modern.html" class="d-block"><img src="images/demo-consulting-blog-01.jpg" alt /></a>
|
||
</div>
|
||
<div class="card-body p-13 md-p-11">
|
||
<a href="demo-consulting-blog-single-modern.html" class="card-title mb-15px alt-font fw-600 fs-20 text-dark-gray d-inline-block">Build up healthy habits and strong peaceful life</a>
|
||
<p>Lorem ipsum has been industry standard dummy text ever...</p>
|
||
<div class="author d-flex justify-content-center align-items-center position-relative overflow-hidden fs-16">
|
||
<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-consulting-news.html" class="text-dark-gray text-decoration-line-bottom fw-600">Den viliamson</a></div>
|
||
</div>
|
||
<div class="like-count fs-15 fw-600">
|
||
<a href="demo-consulting-blog-single-modern.html"><i class="fa-regular fa-heart text-base-color"></i><span class="text-dark-gray align-middle">65</span></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
|
||
<li class="grid-item">
|
||
<div class="card border-0 border-radius-4px box-shadow-quadruple-large">
|
||
<div class="blog-image">
|
||
<a href="demo-consulting-blog-single-modern.html" class="d-block"><img src="images/demo-consulting-blog-03.jpg" alt /></a>
|
||
</div>
|
||
<div class="card-body p-13 md-p-11">
|
||
<a href="demo-consulting-blog-single-modern.html" class="card-title mb-15px alt-font fw-600 fs-20 text-dark-gray d-inline-block">How to bring the season into your great work</a>
|
||
<p>Lorem ipsum has been industry standard dummy text ever...</p>
|
||
<div class="author d-flex justify-content-center align-items-center position-relative overflow-hidden fs-16">
|
||
<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-consulting-news.html" class="text-dark-gray text-decoration-line-bottom fw-600">Hugh macleod</a></div>
|
||
</div>
|
||
<div class="like-count fs-15 fw-600">
|
||
<a href="demo-consulting-blog-single-modern.html"><i class="fa-regular fa-heart text-base-color"></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-4px box-shadow-quadruple-large">
|
||
<div class="blog-image">
|
||
<a href="demo-consulting-blog-single-modern.html" class="d-block"><img src="images/demo-consulting-blog-02.jpg" alt /></a>
|
||
</div>
|
||
<div class="card-body p-13 md-p-11">
|
||
<a href="demo-consulting-blog-single-modern.html" class="card-title mb-15px alt-font fw-600 fs-20 text-dark-gray d-inline-block">Be the strong willed one the public relationship</a>
|
||
<p>Lorem ipsum has been industry standard dummy text ever...</p>
|
||
<div class="author d-flex justify-content-center align-items-center position-relative overflow-hidden fs-16">
|
||
<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-consulting-news.html" class="text-dark-gray text-decoration-line-bottom fw-600">Walton smith</a></div>
|
||
</div>
|
||
<div class="like-count fs-15 fw-600">
|
||
<a href="demo-consulting-blog-single-modern.html"><i class="fa-regular fa-heart text-base-color"></i><span class="text-dark-gray align-middle">30</span></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<section>
|
||
<div class="container" data-anime="{ "el": "childs", "translateY": [0, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-9 text-center mb-2">
|
||
<h6 class="alt-font text-dark-gray fw-500">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-consulting-blog-single-modern.html#" class="text-dark-gray fw-500">Herman Miller</a>
|
||
<a href="demo-consulting-blog-single-modern.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-consulting-blog-single-modern.html#" class="text-dark-gray fw-500">Wilbur Haddock</a>
|
||
<a href="demo-consulting-blog-single-modern.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-consulting-blog-single-modern.html#" class="text-dark-gray fw-500">Colene Landin</a>
|
||
<a href="demo-consulting-blog-single-modern.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-consulting-blog-single-modern.html#" class="text-dark-gray fw-500">Jennifer Freeman</a>
|
||
<a href="demo-consulting-blog-single-modern.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" class="border-bottom border-color-extra-medium-gray pt-0">
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-9 mb-3 sm-mb-6">
|
||
<h6 class="alt-font text-dark-gray fw-500 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">
|
||
<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-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="{"particles": {"number": {"value": 5,"density": {"enable": true,"value_area": 1000}},"color":{"value":["#b7b9be", "#dd6531"]},"shape": {"type": "circle","stroke":{"width":0,"color":"#000000"}},"opacity": {"value": 0.5,"random": false,"anim": {"enable": false,"speed": 1,"sync": false}},"size": {"value": 8,"random": true,"anim": {"enable": false,"sync": true}},"move": {"enable": true,"speed":2,"direction": "right","random": false,"straight": false}},"interactivity": {"detect_on": "canvas","events": {"onhover": {"enable": false,"mode": "repulse"},"onclick": {"enable": false,"mode": "push"},"resize": true}},"retina_detect": 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#97fef9f1f8d7f3f8faf6fef9b9f4f8fa"><span class="__cf_email__" data-cfemail="e48d8a828ba4808b89858d8aca878b89">[email 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>© 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-blog-single-modern.html#" class="nav-link">Privacy policy</a></li>
|
||
<li class="nav-item"><a href="demo-consulting-blog-single-modern.html#" class="nav-link">Terms and conditions</a></li>
|
||
<li class="nav-item"><a href="demo-consulting-blog-single-modern.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-blog-single-modern.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> |