541 lines
26 KiB
HTML
541 lines
26 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/accounting/accounting.css" />
|
|
</head>
|
|
<body data-mobile-nav-style="classic" class="custom-cursor">
|
|
|
|
<div class="cursor-page-inner">
|
|
<div class="circle-cursor circle-cursor-inner"></div>
|
|
<div class="circle-cursor circle-cursor-outer"></div>
|
|
</div>
|
|
|
|
|
|
<header class="header-with-topbar">
|
|
|
|
<div class="header-top-bar top-bar-dark bg-very-light-gray">
|
|
<div class="container-fluid">
|
|
<div class="row h-45px xs-h-auto align-items-center m-0 xs-pt-5px xs-pb-5px">
|
|
<div class="col-lg-6 col-md-7 text-center text-md-start xs-px-0">
|
|
<div class="fs-15 text-dark-gray fw-500">Our accounting experts waiting for you! <a href="demo-accounting-contact.html" class="text-dark-gray text-decoration-line-bottom fw-600">Contact now</a></div>
|
|
</div>
|
|
<div class="col-lg-6 col-md-5 text-end d-none d-md-flex">
|
|
<div class="widget fs-15 fw-500 me-35px lg-me-25px md-me-0 text-dark-gray"><a href="tel:02228899900"><i class="feather icon-feather-phone-call"></i>0222 8899900</a></div>
|
|
<div class="widget fs-15 fw-500 text-dark-gray d-none d-lg-inline-block"><i class="feather icon-feather-map-pin"></i>Broadway, 24th Floor, San Francisco</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<nav class="navbar navbar-expand-lg header-light bg-white responsive-sticky">
|
|
<div class="container-fluid">
|
|
<div class="col-auto col-lg-2 me-lg-0 me-auto">
|
|
<a class="navbar-brand" href="demo-accounting.html">
|
|
<img src="images/demo-accounting-logo-black.png" data-at2x="images/demo-accounting-logo-black@2x.png" alt class="default-logo">
|
|
<img src="images/demo-accounting-logo-black.png" data-at2x="images/demo-accounting-logo-black@2x.png" alt class="alt-logo">
|
|
<img src="images/demo-accounting-logo-black.png" data-at2x="images/demo-accounting-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 fw-600">
|
|
<li class="nav-item"><a href="demo-accounting.html" class="nav-link">Home</a></li>
|
|
<li class="nav-item"><a href="demo-accounting-company.html" class="nav-link">Company</a></li>
|
|
<li class="nav-item dropdown dropdown-with-icon-style02">
|
|
<a href="demo-accounting-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-accounting-services-details.html"><img src="images/demo-accounting-company-icon02.svg" alt>Corporate finance</a></li>
|
|
<li><a href="demo-accounting-services-details.html"><img src="images/demo-accounting-company-icon03.svg" alt>Financial services</a></li>
|
|
<li><a href="demo-accounting-services-details.html"><img src="images/demo-accounting-company-icon-04.svg" alt>Online consulting</a></li>
|
|
<li><a href="demo-accounting-services-details.html"><img src="images/demo-accounting-company-icon-05.svg" alt>Investment consulting</a></li>
|
|
<li><a href="demo-accounting-services-details.html"><img src="images/demo-accounting-company-icon-06.svg" alt>Banking and financing</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item"><a href="demo-accounting-process.html" class="nav-link">Process</a></li>
|
|
<li class="nav-item"><a href="demo-accounting-news.html" class="nav-link">News</a></li>
|
|
<li class="nav-item"><a href="demo-accounting-contact.html" class="nav-link">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-auto col-lg-2 text-end d-none d-sm-flex">
|
|
<div class="header-icon">
|
|
<div class="header-button">
|
|
<a href="demo-accounting-contact.html" class="btn btn-small btn-rounded btn-base-color btn-box-shadow">Let's discuss</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
</header>
|
|
|
|
|
|
<section class="top-space-margin">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-10 text-center">
|
|
<span class="fs-18 mb-30px sm-mb-20px d-inline-block">By <a href="demo-accounting-news.html" class="text-dark-gray text-decoration-line-bottom fw-500">Jackson</a> in <a href="demo-accounting-news.html" class="text-dark-gray text-decoration-line-bottom fw-500">Marketing</a> on 26 November 2021</span>
|
|
<h1 class="alt-font fw-600 text-dark-gray ls-minus-2px mb-0">Marketing tips and tricks for your creative website</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="py-0 ps-13 pe-13 lg-ps-4 lg-pe-4 sm-px-0">
|
|
<div class="container-fluid">
|
|
<div class="row justify-content-center">
|
|
<div class="col-12"><img src="images/demo-accounting-blog-single-creative-01.jpg" class="w-100" alt></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section>
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-10">
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-4 text-center sm-mb-30px">
|
|
<div class="pb-20px">
|
|
<img src="images/blog-single-creative-avtar.jpg" class="rounded-circle w-130px mb-20px" alt>
|
|
<span class="d-block lh-26">Words by</span>
|
|
<a href="demo-accounting-news.html" class="text-dark-gray alt-font fw-500 text-uppercase">Jackson smith</a>
|
|
</div>
|
|
<div class="h-3px w-100 bg-base-color mb-20px"></div>
|
|
<ul class="d-flex list-unstyled justify-content-center">
|
|
<li class="me-25px"><a href="demo-accounting-blog-single-creative.html#" class="text-uppercase alt-font fs-13"><i class="feather icon-feather-message-circle me-5px icon-small align-middle"></i>Comment</a></li>
|
|
<li><a href="demo-accounting-blog-single-creative.html#" class="text-uppercase alt-font fs-13"><i class="feather icon-feather-heart me-5px icon-small align-middle"></i>Like</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="offset-lg-1 col-md-8 last-paragraph-no-margin text-center text-md-start">
|
|
<h3 class="alt-font fw-600 text-dark-gray">Make performance analysis an ongoing strategy</h3>
|
|
<p>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 commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
|
|
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo <span class="text-dark-gray text-decoration-line-bottom">inventore veritatis et quasi</span> architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="py-0 ps-13 pe-13 lg-ps-4 lg-pe-4 sm-px-0">
|
|
<div class="container-fluid">
|
|
<div class="row justify-content-center">
|
|
<div class="col-12"><img src="images/demo-accounting-blog-single-creative-02.jpg" class="w-100" alt></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section>
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-10">
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-4 text-center text-lg-end sm-mb-30px"><img src="images/demo-accounting-blog-single-creative-03.png" class="mt-10px" alt></div>
|
|
<div class="offset-lg-1 col-md-8 last-paragraph-no-margin text-center text-md-start">
|
|
<div class="pb-35px text-center text-md-start">
|
|
<h4 class="text-dark-gray fw-500 w-90 md-w-100 alt-font">The artist's world is limitless. It can be found any where far from where he lives or a few feet away.</h4>
|
|
<span class="fw-600 text-dark-gray d-block lh-20 text-uppercase ls-minus-05px">Nicholas Robinson</span>
|
|
<span class="d-block text-uppercase fs-13">Founder of photos</span>
|
|
</div>
|
|
<div class="h-3px w-100 bg-dark-gray mb-35px"></div>
|
|
<p>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 commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu.</p>
|
|
<p>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.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="py-0 ps-13 pe-13 lg-ps-4 lg-pe-4 sm-px-0">
|
|
<div class="container-fluid">
|
|
<div class="row justify-content-center">
|
|
<div class="col-12"><img src="images/demo-accounting-blog-single-creative-04.jpg" class="w-100" alt></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section>
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-10">
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-4 text-center text-md-start">
|
|
<h5 class="alt-font fw-600 text-dark-gray">Look for opportunities to diversify</h5>
|
|
</div>
|
|
<div class="offset-lg-1 col-md-8 last-paragraph-no-margin text-center text-md-start">
|
|
<p>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 commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse.</p>
|
|
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, <span class="text-dark-gray text-decoration-line-bottom">totam rem aperiam</span> eaque ipsa quae ab illo inventore.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="half-section pt-0">
|
|
<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-accounting-news.html">Development</a>
|
|
<a href="demo-accounting-news.html">Event</a>
|
|
<a href="demo-accounting-news.html">Multimedia </a>
|
|
<a href="demo-accounting-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-accounting-blog-single-creative.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-accounting-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-accounting-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="d-inline-block text-dark-gray align-middle fw-500 fs-20 ls-minus-05px">You may also like</span>
|
|
<h4 class="text-dark-gray fw-700 ls-minus-1px">Related posts</h4>
|
|
</div>
|
|
</div>
|
|
<div class="row g-0">
|
|
<div class="col-12">
|
|
<ul class="blog-classic blog-wrapper grid grid-4col xl-grid-4col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large">
|
|
<li class="grid-sizer"></li>
|
|
|
|
<li class="grid-item">
|
|
<div class="card bg-transparent border-0 h-100">
|
|
<div class="blog-image position-relative overflow-hidden border-radius-4px">
|
|
<a href="demo-accounting-blog-single-creative.html"><img src="images/demo-accounting-blog-01.jpg" alt /></a>
|
|
</div>
|
|
<div class="card-body px-0 pt-30px pb-30px xs-pb-15px last-paragraph-no-margin">
|
|
<a href="demo-accounting-blog-single-creative.html" class="card-title mb-5px fw-500 lh-30 text-dark-gray d-block">High returns on investment</a>
|
|
<p>Lorem ipsum simply dummy printing setting industry...</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
|
|
<li class="grid-item">
|
|
<div class="card bg-transparent border-0 h-100">
|
|
<div class="blog-image position-relative overflow-hidden border-radius-4px">
|
|
<a href="demo-accounting-blog-single-creative.html"><img src="images/demo-accounting-blog-02.jpg" alt /></a>
|
|
</div>
|
|
<div class="card-body px-0 pt-30px pb-30px xs-pb-15px last-paragraph-no-margin">
|
|
<a href="demo-accounting-blog-single-creative.html" class="card-title mb-5px fw-500 lh-30 text-dark-gray d-block">Made businesses efficient</a>
|
|
<p>Lorem ipsum simply dummy printing setting industry...</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
|
|
<li class="grid-item">
|
|
<div class="card bg-transparent border-0 h-100">
|
|
<div class="blog-image position-relative overflow-hidden border-radius-4px">
|
|
<a href="demo-accounting-blog-single-creative.html"><img src="images/demo-accounting-blog-03.jpg" alt /></a>
|
|
</div>
|
|
<div class="card-body px-0 pt-30px pb-30px xs-pb-15px last-paragraph-no-margin">
|
|
<a href="demo-accounting-blog-single-creative.html" class="card-title mb-5px fw-500 lh-30 text-dark-gray d-block">Business meeting 2021</a>
|
|
<p>Lorem ipsum simply dummy printing setting industry...</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
|
|
<li class="grid-item">
|
|
<div class="card bg-transparent border-0 h-100">
|
|
<div class="blog-image position-relative overflow-hidden border-radius-4px">
|
|
<a href="demo-accounting-blog-single-creative.html"><img src="images/demo-accounting-blog-04.jpg" alt /></a>
|
|
</div>
|
|
<div class="card-body px-0 pt-30px pb-30px xs-pb-15px last-paragraph-no-margin">
|
|
<a href="demo-accounting-blog-single-creative.html" class="card-title mb-5px fw-500 lh-30 text-dark-gray d-block">Corporate workplace ethics</a>
|
|
<p>Lorem ipsum simply dummy printing setting industry...</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section>
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-9 text-center mb-2">
|
|
<h4 class="alt-font text-dark-gray fw-500">4 Comments</h4>
|
|
</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-accounting-blog-single-creative.html#" class="text-dark-gray fw-500">Herman Miller</a>
|
|
<a href="demo-accounting-blog-single-creative.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-accounting-blog-single-creative.html#" class="text-dark-gray fw-500">Wilbur Haddock</a>
|
|
<a href="demo-accounting-blog-single-creative.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-accounting-blog-single-creative.html#" class="text-dark-gray fw-500">Colene Landin</a>
|
|
<a href="demo-accounting-blog-single-creative.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-accounting-blog-single-creative.html#" class="text-dark-gray fw-500">Jennifer Freeman</a>
|
|
<a href="demo-accounting-blog-single-creative.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="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-dark bg-dark-gray pt-0 pb-2 lg-pb-35px">
|
|
<div class="footer-top pt-50px pb-50px sm-pt-35px sm-pb-35px border-bottom border-1 border-color-transparent-white-light">
|
|
<div class="container">
|
|
<div class="row align-items-center justify-content-center">
|
|
|
|
<div class="col-xl-6 text-center text-xl-start lg-mb-30px sm-mb-20px">
|
|
<h3 class="text-white mb-5px fw-500 ls-minus-1px">Get a consultation services.</h3>
|
|
<span class="fs-20 widget-text fw-300">We will take care of your business accounting services.</span>
|
|
</div>
|
|
|
|
|
|
<div class="col-xl-6 text-center text-xl-end">
|
|
<a href="demo-accounting-contact.html" class="btn btn-extra-large btn-yellow left-icon btn-box-shadow btn-rounded text-transform-none d-inline-block align-middle me-15px xs-m-10px"><i class="feather icon-feather-mail"></i>Free consultation</a>
|
|
<a href="tel:12345678910" class="btn btn-extra-large btn-base-color left-icon btn-box-shadow btn-rounded d-inline-block align-middle xs-m-10px"><i class="feather icon-feather-phone-call"></i>+1 234 567 8910</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row justify-content-center fs-17 fw-300 mt-5 mb-4 md-mt-45px md-mb-45px xs-mt-35px xs-mb-35px">
|
|
|
|
<div class="col-6 col-lg-3 order-sm-1 md-mb-40px xs-mb-30px last-paragraph-no-margin">
|
|
<a href="demo-accounting.html" class="footer-logo mb-15px d-inline-block"><img src="images/demo-accounting-logo-white.png" data-at2x="images/demo-accounting-logo-white@2x.png" alt></a>
|
|
<p class="w-85 xl-w-95 sm-w-100">Lorem ipsum amet adipiscing elit to eiusmod ad tempor.</p>
|
|
<div class="elements-social social-icon-style-02 mt-20px lg-mt-20px">
|
|
<ul class="small-icon light">
|
|
<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-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-3 order-lg-2">
|
|
<span class="fs-18 fw-400 d-block text-white mb-5px">About</span>
|
|
<ul>
|
|
<li><a href="demo-accounting-company.html">Company</a></li>
|
|
<li><a href="demo-accounting-services.html">Services</a></li>
|
|
<li><a href="demo-accounting-process.html">Process</a></li>
|
|
<li><a href="demo-accounting-contact.html">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
<div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-4 order-lg-3">
|
|
<span class="fs-18 fw-400 d-block text-white mb-5px">Services</span>
|
|
<ul>
|
|
<li><a href="demo-accounting-services.html">Financial</a></li>
|
|
<li><a href="demo-accounting-services.html">Investment</a></li>
|
|
<li><a href="demo-accounting-services.html">Banking</a></li>
|
|
<li><a href="demo-accounting-services.html">Consulting</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
<div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-5 order-lg-4">
|
|
<span class="fs-18 fw-400 d-block text-white mb-5px">Get in touch</span>
|
|
<p class="mb-5px">Need support?</p>
|
|
<a href="cdn-cgi/l/email-protection.html#553d3c15313a38343c3b7b363a38" class="text-white lh-16 d-block mb-15px"><span class="__cf_email__" data-cfemail="b4dcddf4d0dbd9d5ddda9ad7dbd9">[email protected]</span></a>
|
|
<p class="mb-5px">Customer care?</p>
|
|
<a href="tel:12345678910" class="text-white lh-16 d-block">+1 234 567 8910</a>
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-3 col-sm-6 md-mb-40px xs-mb-0 order-sm-2 order-lg-5">
|
|
<span class="fs-18 fw-400 d-block text-white mb-5px">Subscribe to newsletter</span>
|
|
<p class="mb-20px">Enter your email and we contact you!</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-transparent-white-light bg-transparent border-radius-4px w-100 form-control 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="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 align-items-center fs-16 fw-300">
|
|
|
|
<div class="col-md-4 last-paragraph-no-margin order-2 order-md-1 text-center text-md-start"><p>© Copyright 2024 <a href="index.html" target="_blank" class="text-decoration-line-bottom text-white">Crafto</a></p></div>
|
|
|
|
|
|
<div class="col-md-8 text-md-end order-1 order-md-2 text-center text-md-end sm-mb-10px">
|
|
<ul class="footer-navbar sm-lh-normal">
|
|
<li><a href="demo-accounting-blog-single-creative.html#" class="nav-link">Privacy policy</a></li>
|
|
<li><a href="demo-accounting-blog-single-creative.html#" class="nav-link">Terms and conditions</a></li>
|
|
<li><a href="demo-accounting-blog-single-creative.html#" class="nav-link">Copyright</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
<div class="scroll-progress d-none d-xxl-block">
|
|
<a href="demo-accounting-blog-single-creative.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> |