bblog page added
This commit is contained in:
sujan
parent
59174955f0
commit
ec90e4f91d
728
about.php
728
about.php
@ -20,74 +20,56 @@
|
|||||||
<link rel="stylesheet" href="css/icon.min.css" />
|
<link rel="stylesheet" href="css/icon.min.css" />
|
||||||
<link rel="stylesheet" href="css/style.min.css" />
|
<link rel="stylesheet" href="css/style.min.css" />
|
||||||
<link rel="stylesheet" href="css/responsive.min.css" />
|
<link rel="stylesheet" href="css/responsive.min.css" />
|
||||||
<link rel="stylesheet" href="demos/accounting/accounting.css" />
|
<link rel="stylesheet" href="demos/branding-agency/branding-agency.css" />
|
||||||
</head>
|
</head>
|
||||||
<body data-mobile-nav-style="classic" class="custom-cursor">
|
<body data-mobile-nav-trigger-alignment="right" data-mobile-nav-style="modern" data-mobile-nav-bg-color="#1d1d1d">
|
||||||
|
|
||||||
<div class="cursor-page-inner">
|
<header>
|
||||||
<div class="circle-cursor circle-cursor-inner"></div>
|
|
||||||
<div class="circle-cursor circle-cursor-outer"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
<nav class="navbar navbar-expand-lg header-light bg-white header-reverse glass-effect">
|
||||||
<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 class="text-dark-gray" 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="container-fluid">
|
||||||
<div class="col-auto col-lg-2 me-lg-0 me-auto">
|
<div class="col-auto col-lg-2 me-lg-0 me-auto">
|
||||||
<a class="navbar-brand" href="demo-accounting.html">
|
<a class="navbar-brand" href="demo-branding-agency.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-branding-agency-logo-black.png" data-at2x="images/demo-branding-agency-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-branding-agency-logo-black.png" data-at2x="images/demo-branding-agency-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">
|
<img src="images/demo-branding-agency-logo-black.png" data-at2x="images/demo-branding-agency-logo-black@2x.png" alt class="mobile-logo">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-auto menu-order position-static">
|
<div class="col-auto ms-auto md-ms-0 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">
|
<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>
|
||||||
<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>
|
</button>
|
||||||
<div class="collapse navbar-collapse" id="navbarNav">
|
<div class="collapse navbar-collapse justify-content-center" id="navbarNav">
|
||||||
<ul class="navbar-nav fw-600">
|
<ul class="navbar-nav alt-font">
|
||||||
<li class="nav-item"><a href="demo-accounting.html" class="nav-link">Home</a></li>
|
<li class="nav-item"><a href="demo-branding-agency.html" class="nav-link">Home</a></li>
|
||||||
<li class="nav-item"><a href="about.php" class="nav-link">Company</a></li>
|
<li class="nav-item"><a href="demo-branding-agency-about.html" class="nav-link">Agency</a></li>
|
||||||
<li class="nav-item dropdown dropdown-with-icon-style02">
|
<li class="nav-item dropdown dropdown-with-icon-style02">
|
||||||
<a href="demo-accounting-services.html" class="nav-link">Services</a>
|
<a href="demo-branding-agency-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>
|
<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">
|
<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-branding-agency-services-detail.html"><i class="bi bi-megaphone text-dark-gray"></i>Branding solutions</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-branding-agency-services-detail.html"><i class="bi bi-vector-pen text-dark-gray"></i>Design research</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-branding-agency-services-detail.html"><i class="bi bi-laptop text-dark-gray"></i>Web development</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-branding-agency-services-detail.html"><i class="bi bi-bag-heart text-dark-gray"></i>eCommerce solutions</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>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item"><a href="demo-accounting-process.html" class="nav-link">Process</a></li>
|
<li class="nav-item"><a href="demo-branding-agency-portfolio.html" class="nav-link">Portfolio</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-branding-agency-contact.html" class="nav-link">Contact</a></li>
|
||||||
<li class="nav-item"><a href="demo-accounting-contact.html" class="nav-link">Contact</a></li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-auto col-lg-2 text-end d-none d-sm-flex">
|
<div class="col-auto text-end d-none d-sm-flex">
|
||||||
<div class="header-icon">
|
<div class="header-icon">
|
||||||
<div class="header-button">
|
<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>
|
<a href="cdn-cgi/l/email-protection.html#84edeae2ebc4e0ebe9e5edeaaae7ebe9" class="btn border-1 btn-transparent-light-gray btn-medium left-icon btn-switch-text">
|
||||||
|
<span>
|
||||||
|
<span><i class="fa-regular fa-envelope"></i></span>
|
||||||
|
<span class="btn-double-text" data-text="Send a message">Send a message</span>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -97,12 +79,23 @@
|
|||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
|
||||||
<section class="top-space-margin page-title-big-typography cover-background magic-cursor round-cursor" style="background-image: url('images/demo-accounting-company-title-bg.jpg')">
|
<section class="p-0 top-space-margin position-relative overflow-hidden">
|
||||||
<div class="container">
|
<div class="container-fluid p-0 h-100 position-relative">
|
||||||
<div class="row extra-very-small-screen align-items-center">
|
<div class="row g-0">
|
||||||
<div class="col-lg-5 col-sm-8 position-relative page-title-extra-small" data-anime="{ "el": "childs", "opacity": [0, 1], "translateX": [-30, 0], "duration": 800, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
<div class="col-xl-4 col-lg-5 d-flex justify-content-center align-items-center ps-10 xxl-ps-6 xl-ps-4 md-ps-4 sm-ps-0 position-relative order-2 order-lg-1" data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||||
<h1 class="mb-20px text-white text-shadow-medium"><span class="w-30px h-2px bg-yellow d-inline-block align-middle position-relative top-minus-2px me-10px"></span>Our company</h1>
|
<div class="vertical-title-center align-items-center justify-content-center flex-shrink-0 w-75px sm-w-50px">
|
||||||
<h2 class="text-white text-shadow-medium fw-500 ls-minus-2px mb-0">About crafto accounto</h2>
|
<h1 class="title fs-15 alt-font text-dark-gray fw-700 text-uppercase ls-1px text-uppercase d-flex w-auto align-items-center m-0" data-fancy-text="{ "opacity": [0, 1], "translateY": [50, 0], "filter": ["blur(20px)", "blur(0px)"], "string": ["about agency"], "duration": 400, "delay": 0, "speed": 50, "easing": "easeOutQuad" }"></h1>
|
||||||
|
</div>
|
||||||
|
<div class="border-start border-color-extra-medium-gray ps-40px sm-ps-20px position-relative z-index-9">
|
||||||
|
<h2 class="text-dark-gray fw-600 alt-font outside-box-right-10 xl-outside-box-right-15 lg-outside-box-right-20 md-me-0 sm-mb-0 ls-minus-3px">We are work on delivering unique visual solutions.</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-8 col-lg-7 position-relative one-half-screen order-1 order-lg-2 md-mb-50px">
|
||||||
|
<div class="overflow-hidden position-relative">
|
||||||
|
<div class="w-100" data-anime="{ "effect": "slide", "direction": "lr", "color": "#f7f7f7", "duration": 1000, "delay": 0 }">
|
||||||
|
<img src="images/demo-branding-agency-about-title-bg.jpg" alt class="w-100 liquid-parallax" data-parallax-liquid="true" data-parallax-position="top" data-parallax-scale="1.05">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -111,275 +104,120 @@
|
|||||||
|
|
||||||
<section>
|
<section>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row justify-content-center mb-3">
|
<div class="row mb-6 sm-mb-50px">
|
||||||
<div class="col-lg-7 col-md-8 col-sm-9 text-center" data-anime="{ "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
<div class="col-md-12 text-center text-md-start" data-anime="{"opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||||
<h3 class="text-dark-gray fw-700 ls-minus-2px">Why choose us as your accountant consultant?</h3>
|
<div class="fs-140 xxl-fs-100 sm-fs-60 fw-600 text-dark-gray alt-font ls-minus-8px sm-ls-minus-2px" data-bottom-top="transform: translate3d(-50px, 0px, 0px);" data-top-bottom="transform: translate3d(50px, 0px, 0px);">Brand experience</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="row align-items-center align-items-lg-end" data-bottom-top="transform: translate3d(-30px, 0px, 0px);" data-top-bottom="transform: translate3d(30px, 0px, 0px);">
|
||||||
|
<div class="col-lg-3 col-md-4 text-md-end text-center md-mt-30px md-mb-20px" data-anime="{"opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||||
|
<div class="position-relative">
|
||||||
|
<img src="images/demo-branding-agency-about-01.png" class="animation-rotation position-relative z-index-2" alt>
|
||||||
|
<div class="absolute-middle-center w-100 z-index-1"><img src="images/demo-branding-agency-about-02.png" alt></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row row-cols-1 row-cols-lg-3 row-cols-md-2 justify-content-center mb-5" data-anime="{ "el": "childs", "translateX": [-30, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
<div class="col-lg-5 col-md-6 text-center text-md-start" data-anime="{"opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||||
|
<div class="fs-140 xxl-fs-100 sm-fs-60 fw-600 text-dark-gray alt-font ls-minus-8px sm-ls-minus-2px">agency</div>
|
||||||
<div class="col icon-with-text-style-07 transition-inner-all md-mb-30px">
|
|
||||||
<div class="bg-very-light-gray h-100 justify-content-end feature-box flex-column-reverse p-15 md-p-13 border-radius-8px">
|
|
||||||
<div class="feature-box-icon">
|
|
||||||
<a href="demo-accounting-services-details.html"><img src="images/demo-accounting-company-icon01.svg" class="h-95px" alt></a>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-lg-4 last-paragraph-no-margin md-mt-30px" data-anime="{"opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||||
|
<p class="w-95 md-w-80 mx-auto text-center text-lg-start sm-w-100">Creating products with a strong identity. We provide brilliant ideas and adding the world called success brand. </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row g-0 counter-style-04" data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||||
|
<div class="col-lg-3 col-md-6 feature-box text-start hover-box border-start sm-border border-color-extra-medium-gray ps-35px pe-35px pt-25px pb-25px lg-ps-25px lg-pe-25px md-ps-35px md-pe-35px md-mb-50px sm-mb-30px">
|
||||||
<div class="feature-box-content">
|
<div class="feature-box-content">
|
||||||
<a href="demo-accounting-services-details.html" class="d-inline-block fw-600 text-dark-gray mb-5px fs-20 ls-minus-05px">Business process</a>
|
<p class="text-dark-gray mb-20 sm-mb-10 fw-500 w-90 fs-17 lh-28">Users on marketplaces we've created in 2023.</p>
|
||||||
<p class="mb-30px">An activity or set of activities that can accomplish a specific organizational goal.</p>
|
<h2 class="vertical-counter d-inline-flex text-dark-gray fw-700 ls-minus-2px mt-25 alt-font mb-0" data-text="+" data-to="8500"><sup class="text-dark-gray top-0"><i class="feather icon-feather-arrow-up icon-small"></i></sup></h2>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="col-lg-3 col-md-6 feature-box text-start hover-box border-start sm-border border-color-extra-medium-gray md-border-end ps-35px pe-35px pt-25px pb-25px lg-ps-25px lg-pe-25px md-mb-50px sm-mb-30px">
|
||||||
|
|
||||||
|
|
||||||
<div class="col icon-with-text-style-07 transition-inner-all md-mb-30px">
|
|
||||||
<div class="bg-very-light-gray h-100 justify-content-end feature-box flex-column-reverse p-15 md-p-13 border-radius-8px">
|
|
||||||
<div class="feature-box-icon">
|
|
||||||
<a href="demo-accounting-services-details.html"><img src="images/demo-accounting-company-icon02.svg" class="h-95px" alt></a>
|
|
||||||
</div>
|
|
||||||
<div class="feature-box-content">
|
<div class="feature-box-content">
|
||||||
<a href="demo-accounting-services-details.html" class="d-inline-block fw-600 text-dark-gray mb-5px fs-20 ls-minus-05px">Corporate finance</a>
|
<p class="text-dark-gray mb-20 sm-mb-10 fw-500 w-90 fs-17 lh-28">Successfully finished projects with creativity. </p>
|
||||||
<p class="mb-30px">We combine deep financial expertise with exclusive tools to help the maximize value.</p>
|
<h2 class="vertical-counter d-inline-flex text-dark-gray fw-700 ls-minus-2px mt-25 alt-font mb-0" data-text="+" data-to="660"><sup class="text-dark-gray top-0"><i class="feather icon-feather-arrow-up icon-small"></i></sup></h2>
|
||||||
</div>
|
|
||||||
<span class="position-absolute box-shadow-large top-25px lg-top-15px right-25px lg-right-15px bg-white border-radius-18px text-dark-gray fs-11 fw-700 text-uppercase ps-15px pe-15px lh-26 ls-minus-05px">New</span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-lg-3 col-md-6 feature-box text-start hover-box border-start sm-border border-color-extra-medium-gray ps-35px pe-35px pt-25px pb-25px lg-ps-25px lg-pe-25px sm-mb-30px">
|
||||||
|
|
||||||
<div class="col icon-with-text-style-07 transition-inner-all">
|
|
||||||
<div class="bg-very-light-gray h-100 justify-content-end feature-box flex-column-reverse p-15 md-p-13 border-radius-8px">
|
|
||||||
<div class="feature-box-icon">
|
|
||||||
<a href="demo-accounting-services-details.html"><img src="images/demo-accounting-company-icon03.svg" class="h-95px" alt></a>
|
|
||||||
</div>
|
|
||||||
<div class="feature-box-content">
|
<div class="feature-box-content">
|
||||||
<a href="demo-accounting-services-details.html" class="d-inline-block fw-600 text-dark-gray mb-5px fs-20 ls-minus-05px">Financial services</a>
|
<p class="text-dark-gray mb-20 sm-mb-10 fw-500 w-90 fs-17 lh-28">Monthly visitors on our e-Commerce platform.</p>
|
||||||
<p class="mb-30px">Financial services are the economic services provided by the finance industry.</p>
|
<h2 class="vertical-counter d-inline-flex text-dark-gray fw-700 ls-minus-2px mt-25 alt-font mb-0" data-text="+" data-to="6834"><sup class="text-dark-gray top-0"><i class="feather icon-feather-arrow-up icon-small"></i></sup></h2>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-lg-3 col-md-6 feature-box text-start hover-box border-start sm-border border-color-extra-medium-gray md-border-end ps-35px pe-35px pt-25px pb-25px lg-ps-25px lg-pe-25px">
|
||||||
|
<div class="feature-box-content">
|
||||||
|
<p class="text-dark-gray mb-20 sm-mb-10 fw-500 w-90 fs-17 lh-28">Onboarding conversions growth increased.</p>
|
||||||
|
<h2 class="vertical-counter d-inline-flex text-dark-gray fw-700 ls-minus-2px mt-25 alt-font mb-0" data-text="%" data-to="38"><sup class="text-dark-gray top-0"><i class="feather icon-feather-arrow-up icon-small"></i></sup></h2>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="row" data-anime="{ "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
|
||||||
<div class="col-12 text-center">
|
|
||||||
<div class="d-inline-block align-middle bg-yellow fw-600 text-white text-uppercase border-radius-30px ps-20px pe-20px fs-12 me-10px lh-30 sm-m-5px">Trust</div>
|
|
||||||
<div class="d-inline-block align-middle text-dark-gray fs-19 fw-600 ls-minus-05px">Join the <span class="text-decoration-line-bottom text-dark-gray">10000+ companies</span> trusting crafto accounting.</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
||||||
<section class="pt-0 big-section">
|
<section class="pt-0">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center" data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
<div class="row mb-17 sm-mb-30px">
|
||||||
<div class="col-lg-6 position-relative md-mb-14 sm-mb-17 xs-mb-23">
|
<div class="col-lg-6 position-relative">
|
||||||
<div class="w-70 md-w-75 xs-w-90" data-animation-delay="50" data-shadow-animation="true">
|
<div class="row align-items-center position-relative md-mb-15" data-anime="{ "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||||
<img src="images/demo-accounting-company-01.jpg" alt class="border-radius-8px w-100">
|
<div class="col-md-5 sm-mb-30px" data-bottom-top="transform: translateY(50px)" data-top-bottom="transform: translateY(-50px)">
|
||||||
|
<img src="images/demo-branding-agency-about-05.jpg" alt />
|
||||||
</div>
|
</div>
|
||||||
<div class="w-55 overflow-hidden position-absolute right-15px xs-w-60 bottom-minus-20px" data-shadow-animation="true" data-animation-delay="250" data-bottom-top="transform: translateY(50px)" data-top-bottom="transform: translateY(-50px)">
|
<div class="col-lg-7 col-md-7 sm-mb-30px text-end" data-bottom-top="transform: translateY(-30px)" data-top-bottom="transform: translateY(30px)">
|
||||||
<img src="images/demo-accounting-company-02.jpg" alt class="border-radius-8px w-100 box-shadow-quadruple-large" />
|
<img src="images/demo-branding-agency-about-04.jpg" alt class="box-shadow-quadruple-large md-w-80 sm-w-100" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="w-50 sm-w-100 overflow-hidden position-absolute sm-position-relative left-140px bottom-minus-200px sm-bottom-0px sm-left-0px p-0 sm-ps-15px sm-pe-15px" data-shadow-animation="true" data-animation-delay="100" data-bottom-top="transform: translateY(20px)" data-top-bottom="transform: translateY(-20px)">
|
||||||
<div class="col-xl-5 offset-xl-1 col-lg-6 text-center text-lg-start">
|
<img src="images/demo-branding-agency-about-03.jpg" alt class="box-shadow-quadruple-large w-100" />
|
||||||
<h3 class="fw-700 text-dark-gray ls-minus-2px">We are leader in tax advisor and financial.</h3>
|
|
||||||
<p class="mb-40px xs-mb-30px w-90 lg-w-95 md-w-100">There are many variations of passages of available but the majority have suffered alteration some form by humou words which don't look believable.</p>
|
|
||||||
<div class="row align-items-center mb-30px xs-mb-25px justify-content-center justify-content-lg-start">
|
|
||||||
|
|
||||||
<div class="col-lg-5 col-md-4 col-sm-5 last-paragraph-no-margin counter-style-04 xs-mb-25px">
|
|
||||||
<h3 class="vertical-counter d-inline-flex fw-700 text-dark-gray mb-0 ls-minus-2px xl-ls-minus-1px" data-text="+" data-to="280"><sup class="text-yellow top-0px me-5px"><i class="feather icon-feather-users icon-very-medium"></i></sup></h3>
|
|
||||||
<span class="fw-500 text-dark-gray mb-10px d-block ls-minus-05px">Accountant team</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col-lg-6 col-md-4 col-sm-5 last-paragraph-no-margin counter-style-04">
|
|
||||||
<h3 class="vertical-counter d-inline-flex fw-700 text-dark-gray mb-0 ls-minus-2px xl-ls-minus-1px" data-text="+" data-to="465"><sup class="text-yellow top-0px me-5px"><i class="feather icon-feather-briefcase icon-very-medium"></i></sup></h3>
|
|
||||||
<span class="fw-500 text-dark-gray mb-10px d-block ls-minus-05px">Projects completed</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<a href="demo-accounting-services.html" class="btn btn-large btn-rounded with-rounded btn-base-color btn-round-edge btn-box-shadow">Let's discuss<span class="bg-orient-blue text-white"><i class="feather icon-feather-arrow-right icon-small"></i></span></a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
<div class="col-xl-5 col-lg-6 offset-xl-1 md-mt-20 sm-mt-0" data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||||
|
<div class="mb-10px">
|
||||||
|
<span class="w-25px h-1px d-inline-block bg-base-color me-5px align-middle"></span>
|
||||||
<section class="p-0 bg-base-color">
|
<span class="text-gradient-base-color fs-15 alt-font fw-700 ls-05px text-uppercase d-inline-block align-middle">Award winning agency</span>
|
||||||
<div class="container">
|
|
||||||
<div class="row align-items-center justify-content-center g-0">
|
|
||||||
<div class="col-auto d-flex align-items-center" data-anime="{ "translateY": [0, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
|
||||||
<img src="images/demo-accounting-img-05.jpg" alt />
|
|
||||||
<div class="fs-19 lh-28 last-paragraph-no-margin text-white pt-15px pb-15px">
|
|
||||||
<p>Save your precious time and effort spent for finding a solution. <a href="demo-accounting-contact.html" class="text-decoration-line-bottom fw-500 text-white">Contact us now</a></p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<h4 class="text-dark-gray alt-font fw-600 ls-minus-2px mb-20px">We provide brilliant ideas and adding the world called success to your brand.</h4>
|
||||||
</div>
|
<p class="w-90 md-w-100 mb-35px sm-mb-20px">Creating products with a strong identity. We provide brilliant ideas and adding the world called success brand. We deliver customized marketing campaign to use your audience to make a positive move.</p>
|
||||||
</div>
|
<a href="demo-branding-agency-contact.html" class="btn btn-large btn-dark-gray btn-switch-text btn-box-shadow border-1 left-icon me-10px sm-mb-15px sm-mt-15px">
|
||||||
</section>
|
|
||||||
|
|
||||||
|
|
||||||
<section class="bg-very-light-gray overflow-hidden cover-background position-relative overlap-height" style="background-image: url('images/demo-accounting-company-04.jpg')">
|
|
||||||
<div class="container overlap-gap-section">
|
|
||||||
<div class="row align-items-center">
|
|
||||||
<div class="col-lg-6 md-mb-50px" data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
|
||||||
<h3 class="fw-700 text-dark-gray ls-minus-2px">Global financial leader to financial markets quality.</h3>
|
|
||||||
<p class="w-90 lg-w-100">Financial services provides excellence in client service and compliance through our unwavering commitment.</p>
|
|
||||||
<div class="accordion accordion-style-02 w-90 lg-w-100" id="accordion-style-02" data-active-icon="fa-chevron-up" data-inactive-icon="fa-chevron-down">
|
|
||||||
|
|
||||||
<div class="accordion-item active-accordion">
|
|
||||||
<div class="accordion-header border-bottom border-color-transparent-dark-very-light">
|
|
||||||
<a href="about.php#" data-bs-toggle="collapse" data-bs-target="#accordion-style-02-01" aria-expanded="true" data-bs-parent="#accordion-style-02">
|
|
||||||
<div class="accordion-title mb-0 position-relative text-dark-gray">
|
|
||||||
<i class="fa-solid fa-chevron-up fs-15"></i><span class="fs-19 fw-600 ls-minus-05px">What is tax and legal advisory?</span>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div id="accordion-style-02-01" class="accordion-collapse collapse show" data-bs-parent="#accordion-style-02">
|
|
||||||
<div class="accordion-body last-paragraph-no-margin border-bottom border-color-transparent-dark-very-light">
|
|
||||||
<p>The focus of the tax and legal department is on advisory services in the tax, company, civil and commercial law.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="accordion-item">
|
|
||||||
<div class="accordion-header border-bottom border-color-transparent-dark-very-light">
|
|
||||||
<a href="about.php#" data-bs-toggle="collapse" data-bs-target="#accordion-style-02-02" aria-expanded="false" data-bs-parent="#accordion-style-02">
|
|
||||||
<div class="accordion-title mb-0 position-relative text-dark-gray">
|
|
||||||
<i class="fa-solid fa-chevron-down fs-15"></i><span class="fs-19 fw-600 ls-minus-05px">What is company accounting?</span>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div id="accordion-style-02-02" class="accordion-collapse collapse" data-bs-parent="#accordion-style-02">
|
|
||||||
<div class="accordion-body last-paragraph-no-margin border-bottom border-color-transparent-dark-very-light">
|
|
||||||
<p>The focus of the tax and legal department is on advisory services in the tax, company, civil and commercial law.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="accordion-item">
|
|
||||||
<div class="accordion-header border-bottom border-color-transparent">
|
|
||||||
<a href="about.php#" data-bs-toggle="collapse" data-bs-target="#accordion-style-02-03" aria-expanded="false" data-bs-parent="#accordion-style-02">
|
|
||||||
<div class="accordion-title mb-0 position-relative text-dark-gray">
|
|
||||||
<i class="fa-solid fa-chevron-down fs-15"></i><span class="fs-19 fw-600 ls-minus-05px">What do you do for corporate clients?</span>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div id="accordion-style-02-03" class="accordion-collapse collapse" data-bs-parent="#accordion-style-02">
|
|
||||||
<div class="accordion-body last-paragraph-no-margin border-bottom border-color-transparent">
|
|
||||||
<p>The focus of the tax and legal department is on advisory services in the tax, company, civil and commercial law.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-xl-5 offset-xl-1 col-lg-6" data-anime="{ "translateY": [0, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
|
||||||
|
|
||||||
<div class="outside-box-right-30 position-relative">
|
|
||||||
<img src="images/demo-accounting-company-03.png" alt />
|
|
||||||
<div class="bg-base-color video-icon-box video-icon-medium feature-box-icon-rounded position-absolute top-100px left-100px mt-10 ms-15 w-40px h-40px rounded-circle d-flex align-items-center justify-content-center" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-html="true" title="<span class=tooltip-title>Crafto - New York</span><p class=m-0>401 Broadway, 24th Floor, Orchard View, New York</p>">
|
|
||||||
<span>
|
<span>
|
||||||
<span class="video-icon">
|
<span><i class="feather icon-feather-send"></i></span>
|
||||||
<span class="bg-base-color w-100 h-100 border-radius-100 text-center d-flex align-items-center justify-content-center">
|
<span class="btn-double-text" data-text="Let's talk now">Let's talk now</span>
|
||||||
<i class="fa-solid fa-location-dot m-0 text-white icon-small"></i>
|
|
||||||
</span>
|
</span>
|
||||||
<span class="video-icon-sonar">
|
</a>
|
||||||
<span class="video-icon-sonar-bfr bg-red"></span>
|
<a href="demo-branding-agency-services.html" class="btn btn-large btn-transparent-light-gray border-1 btn-switch-text left-icon sm-mb-15px sm-mt-15px">
|
||||||
<span class="video-icon-sonar-bfr bg-yellow"></span>
|
|
||||||
</span>
|
|
||||||
</span>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div class="bg-base-color video-icon-box video-icon-medium feature-box-icon-rounded position-absolute bottom-100px start-50 mb-10 ms-7 w-40px h-40px rounded-circle d-flex align-items-center justify-content-center" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-html="true" title="<span class=tooltip-title>Crafto - Canada</span><p class=m-0>2839 lalemant view road, Niagara falls, Canada</p>">
|
|
||||||
<span>
|
<span>
|
||||||
<span class="video-icon">
|
<span><i class="feather icon-feather-briefcase"></i></span>
|
||||||
<span class="w-100 h-100 bg-base-color border-radius-100 d-flex align-items-center justify-content-center">
|
<span class="btn-double-text" data-text="More services">More services</span>
|
||||||
<i class="fa-solid fa-location-dot m-0 text-white icon-small"></i>
|
|
||||||
</span>
|
|
||||||
<span class="video-icon-sonar">
|
|
||||||
<span class="video-icon-sonar-bfr bg-red"></span>
|
|
||||||
<span class="video-icon-sonar-bfr bg-yellow"></span>
|
|
||||||
</span>
|
|
||||||
</span>
|
|
||||||
</span>
|
</span>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="row row-cols-1 row-cols-lg-5 row-cols-md-3 row-cols-sm-2 clients-style-06 justify-content-center mb-3 sm-mb-0" data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||||
|
|
||||||
</div>
|
<div class="col client-box text-center md-mb-35px">
|
||||||
</div>
|
<a href="demo-branding-agency-about.html#"><img src="images/logo-walmart.svg" class="h-35px" alt></a>
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
|
|
||||||
<section class="pt-md-0">
|
|
||||||
<div class="container overlap-section">
|
|
||||||
<div class="row m-0 align-items-center justify-content-center bg-white border-radius-100px md-border-radius-6px ps-10px pe-10px box-shadow-quadruple-large appear anime-complete" data-anime="{ "scale": [1.1, 1], "opacity": [0,1], "duration": 800, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
|
||||||
<div class="col-lg-10">
|
|
||||||
<div class="swiper slider-one-slide testimonials-style-09" data-slider-options="{ "slidesPerView": 1, "loop": true, "autoplay": { "delay": 4000, "disableOnInteraction": false }, "navigation": { "nextEl": ".slider-one-slide-next-1", "prevEl": ".slider-one-slide-prev-1" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "effect": "slide" }">
|
|
||||||
<div class="swiper-wrapper">
|
|
||||||
|
|
||||||
<div class="swiper-slide">
|
|
||||||
<div class="row align-items-center pt-25px pb-25px">
|
|
||||||
<div class="col-lg-8 d-lg-flex align-items-center text-center text-lg-start">
|
|
||||||
<img src="images/avtar-30.jpg" class="rounded-circle w-100px h-100px md-mb-35px" alt>
|
|
||||||
<span class="d-block ps-40px md-ps-0 md-mx-auto position-relative"><img src="images/demo-accounting-home-quote-img.png" class="position-absolute left-minus-25px top-minus-15px lg-top-minus-5px md-top-minus-50px w-40px md-left-0px md-right-0px md-mx-auto" alt>This is one of the best templates I've came across. Very organized, great design style and easy around.</span>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-1 d-none d-lg-inline-block">
|
|
||||||
<div class="separator-line w-1px md-w-100 h-60px md-h-1px bg-extra-medium-gray mx-auto"></div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-3 text-center text-lg-start md-mt-15px">
|
|
||||||
<span class="fs-19 ls-minus-05px fw-600 text-dark-gray d-block lh-28">Shoko mugikura</span>
|
|
||||||
<div>Financial manager</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="swiper-slide">
|
<div class="col client-box text-center md-mb-35px">
|
||||||
<div class="row align-items-center pt-25px pb-25px">
|
<a href="demo-branding-agency-about.html#"><img src="images/logo-logitech.svg" class="h-35px" alt></a>
|
||||||
<div class="col-lg-8 d-lg-flex align-items-center text-center text-lg-start">
|
|
||||||
<img src="images/avtar-29.jpg" class="rounded-circle w-100px h-100px md-mb-35px" alt>
|
|
||||||
<span class="d-block ps-40px md-ps-0 md-mx-auto position-relative"><img src="images/demo-accounting-home-quote-img.png" class="position-absolute left-minus-25px top-minus-15px lg-top-minus-5px md-top-minus-50px w-40px md-left-0px md-right-0px md-mx-auto" alt>This is one of the best templates I've came across. Very organized, great design style and easy around.</span>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-1 d-none d-lg-inline-block">
|
|
||||||
<div class="separator-line w-1px md-w-100 h-60px md-h-1px bg-extra-medium-gray mx-auto"></div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-3 text-center text-lg-start md-mt-15px">
|
|
||||||
<span class="fs-19 ls-minus-05px fw-600 text-dark-gray d-block lh-28">Matthew taylor</span>
|
|
||||||
<div>Financial manager</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="swiper-slide">
|
<div class="col client-box text-center md-mb-35px">
|
||||||
<div class="row align-items-center pt-25px pb-25px">
|
<a href="demo-branding-agency-about.html#"><img src="images/logo-monday.svg" class="h-35px" alt></a>
|
||||||
<div class="col-lg-8 d-lg-flex align-items-center text-center text-lg-start">
|
|
||||||
<img src="images/avtar-27.jpg" class="rounded-circle w-100px h-100px md-mb-35px" alt>
|
|
||||||
<span class="d-block ps-40px md-ps-0 md-mx-auto position-relative"><img src="images/demo-accounting-home-quote-img.png" class="position-absolute left-minus-25px top-minus-15px lg-top-minus-5px md-top-minus-50px w-40px md-left-0px md-right-0px md-mx-auto" alt>This is one of the best templates I've came across. Very organized, great design style and easy around.</span>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-1 d-none d-lg-inline-block">
|
|
||||||
<div class="separator-line w-1px md-w-100 h-60px md-h-1px bg-extra-medium-gray mx-auto"></div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-3 text-center text-lg-start md-mt-15px">
|
|
||||||
<span class="fs-19 ls-minus-05px fw-600 text-dark-gray d-block lh-28">Herman miller</span>
|
|
||||||
<div>Chief financial</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-2 md-mb-25px">
|
|
||||||
<div class="d-flex justify-content-center">
|
|
||||||
|
|
||||||
<div class="slider-one-slide-prev-1 swiper-button-prev slider-navigation-style-04 bg-very-light-gray"><i class="fa-solid fa-arrow-left icon-small text-dark-gray"></i></div>
|
<div class="col client-box text-center sm-mb-35px">
|
||||||
<div class="slider-one-slide-next-1 swiper-button-next slider-navigation-style-04 bg-very-light-gray"><i class="fa-solid fa-arrow-right icon-small text-dark-gray"></i></div>
|
<a href="demo-branding-agency-about.html#"><img src="images/logo-google.svg" class="h-35px" alt></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col client-box text-center">
|
||||||
|
<a href="demo-branding-agency-about.html#"><img src="images/logo-paypal.svg" class="h-35px" alt></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
@ -387,157 +225,85 @@
|
|||||||
|
|
||||||
<section class="py-0">
|
<section class="py-0">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row justify-content-center mb-3">
|
<div class="row align-items-center position-relative">
|
||||||
<div class="col-lg-6 col-md-7 col-sm-8 text-center" data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
<div class="col-lg-6">
|
||||||
<h3 class="fw-700 text-dark-gray ls-minus-2px">Meet the professional accounting people</h3>
|
<div class="outside-box-left-20 md-outside-box-left-0 overflow-hidden position-relative" data-parallax-liquid="true" data-parallax-transition="2" data-parallax-position="top">
|
||||||
|
<div class="liquid-parallax" data-parallax-liquid="true" data-parallax-position="bottom" data-parallax-scale="1.1" data-parallax-scale-fraction="0.0001">
|
||||||
|
<img class="w-100" src="images/demo-branding-agency-about-06.jpg" alt>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2" data-anime="{ "el": "childs", "translateX": [-50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
</div>
|
||||||
|
<div class="col-xl-5 col-lg-6 offset-xl-1 z-index-9 md-mt-50px" data-anime="{ "el": "childs", "translateX": [30, 0], "opacity": [0,1], "duration": 300, "delay": 0, "staggervalue": 100, "easing": "easeOutQuad" }">
|
||||||
|
<h1 class="text-dark-gray alt-font mb-50px fw-600 ls-minus-2px md-mb-25px outside-box-left-15 md-outside-box-left-0 word-break-normal md-w-80 sm-w-100">We create highly unique digital media experiences.</h1>
|
||||||
|
<p class="fs-20 fw-500 ls-minus-05px text-dark-gray mb-15px">Our team is committed to delivering measurable results and achieving tangible success.</p>
|
||||||
|
<p class="w-90 md-w-100 mb-35px">With a client base exceeding 10,000 our agency has established itself as a trusted and reliable partner in delivering exceptional services.</p>
|
||||||
|
<div class="progress-bar-style-02 mb-40px">
|
||||||
|
|
||||||
<div class="col text-center team-style-01 md-mb-30px">
|
<div class="progress mb-15px border-radius-50px fw-600 fs-11 lh-12 text-white bg-white">
|
||||||
<figure class="mb-0 hover-box box-hover position-relative">
|
<div class="progress-bar bg-gradient-orange-transparent m-0" role="progressbar" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100" aria-label="business-growth">
|
||||||
<img src="images/team-08.jpg" alt class="border-radius-6px" />
|
<span class="progress-bar-percent text-orange fw-600">98%</span>
|
||||||
<figcaption class="w-100 p-30px lg-p-25px bg-white">
|
|
||||||
<div class="position-relative z-index-1 overflow-hidden lg-pb-5px">
|
|
||||||
<span class="fs-19 d-block fw-600 text-dark-gray lh-26 ls-minus-05px">Jeremy dupont</span>
|
|
||||||
<p class="m-0">Executive officer</p>
|
|
||||||
<div class="social-icon hover-text mt-20px lg-mt-10px social-icon-style-05">
|
|
||||||
<a href="https://www.facebook.com/" target="_blank" class="fw-600 text-dark-gray">Fb.</a>
|
|
||||||
<a href="https://www.instagram.com/" target="_blank" class="fw-600 text-dark-gray">In.</a>
|
|
||||||
<a href="https://www.twitter.com/" target="_blank" class="fw-600 text-dark-gray">Tw.</a>
|
|
||||||
<a href="https://dribbble.com/" target="_blank" class="fw-600 text-dark-gray">Dr.</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="progress-bar-title text-uppercase">Business growth</div>
|
||||||
<div class="box-overlay bg-white box-shadow-quadruple-large border-radius-6px"></div>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="col text-center team-style-01 md-mb-30px">
|
<div class="progress border-radius-50px fw-600 fs-11 lh-12 text-white bg-white">
|
||||||
<figure class="mb-0 hover-box box-hover position-relative">
|
<div class="progress-bar bg-gradient-blue-transparent m-0" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" aria-label="new-technology">
|
||||||
<img src="images/team-09.jpg" alt class="border-radius-6px" />
|
<span class="progress-bar-percent text-blue fw-600">85%</span>
|
||||||
<figcaption class="w-100 p-30px lg-p-25px bg-white">
|
|
||||||
<div class="position-relative z-index-1 overflow-hidden lg-pb-5px">
|
|
||||||
<span class="fs-19 d-block fw-600 text-dark-gray lh-26 ls-minus-05px">Jessica dover</span>
|
|
||||||
<p class="m-0">Vice president</p>
|
|
||||||
<div class="social-icon hover-text mt-20px lg-mt-10px">
|
|
||||||
<a href="https://www.facebook.com/" target="_blank" class="fw-600 text-dark-gray">Fb.</a>
|
|
||||||
<a href="https://www.instagram.com/" target="_blank" class="fw-600 text-dark-gray">In.</a>
|
|
||||||
<a href="https://www.twitter.com/" target="_blank" class="fw-600 text-dark-gray">Tw.</a>
|
|
||||||
<a href="https://dribbble.com/" target="_blank" class="fw-600 text-dark-gray">Dr.</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="progress-bar-title text-uppercase">New technology</div>
|
||||||
<div class="box-overlay bg-white box-shadow-quadruple-large border-radius-6px"></div>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
<div class="col text-center team-style-01 xs-mb-30px">
|
<div class="pt-20px pb-20px ps-30px pe-30px xs-p-15px border border-color-extra-medium-gray border-radius-6px mb-15px icon-with-text-style-08 w-90 lg-w-100">
|
||||||
<figure class="mb-0 hover-box box-hover position-relative">
|
<div class="feature-box feature-box-left-icon-middle d-inline-flex align-middle">
|
||||||
<img src="images/team-10.jpg" alt class="border-radius-6px" />
|
<div class="feature-box-icon me-10px">
|
||||||
<figcaption class="w-100 p-30px lg-p-25px bg-white">
|
<i class="bi bi-people icon-very-medium text-dark-gray"></i>
|
||||||
<div class="position-relative z-index-1 overflow-hidden lg-pb-5px">
|
</div>
|
||||||
<span class="fs-19 d-block fw-600 text-dark-gray lh-26 ls-minus-05px">Matthew taylor</span>
|
<div class="feature-box-content">
|
||||||
<p class="m-0">Financial officer</p>
|
<span class="alt-font fs-19 ls-minus-05px fw-600 text-dark-gray d-block lh-26">10k+ people trusting the agency.</span>
|
||||||
<div class="social-icon hover-text mt-20px lg-mt-10px">
|
|
||||||
<a href="https://www.facebook.com/" target="_blank" class="fw-600 text-dark-gray">Fb.</a>
|
|
||||||
<a href="https://www.instagram.com/" target="_blank" class="fw-600 text-dark-gray">In.</a>
|
|
||||||
<a href="https://www.twitter.com/" target="_blank" class="fw-600 text-dark-gray">Tw.</a>
|
|
||||||
<a href="https://dribbble.com/" target="_blank" class="fw-600 text-dark-gray">Dr.</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="box-overlay bg-white box-shadow-quadruple-large border-radius-6px"></div>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
</div>
|
</div>
|
||||||
|
<p class="fs-13 mb-0">We are excited for our work and how it <span class="text-dark-gray text-decoration-line-bottom">positively</span> impacts clients.</p>
|
||||||
|
|
||||||
<div class="col text-center team-style-01">
|
|
||||||
<figure class="mb-0 hover-box box-hover position-relative">
|
|
||||||
<img src="images/team-11.jpg" alt class="border-radius-6px" />
|
|
||||||
<figcaption class="w-100 p-30px lg-p-25px bg-white">
|
|
||||||
<div class="position-relative z-index-1 overflow-hidden lg-pb-5px">
|
|
||||||
<span class="fs-19 d-block fw-600 text-dark-gray lh-26 ls-minus-05px">Daniel james</span>
|
|
||||||
<p class="m-0">People officer</p>
|
|
||||||
<div class="social-icon hover-text mt-20px lg-mt-10px">
|
|
||||||
<a href="https://www.facebook.com/" target="_blank" class="fw-600 text-dark-gray">Fb.</a>
|
|
||||||
<a href="https://www.instagram.com/" target="_blank" class="fw-600 text-dark-gray">In.</a>
|
|
||||||
<a href="https://www.twitter.com/" target="_blank" class="fw-600 text-dark-gray">Tw.</a>
|
|
||||||
<a href="https://dribbble.com/" target="_blank" class="fw-600 text-dark-gray">Dr.</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="box-overlay bg-white box-shadow-quadruple-large border-radius-6px"></div>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
||||||
<section class="half-section">
|
<section class="pb-0">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row justify-content-center mb-30px" data-anime="{ "translateX": [-50, 0], "opacity": [0,1], "duration": 800, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
<div class="row">
|
||||||
<div class="col-lg-5 text-center mb-15px">
|
<div class="col-lg-5 md-mb-20px sm-mb-0" data-anime="{ "el": "childs", "translateY": [15, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||||
<span class="text-dark-gray fw-600 fs-16 ls-minus-05px text-uppercase border-1 pb-5px border-bottom border-color-extra-medium-gray text-dark-gray">Join the 10,000+ companies using crafto</span>
|
<h3 class="text-dark-gray fw-600 ls-minus-2px alt-font">We work with brands and businesses to ensure they shine.</h3>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-7" data-anime="{ "el": "childs", "translateY": [15, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-5">
|
||||||
|
<div class="fs-19 fw-600 text-dark-gray w-90 xl-w-100 sm-mb-10px">Successfully finished projects with creativity.</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-7 last-paragraph-no-margin">
|
||||||
|
<p>We value each and every human life placed our hands constantly work towards meeting the expectations of our customers.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row position-relative clients-style-08 mb-35px" data-anime="{"translateY": [0, 0], "opacity": [0,1], "duration": 800, "delay": 50, "staggervalue": 150, "easing": "easeOutQuad" }">
|
<div class="separator-line-1px border-bottom border-color-extra-medium-gray mt-35px mb-35px"></div>
|
||||||
<div class="col swiper text-center feather-shadow" data-slider-options="{ "slidesPerView": 2, "spaceBetween":0, "speed": 6000, "loop": true, "pagination": { "el": ".slider-four-slide-pagination-2", "clickable": false }, "allowTouchMove": false, "autoplay": { "delay":0, "disableOnInteraction": false }, "navigation": { "nextEl": ".slider-four-slide-next-2", "prevEl": ".slider-four-slide-prev-2" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "breakpoints": { "1200": { "slidesPerView": 5 }, "992": { "slidesPerView": 4 }, "768": { "slidesPerView": 3 } }, "effect": "slide" }">
|
<div class="row">
|
||||||
<div class="swiper-wrapper marquee-slide">
|
<div class="col-md-5">
|
||||||
|
<div class="fs-19 fw-600 text-dark-gray w-90 xl-w-100 sm-mb-10px">Work together for better branding solutions.</div>
|
||||||
<div class="swiper-slide">
|
|
||||||
<a href="about.php#"><img src="images/logo-netflix-oxford-blue.svg" class="h-40px xs-h-30px" alt /></a>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-md-7 last-paragraph-no-margin">
|
||||||
|
<p>We value each and every human life placed our hands constantly work towards meeting the expectations of our customers.</p>
|
||||||
<div class="swiper-slide">
|
|
||||||
<a href="about.php#"><img src="images/logo-invision-oxford-blue.svg" class="h-40px xs-h-30px" alt /></a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="swiper-slide">
|
|
||||||
<a href="about.php#"><img src="images/logo-yahoo-oxford-blue.svg" class="h-40px xs-h-30px" alt /></a>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="separator-line-1px border-bottom border-color-extra-medium-gray mt-35px mb-35px"></div>
|
||||||
|
<div class="row">
|
||||||
<div class="swiper-slide">
|
<div class="col-md-5">
|
||||||
<a href="about.php#"><img src="images/logo-walmart-oxford-blue.svg" class="h-40px xs-h-30px" alt /></a>
|
<div class="fs-19 fw-600 text-dark-gray w-90 xl-w-100 sm-mb-10px">Committed to deliver unique digital media.</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-md-7 last-paragraph-no-margin">
|
||||||
|
<p>We value each and every human life placed our hands constantly work towards meeting the expectations of our customers.</p>
|
||||||
<div class="swiper-slide">
|
|
||||||
<a href="about.php#"><img src="images/logo-logitech-oxford-blue.svg" class="h-40px xs-h-30px" alt /></a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="swiper-slide">
|
|
||||||
<a href="about.php#"><img src="images/logo-netflix-oxford-blue.svg" class="h-40px xs-h-30px" alt /></a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="swiper-slide">
|
|
||||||
<a href="about.php#"><img src="images/logo-invision-oxford-blue.svg" class="h-40px xs-h-30px" alt /></a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="swiper-slide">
|
|
||||||
<a href="about.php#"><img src="images/logo-yahoo-oxford-blue.svg" class="h-40px xs-h-30px" alt /></a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="swiper-slide">
|
|
||||||
<a href="about.php#"><img src="images/logo-walmart-oxford-blue.svg" class="h-40px xs-h-30px" alt /></a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="swiper-slide">
|
|
||||||
<a href="about.php#"><img src="images/logo-logitech-oxford-blue.svg" class="h-40px xs-h-30px" alt /></a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -545,107 +311,125 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
||||||
<footer class="footer-dark bg-dark-gray pt-0 pb-2 lg-pb-35px">
|
<section>
|
||||||
<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="container">
|
||||||
<div class="row align-items-center justify-content-center">
|
<div class="row row-cols-1 row-cols-lg-3 row-cols-sm-2" data-anime="{ "el": "childs", "translateY": [30, 0], "rotateX":[30, 0], "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||||
|
|
||||||
<div class="col-xl-6 text-center text-xl-start lg-mb-30px sm-mb-20px">
|
<div class="col team-style-10 md-mb-30px">
|
||||||
<h3 class="text-white mb-5px fw-500 ls-minus-1px">Get a consultation services.</h3>
|
<figure class="mb-0 position-relative overflow-hidden">
|
||||||
<span class="fs-20 widget-text fw-300">We will take care of your business accounting services.</span>
|
<img src="images/demo-branding-agency-team-01.jpg" alt />
|
||||||
|
<img src="images/demo-branding-agency-team-01-hover.jpg" class="hover-switch-image" alt />
|
||||||
|
<figcaption class="w-100 h-100 d-flex flex-wrap">
|
||||||
|
<div class="social-icon d-flex flex-column flex-shrink-1 mb-auto p-30px ms-auto">
|
||||||
|
<a href="https://www.twitter.com/" target="_blank" class="text-white bg-dark-gray"><i class="fa-brands fa-twitter icon-small"></i></a>
|
||||||
|
</div>
|
||||||
|
<div class="team-member-strip w-100 mt-auto d-flex align-items-center pt-15px pb-15px ps-30px pe-30px bg-white">
|
||||||
|
<span class="team-member-name fw-600 alt-font text-dark-gray fs-18 ls-minus-05px">Jeremy dupont</span>
|
||||||
|
<span class="member-designation fs-15 lh-20 ms-auto alt-font flex-shrink-0">Designer</span>
|
||||||
|
</div>
|
||||||
|
</figcaption>
|
||||||
|
</figure>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="col-xl-6 text-center text-xl-end">
|
<div class="col team-style-10 md-mb-30px">
|
||||||
<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>
|
<figure class="mb-0 position-relative overflow-hidden">
|
||||||
<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>
|
<img src="images/demo-branding-agency-team-02.jpg" alt />
|
||||||
|
<img src="images/demo-branding-agency-team-02-hover.jpg" class="hover-switch-image" alt />
|
||||||
|
<figcaption class="w-100 h-100 d-flex flex-wrap">
|
||||||
|
<div class="social-icon d-flex flex-column flex-shrink-1 mb-auto p-30px ms-auto">
|
||||||
|
<a href="https://www.facebook.com/" target="_blank" class="text-white bg-dark-gray"><i class="fa-brands fa-facebook-f icon-small"></i></a>
|
||||||
|
</div>
|
||||||
|
<div class="team-member-strip w-100 mt-auto d-flex align-items-center pt-15px pb-15px ps-30px pe-30px bg-white">
|
||||||
|
<span class="team-member-name fw-600 alt-font text-dark-gray fs-18 ls-minus-05px">Matthew taylor</span>
|
||||||
|
<span class="member-designation fs-15 lh-20 ms-auto alt-font flex-shrink-0">Writer</span>
|
||||||
|
</div>
|
||||||
|
</figcaption>
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col team-style-10">
|
||||||
|
<figure class="mb-0 position-relative overflow-hidden">
|
||||||
|
<img src="images/demo-branding-agency-team-04.jpg" alt />
|
||||||
|
<img src="images/demo-branding-agency-team-04-hover.jpg" class="hover-switch-image" alt />
|
||||||
|
<figcaption class="w-100 h-100 d-flex flex-wrap">
|
||||||
|
<div class="social-icon d-flex flex-column flex-shrink-1 mb-auto p-30px ms-auto">
|
||||||
|
<a href="https://www.instagram.com/" target="_blank" class="text-white bg-dark-gray"><i class="fa-brands fa-instagram icon-small"></i></a>
|
||||||
|
</div>
|
||||||
|
<div class="team-member-strip w-100 mt-auto d-flex align-items-center pt-15px pb-15px ps-30px pe-30px bg-white">
|
||||||
|
<span class="team-member-name fw-600 alt-font text-dark-gray fs-18 ls-minus-05px">Jessica dover</span>
|
||||||
|
<span class="member-designation fs-15 lh-20 ms-auto alt-font flex-shrink-0">Designer</span>
|
||||||
|
</div>
|
||||||
|
</figcaption>
|
||||||
|
</figure>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="row mt-5">
|
||||||
|
<div class="col-12 text-center" data-anime="{ "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||||
|
<i class="bi bi-envelope text-dark-gray d-inline-block align-middle icon-extra-medium me-5px"></i>
|
||||||
|
<div class="fs-18 text-dark-gray d-inline-block align-middle fw-500">Save your precious time and effort spent for finding a solution. <a href="demo-branding-agency-contact.html" class="text-dark-gray text-decoration-line-bottom fw-600">Contact us now</a></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<footer class="bg-charcoal-blue pb-4 sm-pb-50px" style="background-image: url('images/demo-branding-agency-pattern.svg')">
|
||||||
<div class="container">
|
<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="row mb-6">
|
||||||
|
<div class="col-lg-5 col-md-6 sm-mb-30px order-2 order-md-1">
|
||||||
<div class="col-6 col-lg-3 order-sm-1 md-mb-40px xs-mb-30px last-paragraph-no-margin">
|
<h3 class="text-white fw-500 alt-font mb-50px ls-minus-1px sm-mb-30px">Let's make something great work together.</h3>
|
||||||
<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>
|
<div class="row">
|
||||||
<p class="w-85 xl-w-95 sm-w-100">Lorem ipsum amet adipiscing elit to eiusmod ad tempor.</p>
|
<div class="col-lg-5 col-6">
|
||||||
<div class="elements-social social-icon-style-02 mt-20px lg-mt-20px">
|
<span class="alt-font fs-14 text-uppercase d-block text-white ls-1px lh-24">Call our office</span>
|
||||||
<ul class="small-icon light">
|
<a href="tel:12345678910">+1 234 567 8910</a>
|
||||||
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
|
</div>
|
||||||
<li><a class="dribbble" href="http://www.dribbble.com" target="_blank"><i class="fa-brands fa-dribbble"></i></a></li>
|
<div class="col-lg-5 col-6">
|
||||||
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
|
<span class="alt-font fs-14 text-uppercase d-block text-white ls-1px lh-24">Send a message</span>
|
||||||
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
|
<a href="cdn-cgi/l/email-protection.html#ee87808881ae8a81838f8780c08d8183"><span class="__cf_email__" data-cfemail="771e1911183713181a161e195914181a">[email protected]</span></a>
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-2 offset-lg-1 col-6 order-3 order-md-2">
|
||||||
<div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-3 order-lg-2">
|
<span class="alt-font fs-14 text-uppercase mb-5px d-block text-white ls-1px">Company</span>
|
||||||
<span class="fs-18 fw-400 d-block text-white mb-5px">About</span>
|
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="about.php">Company</a></li>
|
<li><a href="demo-branding-agency.html">Home</a></li>
|
||||||
<li><a href="demo-accounting-services.html">Services</a></li>
|
<li><a href="demo-branding-agency-about.html">Agency</a></li>
|
||||||
<li><a href="demo-accounting-process.html">Process</a></li>
|
<li><a href="demo-branding-agency-services.html">Services</a></li>
|
||||||
<li><a href="demo-accounting-contact.html">Contact</a></li>
|
<li><a href="demo-branding-agency-portfolio.html">Portfolio</a></li>
|
||||||
|
<li><a href="demo-branding-agency-contact.html">Contact</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-md-2 col-6 order-3 order-md-3">
|
||||||
|
<span class="alt-font fs-14 text-uppercase mb-5px d-block text-white ls-1px">Follow Us</span>
|
||||||
<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>
|
<ul>
|
||||||
<li><a href="demo-accounting-services.html">Financial</a></li>
|
<li><a href="https://www.pinterest.com/" target="_blank">Pinterest</a></li>
|
||||||
<li><a href="demo-accounting-services.html">Investment</a></li>
|
<li><a href="https://www.twitter.com" target="_blank">Twitter</a></li>
|
||||||
<li><a href="demo-accounting-services.html">Banking</a></li>
|
<li><a href="http://www.dribbble.com" target="_blank">Dribbble</a></li>
|
||||||
<li><a href="demo-accounting-services.html">Consulting</a></li>
|
<li><a href="https://www.instagram.com" target="_blank">Instagram</a></li>
|
||||||
|
<li><a href="http://www.behance.com" target="_blank">Behance</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-md-2 order-1 order-md-4 sm-mb-30px">
|
||||||
|
<a href="demo-branding-agency.html" class="footer-logo"><img src="images/demo-branding-agency-white-logo.png" data-at2x="images/demo-branding-agency-white-logo@2x.png" alt></a>
|
||||||
<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#4f27260f2b20222e2621612c2022" class="text-white lh-16 d-block mb-15px"><span class="__cf_email__" data-cfemail="2f47466f4b40424e4641014c4042">[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>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-7 last-paragraph-no-margin">
|
||||||
|
<p class="fs-13 lh-22 w-95 sm-w-100">This site is protected by reCAPTCHA and the Google privacy policy and terms of service apply. You must not use this website if you disagree with any of these website standard terms and conditions.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="row align-items-center fs-16 fw-300">
|
<div class="col-md-5 text-md-end sm-mt-15px last-paragraph-no-margin">
|
||||||
|
<p class="fs-13 lh-22">© 2024 Crafto is Powered by <a href="https://www.themezaa.com/" target="_blank" class="text-decoration-line-bottom text-white">ThemeZaa</a></p>
|
||||||
<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.php" 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="about.php#" class="nav-link">Privacy policy</a></li>
|
|
||||||
<li><a href="about.php#" class="nav-link">Terms and conditions</a></li>
|
|
||||||
<li><a href="about.php#" class="nav-link">Copyright</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
|
||||||
<div class="scroll-progress d-none d-xxl-block">
|
<div class="scroll-progress d-none d-xxl-block">
|
||||||
<a href="about.php#" class="scroll-top" aria-label="scroll">
|
<a href="demo-branding-agency-about.html#" class="scroll-top" aria-label="scroll">
|
||||||
<span class="scroll-text">Scroll</span><span class="scroll-line"><span class="scroll-point"></span></span>
|
<span class="scroll-text">Scroll</span><span class="scroll-line"><span class="scroll-point"></span></span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
1316
blog-details.php
1316
blog-details.php
File diff suppressed because it is too large
Load Diff
482
blog.php
482
blog.php
@ -1,353 +1,153 @@
|
|||||||
<!doctype html>
|
<?php include('header.php')?>
|
||||||
<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">
|
<!--Page Hero Section-->
|
||||||
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
|
<section class="p-0 top-space-margin position-relative overflow-hidden">
|
||||||
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
|
<div class="container-fluid p-0 h-100 position-relative">
|
||||||
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
|
<div class="row g-0">
|
||||||
|
<div class="col-xl-5 col-lg-5 d-flex justify-content-center align-items-center ps-10 xxl-ps-6 xl-ps-4 md-ps-4 sm-ps-0 position-relative order-2 order-lg-1" data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
|
<div class="vertical-title-center align-items-center justify-content-center flex-shrink-0 w-75px sm-w-50px">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<h1 class="title fs-15 alt-font text-dark-gray fw-700 text-uppercase ls-1px text-uppercase d-flex w-auto align-items-center m-0" data-fancy-text="{ "opacity": [0, 1], "translateY": [50, 0], "filter": ["blur(20px)", "blur(0px)"], "string": ["Discover Learn & Grow"], "duration": 400, "delay": 0, "speed": 50, "easing": "easeOutQuad" }"></h1>
|
||||||
|
</div>
|
||||||
<link rel="stylesheet" href="css/vendors.min.css" />
|
<div class="border-start border-color-extra-medium-gray ps-40px sm-ps-20px position-relative z-index-9">
|
||||||
<link rel="stylesheet" href="css/icon.min.css" />
|
<h2 class="text-dark-gray fw-600 alt-font outside-box-right-10 xl-outside-box-right-15 lg-outside-box-right-20 md-me-0 sm-mb-0 ls-minus-3px contact-heading">Get inspired and stay informed with our blog, offering valuable insights and advice to shape your career</h2>
|
||||||
<link rel="stylesheet" href="css/style.min.css" />
|
</div>
|
||||||
<link rel="stylesheet" href="css/responsive.min.css" />
|
</div>
|
||||||
<link rel="stylesheet" href="demos/accounting/accounting.css" />
|
<div class="col-xl-7 col-lg-7 position-relative one-half-screen order-1 order-lg-2 md-mb-50px">
|
||||||
</head>
|
<div class="overflow-hidden position-relative">
|
||||||
<body data-mobile-nav-style="classic" class="custom-cursor">
|
<div class="w-100" data-anime="{ "effect": "slide", "direction": "lr", "color": "#f7f7f7", "duration": 1000, "delay": 0 }"> <img src="images/demo-branding-agency-contact-title-bg.jpg" alt class="w-100 liquid-parallax" data-parallax-liquid="true" data-parallax-position="top" data-parallax-scale="1.05"> </div>
|
||||||
|
</div>
|
||||||
<div class="cursor-page-inner">
|
</div>
|
||||||
<div class="circle-cursor circle-cursor-inner"></div>
|
</div>
|
||||||
<div class="circle-cursor circle-cursor-outer"></div>
|
</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 page-title-big-typography cover-background magic-cursor round-cursor" style="background-image: url('images/demo-accounting-company-title-bg.jpg')">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row extra-very-small-screen align-items-center">
|
|
||||||
<div class="col-lg-5 col-sm-8 position-relative page-title-extra-small" data-anime="{ "el": "childs", "opacity": [0, 1], "translateX": [-30, 0], "duration": 800, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
|
||||||
<h1 class="mb-20px xs-mb-20px text-white text-shadow-medium"><span class="w-30px h-2px bg-yellow d-inline-block align-middle position-relative top-minus-2px me-10px"></span>Latest news</h1>
|
|
||||||
<h2 class="text-white text-shadow-medium fw-500 ls-minus-2px mb-0">Accounting articles</h2>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
</section>
|
||||||
|
<!--Page Hero section End-->
|
||||||
|
|
||||||
|
<!--Mid Section Title-->
|
||||||
<section>
|
<section class="bg-very-light-gray cover-background page-title-big-typography ipad-top-space-margin">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row align-items-center align-items-lg-end justify-content-center extra-very-small-screen g-0">
|
||||||
<div class="col-12">
|
<div class="col-lg-10 mx-auto text-center">
|
||||||
<ul class="blog-classic blog-wrapper grid-loading grid grid-4col xl-grid-4col 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": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
<h2 class="blog-title text-dark-gray">Explore our blog for insightful articles that help you discover new opportunities, learn from expert advice, and grow both academically and personally on your study abroad journey </h2>
|
||||||
<li class="grid-sizer"></li>
|
</div>
|
||||||
|
</div>
|
||||||
<li class="grid-item">
|
</div>
|
||||||
<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-600 lh-30 text-dark-gray d-block">High returns on investment</a>
|
|
||||||
<p class="w-95">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-600 lh-30 text-dark-gray d-block">Made businesses efficient</a>
|
|
||||||
<p class="w-95">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-600 lh-30 text-dark-gray d-block">Business meeting 2021</a>
|
|
||||||
<p class="w-95">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-600 lh-30 text-dark-gray d-block">Corporate workplace ethics</a>
|
|
||||||
<p class="w-95">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-05.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-600 lh-30 text-dark-gray d-block">Supplier finance programs</a>
|
|
||||||
<p class="w-95">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-06.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-600 lh-30 text-dark-gray d-block">Concern project to agenda</a>
|
|
||||||
<p class="w-95">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-07.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-600 lh-30 text-dark-gray d-block">Options for working in tax</a>
|
|
||||||
<p class="w-95">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-08.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-600 lh-30 text-dark-gray d-block">Companies plan to move</a>
|
|
||||||
<p class="w-95">Lorem ipsum simply dummy printing setting industry...</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-12 mt-3 d-flex justify-content-center" data-anime="{ "translateY": [0, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
|
||||||
|
|
||||||
<ul class="pagination pagination-style-01 fs-13 fw-500 mb-0">
|
|
||||||
<li class="page-item"><a class="page-link" href="demo-accounting-news.html#"><i class="feather icon-feather-arrow-left fs-18 d-xs-none"></i></a></li>
|
|
||||||
<li class="page-item"><a class="page-link" href="demo-accounting-news.html#">01</a></li>
|
|
||||||
<li class="page-item active"><a class="page-link" href="demo-accounting-news.html#">02</a></li>
|
|
||||||
<li class="page-item"><a class="page-link" href="demo-accounting-news.html#">03</a></li>
|
|
||||||
<li class="page-item"><a class="page-link" href="demo-accounting-news.html#">04</a></li>
|
|
||||||
<li class="page-item"><a class="page-link" href="demo-accounting-news.html#"><i class="feather icon-feather-arrow-right fs-18 d-xs-none"></i></a></li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
</section>
|
||||||
|
<!--Mid Section title End-->
|
||||||
|
|
||||||
|
<!--Blog--Banner-->
|
||||||
|
<section class="overflow-hidden position-relative p-0">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row overlap-height">
|
||||||
|
<div class="col-12 p-0 position-relative overlap-gap-section"> <img src="images/demo-real-estate-blog-title.jpg" alt class="w-100">
|
||||||
|
<div class="alt-font fw-600 fs-350 lg-fs-275 md-fs-250 xs-fs-160 ls-minus-5px xs-ls-minus-2px position-absolute right-minus-50px lg-right-minus-0px bottom-minus-80px md-bottom-minus-60px xs-bottom-minus-50px text-white text-outline text-outline-width-3px" data-bottom-top="transform: translate3d(80px, 0px, 0px);" data-top-bottom="transform: translate3d(-280px, 0px, 0px);">Blog</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!--Blog Banner End-->
|
||||||
|
|
||||||
|
|
||||||
<footer class="footer-dark bg-dark-gray pt-0 pb-2 lg-pb-35px">
|
<!--Blog Section-->
|
||||||
<div class="footer-top pt-50px pb-50px sm-pt-35px sm-pb-35px border-bottom border-1 border-color-transparent-white-light">
|
<section class="overlap-height sm-pb-50px">
|
||||||
<div class="container">
|
<div class="container overlap-gap-section">
|
||||||
<div class="row align-items-center justify-content-center">
|
<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 appear anime-child anime-complete" data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }" style="position: relative; height: 572.953px;">
|
||||||
|
<li class="grid-sizer"></li>
|
||||||
|
<!-- start blog item -->
|
||||||
|
<li class="grid-item" style="position: absolute; left: 0%; top: 0px; transition: none;">
|
||||||
|
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
|
||||||
|
<div class="blog-image"> <a href="demo-corporate-blog-single-clean.html" class="d-block"><img src="images/access-image/gokul.jpg" alt="" data-no-retina=""></a>
|
||||||
|
<div class="blog-categories"></div>
|
||||||
|
</div>
|
||||||
|
<div class="card-body p-8"> <a href="demo-corporate-blog-single-clean.html" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Access Education Network Lights Up Pokhara Street Festival</a>
|
||||||
|
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- end blog item -->
|
||||||
|
|
||||||
<div class="col-xl-6 text-center text-xl-start lg-mb-30px sm-mb-20px">
|
<!-- start blog item -->
|
||||||
<h3 class="text-white mb-5px fw-500 ls-minus-1px">Get a consultation services.</h3>
|
<li class="grid-item" style="position: absolute; left: 33.3298%; top: 0px; transition: none;">
|
||||||
<span class="fs-20 widget-text fw-300">We will take care of your business accounting services.</span>
|
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
|
||||||
</div>
|
<div class="blog-image"> <a href="demo-corporate-blog-single-clean.html" class="d-block"><img src="images/access-image/access.jpg" alt="" data-no-retina=""></a>
|
||||||
|
<div class="blog-categories"> </div>
|
||||||
|
</div>
|
||||||
|
<div class="card-body p-8"> <a href="demo-corporate-blog-single-clean.html" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Access at 19: A Logo for the Legacy, A Vision for Tomorrow</a>
|
||||||
|
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- end blog item -->
|
||||||
|
|
||||||
|
<!-- start blog item -->
|
||||||
|
<li class="grid-item" style="position: absolute; left: 66.6597%; top: 0px; transition: none;">
|
||||||
|
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
|
||||||
|
<div class="blog-image"> <a href="demo-corporate-blog-single-clean.html" class="d-block"><img src="images/access-image/tech.jpg" alt="" data-no-retina=""></a>
|
||||||
|
<div class="blog-categories"> </div>
|
||||||
|
</div>
|
||||||
|
<div class="card-body p-8"> <a href="demo-corporate-blog-single-clean.html" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Be the strong willed one the public relationship.</a>
|
||||||
|
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- end blog item -->
|
||||||
|
|
||||||
<div class="col-xl-6 text-center text-xl-end">
|
<!-- start blog item -->
|
||||||
<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>
|
<li class="grid-item" style="position: absolute; left: 66.6597%; top: 0px; transition: none;">
|
||||||
<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 class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
|
||||||
</div>
|
<div class="blog-image"> <a href="demo-corporate-blog-single-clean.html" class="d-block"><img src="images/access-image/blog4.jpg" alt="" data-no-retina=""></a>
|
||||||
|
<div class="blog-categories"> </div>
|
||||||
|
</div>
|
||||||
|
<div class="card-body p-8"> <a href="demo-corporate-blog-single-clean.html" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Access Education Network's Partner Appreciation Night with Niagara College </a>
|
||||||
|
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- end blog item -->
|
||||||
|
|
||||||
</div>
|
<!-- start blog item -->
|
||||||
</div>
|
<li class="grid-item" style="position: absolute; left: 66.6597%; top: 0px; transition: none;">
|
||||||
</div>
|
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
|
||||||
<div class="container">
|
<div class="blog-image"> <a href="demo-corporate-blog-single-clean.html" class="d-block"><img src="images/access-image/blog5.jpg" alt="" data-no-retina=""></a>
|
||||||
<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="blog-categories"> </div>
|
||||||
|
</div>
|
||||||
|
<div class="card-body p-8"> <a href="demo-corporate-blog-single-clean.html" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Culinary Study Abroad: Savoring the Flavors of Australia, USA, and Canada</a>
|
||||||
|
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- end blog item -->
|
||||||
|
|
||||||
<div class="col-6 col-lg-3 order-sm-1 md-mb-40px xs-mb-30px last-paragraph-no-margin">
|
<!-- start blog item -->
|
||||||
<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>
|
<li class="grid-item" style="position: absolute; left: 66.6597%; top: 0px; transition: none;">
|
||||||
<p class="w-85 xl-w-95 sm-w-100">Lorem ipsum amet adipiscing elit to eiusmod ad tempor.</p>
|
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
|
||||||
<div class="elements-social social-icon-style-02 mt-20px lg-mt-20px">
|
<div class="blog-image"> <a href="demo-corporate-blog-single-clean.html" class="d-block"><img src="images/access-image/blog6.jpg" alt="" data-no-retina=""></a>
|
||||||
<ul class="small-icon light">
|
<div class="blog-categories"> </div>
|
||||||
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
|
</div>
|
||||||
<li><a class="dribbble" href="http://www.dribbble.com" target="_blank"><i class="fa-brands fa-dribbble"></i></a></li>
|
<div class="card-body p-8"> <a href="demo-corporate-blog-single-clean.html" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Affordable higher education abroad, exploring budget friendly universities in the USA </a>
|
||||||
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
|
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div>
|
||||||
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
|
</div>
|
||||||
</ul>
|
</div>
|
||||||
</div>
|
</li>
|
||||||
</div>
|
<!-- end blog item -->
|
||||||
|
|
||||||
|
</ul>
|
||||||
<div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-3 order-lg-2">
|
<div class="row">
|
||||||
<span class="fs-18 fw-400 d-block text-white mb-5px">About</span>
|
<div class="col-12 mt-2 d-flex justify-content-center">
|
||||||
<ul>
|
<ul class="pagination pagination-style-01 fs-13 mb-0" data-anime="{ "translate": [0, 0], "opacity": [0,1], "duration": 600, "delay": 100, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||||||
<li><a href="demo-accounting-company.html">Company</a></li>
|
<li class="page-item"><a class="page-link" href="demo-real-estate-blog.html#"><i class="feather icon-feather-arrow-left fs-18 d-xs-none"></i></a></li>
|
||||||
<li><a href="demo-accounting-services.html">Services</a></li>
|
<li class="page-item"><a class="page-link" href="demo-real-estate-blog.html#">01</a></li>
|
||||||
<li><a href="demo-accounting-process.html">Process</a></li>
|
<li class="page-item active"><a class="page-link" href="demo-real-estate-blog.html#">02</a></li>
|
||||||
<li><a href="demo-accounting-contact.html">Contact</a></li>
|
<li class="page-item"><a class="page-link" href="demo-real-estate-blog.html#">03</a></li>
|
||||||
</ul>
|
<li class="page-item"><a class="page-link" href="demo-real-estate-blog.html#">04</a></li>
|
||||||
</div>
|
<li class="page-item"><a class="page-link" href="demo-real-estate-blog.html#"><i class="feather icon-feather-arrow-right fs-18 d-xs-none"></i></a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
<div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-4 order-lg-3">
|
</div>
|
||||||
<span class="fs-18 fw-400 d-block text-white mb-5px">Services</span>
|
</div>
|
||||||
<ul>
|
</div>
|
||||||
<li><a href="demo-accounting-services.html">Financial</a></li>
|
</div>
|
||||||
<li><a href="demo-accounting-services.html">Investment</a></li>
|
</section>
|
||||||
<li><a href="demo-accounting-services.html">Banking</a></li>
|
<!--Blog Section Ends-->
|
||||||
<li><a href="demo-accounting-services.html">Consulting</a></li>
|
<?php include('footer.php');?>
|
||||||
</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#690100290d0604080007470a0604" class="text-white lh-16 d-block mb-15px"><span class="__cf_email__" data-cfemail="88e0e1c8ece7e5e9e1e6a6ebe7e5">[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-news.html#" class="nav-link">Privacy policy</a></li>
|
|
||||||
<li><a href="demo-accounting-news.html#" class="nav-link">Terms and conditions</a></li>
|
|
||||||
<li><a href="demo-accounting-news.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-news.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>
|
|
||||||
176
contact.php
Normal file
176
contact.php
Normal file
@ -0,0 +1,176 @@
|
|||||||
|
<?php include('header.php');?>
|
||||||
|
<!--Page Hero Section-->
|
||||||
|
<section class="p-0 top-space-margin position-relative overflow-hidden">
|
||||||
|
<div class="container-fluid p-0 h-100 position-relative">
|
||||||
|
<div class="row g-0">
|
||||||
|
<div class="col-xl-5 col-lg-5 d-flex justify-content-center align-items-center ps-10 xxl-ps-6 xl-ps-4 md-ps-4 sm-ps-0 position-relative order-2 order-lg-1" data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||||
|
<div class="vertical-title-center align-items-center justify-content-center flex-shrink-0 w-75px sm-w-50px">
|
||||||
|
<h1 class="title fs-15 alt-font text-dark-gray fw-700 text-uppercase ls-1px text-uppercase d-flex w-auto align-items-center m-0" data-fancy-text="{ "opacity": [0, 1], "translateY": [50, 0], "filter": ["blur(20px)", "blur(0px)"], "string": ["contact us"], "duration": 400, "delay": 0, "speed": 50, "easing": "easeOutQuad" }"></h1>
|
||||||
|
</div>
|
||||||
|
<div class="border-start border-color-extra-medium-gray ps-40px sm-ps-20px position-relative z-index-9">
|
||||||
|
<h2 class="text-dark-gray fw-600 alt-font outside-box-right-10 xl-outside-box-right-15 lg-outside-box-right-20 md-me-0 sm-mb-0 ls-minus-3px contact-heading">Reach out to us for expert guidance and support on your study abroad journey—our team is here to help you succeed</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-7 col-lg-7 position-relative one-half-screen order-1 order-lg-2 md-mb-50px">
|
||||||
|
<div class="overflow-hidden position-relative">
|
||||||
|
<div class="w-100" data-anime="{ "effect": "slide", "direction": "lr", "color": "#f7f7f7", "duration": 1000, "delay": 0 }"> <img src="images/demo-branding-agency-contact-title-bg.jpg" alt class="w-100 liquid-parallax" data-parallax-liquid="true" data-parallax-position="top" data-parallax-scale="1.05"> </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!--Page Hero section End-->
|
||||||
|
|
||||||
|
<!--ontact Location-->
|
||||||
|
<section>
|
||||||
|
<div class="container">
|
||||||
|
<div class="row" data-anime="{ "el": "childs", "translateX": [30, 0], "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||||
|
|
||||||
|
<!--Location First-->
|
||||||
|
<div class="col-md-4 sm-mb-30px"> <span class="fs-30 alt-font ls-minus-05px fw-700 text-dark-gray location-title">Head Office</span>
|
||||||
|
<div class="separator-line-1px bg-extra-medium-gray w-70 mt-20px mb-20px md-w-100"></div>
|
||||||
|
<div class="d-block"> <i class="feather icon-feather-mail d-inline-block icon-small me-10px"></i> info@accessnepal.net </div>
|
||||||
|
<div class="d-block mb-5px"> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i> Putalisadak, Kathmandu</div>
|
||||||
|
<div class="d-block mb-5px"> <i class="feather icon-feather-phone d-inline-block icon-small me-10px"></i> +977-1-5333014, 9801570070 </div>
|
||||||
|
</div>
|
||||||
|
<!--Location First-->
|
||||||
|
|
||||||
|
<!--Location Second-->
|
||||||
|
<div class="col-md-4 sm-mb-30px"> <span class="fs-30 alt-font ls-minus-05px fw-700 text-dark-gray location-title">Baneshwor Branch</span>
|
||||||
|
<div class="separator-line-1px bg-extra-medium-gray w-70 mt-20px mb-20px md-w-100"></div>
|
||||||
|
<div class="d-block"> <i class="feather icon-feather-mail d-inline-block icon-small me-10px"></i>baneshwor@accessnepal.net</div>
|
||||||
|
<div class="d-block mb-5px"> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i>New Baneshwor, Kathmandu</div>
|
||||||
|
<div class="d-block mb-5px"> <i class="feather icon-feather-phone d-inline-block icon-small me-10px"></i> +977-1-479997, 9801570070 </div>
|
||||||
|
</div>
|
||||||
|
<!--Location Second-->
|
||||||
|
|
||||||
|
<!--Location Third-->
|
||||||
|
<div class="col-md-4 sm-mb-30px"> <span class="fs-30 alt-font ls-minus-05px fw-700 text-dark-gray location-title">Butwal Branch</span>
|
||||||
|
<div class="separator-line-1px bg-extra-medium-gray w-70 mt-20px mb-20px md-w-100"></div>
|
||||||
|
<div class="d-block"> <i class="feather icon-feather-mail d-inline-block icon-small me-10px"></i>butwal@accessedu.net</div>
|
||||||
|
<div class="d-block mb-5px"> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i>Milan Chowk, Butwal</div>
|
||||||
|
<div class="d-block mb-5px"> <i class="feather icon-feather-phone d-inline-block icon-small me-10px"></i> +977-71-549184, 9801570070</div>
|
||||||
|
</div>
|
||||||
|
<!--Location Third-->
|
||||||
|
|
||||||
|
<!--Location Fourth-->
|
||||||
|
<div class="col-md-4 sm-mb-30px pt-4"> <span class="fs-30 alt-font ls-minus-05px fw-700 text-dark-gray location-title">Biratnagar Branch</span>
|
||||||
|
<div class="separator-line-1px bg-extra-medium-gray w-70 mt-20px mb-20px md-w-100"></div>
|
||||||
|
<div class="d-block"> <i class="feather icon-feather-mail d-inline-block icon-small me-10px"></i>biratnagar@accessedu.net</div>
|
||||||
|
<div class="d-block mb-5px"> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i>Ganesh Bazar, Biratnagar</div>
|
||||||
|
<div class="d-block mb-5px"> <i class="feather icon-feather-phone d-inline-block icon-small me-10px"></i>+977-9860931863,9801570070 </div>
|
||||||
|
</div>
|
||||||
|
<!--Location Fourth-->
|
||||||
|
|
||||||
|
<!--Location Fifth-->
|
||||||
|
<div class="col-md-4 sm-mb-30px pt-4"> <span class="fs-30 alt-font ls-minus-05px fw-700 text-dark-gray location-title">Chitwan Branch</span>
|
||||||
|
<div class="separator-line-1px bg-extra-medium-gray w-70 mt-20px mb-20px md-w-100"></div>
|
||||||
|
<div class="d-block"> <i class="feather icon-feather-mail d-inline-block icon-small me-10px"></i>chitwan@accessedu.net</div>
|
||||||
|
<div class="d-block mb-5px"> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i>Sangam Chowk, Narayangarh</div>
|
||||||
|
<div class="d-block mb-5px"> <i class="feather icon-feather-phone d-inline-block icon-small me-10px"></i>+977-56-571038, 9801570070</div>
|
||||||
|
</div>
|
||||||
|
<!--Location Fifth-->
|
||||||
|
|
||||||
|
<!--Location Sisth-->
|
||||||
|
<div class="col-md-4 sm-mb-30px pt-4"> <span class="fs-30 alt-font ls-minus-05px fw-700 text-dark-gray location-title">Kumaripati Branch</span>
|
||||||
|
<div class="separator-line-1px bg-extra-medium-gray w-70 mt-20px mb-20px md-w-100"></div>
|
||||||
|
<div class="d-block"> <i class="feather icon-feather-mail d-inline-block icon-small me-10px"></i> lalitpur@accessedu.net</div>
|
||||||
|
<div class="d-block mb-5px"> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i> Kumaripati, Lalitpur</div>
|
||||||
|
<div class="d-block mb-5px"> <i class="feather icon-feather-phone d-inline-block icon-small me-10px"></i>+977-1-5908502, 9801570070</div>
|
||||||
|
</div>
|
||||||
|
<!--Location Sixth-->
|
||||||
|
|
||||||
|
<!--Location Seventh-->
|
||||||
|
<div class="col-md-4 sm-mb-30px pt-4"> <span class="fs-30 alt-font ls-minus-05px fw-700 text-dark-gray location-title">Pokhara Branch</span>
|
||||||
|
<div class="separator-line-1px bg-extra-medium-gray w-70 mt-20px mb-20px md-w-100"></div>
|
||||||
|
<div class="d-block"> <i class="feather icon-feather-mail d-inline-block icon-small me-10px"></i> pokhara@accessedu.net</div>
|
||||||
|
<div class="d-block mb-5px"> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i>Siddhartha Chowk, Pokhara</div>
|
||||||
|
<div class="d-block mb-5px"> <i class="feather icon-feather-phone d-inline-block icon-small me-10px"></i>+977-061-544034, 9801570070</div>
|
||||||
|
</div>
|
||||||
|
<!--Location Seventh-->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!--Contact Location End-->
|
||||||
|
|
||||||
|
|
||||||
|
<!--contactform Section-->
|
||||||
|
<section class="pt-5 pb-5">
|
||||||
|
<div class="container-fluid p-0">
|
||||||
|
<div class="row g-0">
|
||||||
|
<div class="col-xl-6 col-lg-7 cover-background md-h-500px sm-h-400px md-mb-50px" style="background-image:url('images/demo-branding-agency-contact-01.jpg')">
|
||||||
|
<div class="position-absolute text-center blur-box right-30px bottom-30px sm-right-15px sm-bottom-15px pt-35px pb-35px ps-45px pe-45px sm-p-20px bg-white-transparent counter-style-04 d-flex align-items-center border-radius-6px">
|
||||||
|
<h2 class="vertical-counter d-inline-flex alt-font text-dark-gray fw-700 mb-0 ls-minus-2px" data-text="+" data-to="353"></h2>
|
||||||
|
<span class="w-180px text-dark-gray text-start fw-500 lh-24 ms-15px sm-ms-10px">Very satisfied clients around the worldwide.</span> </div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-6 col-xl-5 col-lg-5 position-relative">
|
||||||
|
<div class="contact-form-style-03 position-relative ps-15 pe-15 xxl-ps-10 xxl-pe-10 lg-ps-5 lg-pe-5 overflow-hidden last-paragraph-no-margin" data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||||
|
<div class="mb-10px"> </div>
|
||||||
|
<h2 class="text-dark-gray alt-font fw-600 xxl-w-100 ls-minus-2px form-title">Reach Out for Assistance</h2>
|
||||||
|
<form action="email-templates/contact-form.php" method="post" class="row contact-form-style-02">
|
||||||
|
<div class="col-md-6 mb-30px">
|
||||||
|
<label class="text-dark pb-2">Personal Information</label>
|
||||||
|
<input class="input-name form-control required" type="text" name="name" placeholder="Full Name*">
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 mb-30px">
|
||||||
|
<label class="text-dark pb-2">Email Address</label>
|
||||||
|
<input class="form-control required" type="email" name="email" placeholder="Your email address*">
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 mb-30px">
|
||||||
|
<label class="text-dark pb-2">Contact Number</label>
|
||||||
|
<input class="form-control required" type="tel" name="phone" placeholder="Your phone*">
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 mb-30px">
|
||||||
|
<label class="text-dark pb-2">Study Destination</label>
|
||||||
|
<select name="country" id="city" class="form-control">
|
||||||
|
<option value="">Select Country</option>
|
||||||
|
<option value="country1">Australia</option>
|
||||||
|
<option value="country2">USA</option>
|
||||||
|
<option value="country3">UK</option>
|
||||||
|
<option value="country4">Canada</option>
|
||||||
|
<option value="country5">New Zealand</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 mb-30px">
|
||||||
|
<label class="text-dark pb-2">Ofice Location</label>
|
||||||
|
<select name="type" id="type" class="form-control">
|
||||||
|
<option value="">Select Location</option>
|
||||||
|
<option value="type1">Putalisadak Office</option>
|
||||||
|
<option value="type2">Baneshwor Office</option>
|
||||||
|
<option value="type3">Pokhara Office</option>
|
||||||
|
<option value="type4">Kumaripati Office</option>
|
||||||
|
<option value="type5">Chitwan Office</option>
|
||||||
|
<option value="type6">Butwal Office</option>
|
||||||
|
<option value="type7">Biratnagar Office</option>
|
||||||
|
<option value="type8">Access Canada Office</option>
|
||||||
|
<option value="type9">Access New Zealand Office</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 mb-30px">
|
||||||
|
<label class="text-dark pb-2">Counceling Oprtions</label>
|
||||||
|
<select name="incoter" id="incoter" class="form-control">
|
||||||
|
<option value="">Select Options</option>
|
||||||
|
<option value="incoter1">In-Person / Visit Office Location</option>
|
||||||
|
<option value="incoter2">Online / Distance Counselling</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-12 mb-30px">
|
||||||
|
<label class="text-dark pb-2">Enquiry Details</label>
|
||||||
|
<textarea class="form-control" cols="40" rows="4" name="message" placeholder="Your message"></textarea>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-5 col-md-5 sm-mt-20px">
|
||||||
|
<input type="hidden" name="redirect" value="">
|
||||||
|
<button class="btn btn-base-color btn-medium btn-rounded btn-box-shadow submit" type="submit">Send message</button>
|
||||||
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="form-results mt-20px d-none"></div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!--contactform Section End-->
|
||||||
|
<?php include('footer.php');?>
|
||||||
25
css/style.min.css
vendored
25
css/style.min.css
vendored
@ -536,7 +536,7 @@ b, strong {
|
|||||||
color: var(--base-color) !important
|
color: var(--base-color) !important
|
||||||
}
|
}
|
||||||
.btn-link.text-base-color, .text-base-color {
|
.btn-link.text-base-color, .text-base-color {
|
||||||
color: var(--base-color)
|
color: #FF7236;
|
||||||
}
|
}
|
||||||
.btn-link.text-black, .text-black, a.text-black-hover:hover {
|
.btn-link.text-black, .text-black, a.text-black-hover:hover {
|
||||||
color: var(--black)
|
color: var(--black)
|
||||||
@ -6756,7 +6756,8 @@ header.sticky .navbar.disable-fixed {
|
|||||||
display: none
|
display: none
|
||||||
}
|
}
|
||||||
.navbar .navbar-nav .nav-item .nav-link.active, .navbar .navbar-nav .nav-item.active .nav-link, .navbar .navbar-nav .nav-item:hover .nav-link {
|
.navbar .navbar-nav .nav-item .nav-link.active, .navbar .navbar-nav .nav-item.active .nav-link, .navbar .navbar-nav .nav-item:hover .nav-link {
|
||||||
opacity: .6
|
opacity: .6;
|
||||||
|
color: #FF7236;
|
||||||
}
|
}
|
||||||
.navbar .navbar-nav .nav-link {
|
.navbar .navbar-nav .nav-link {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
@ -18041,8 +18042,22 @@ footer .nav-link {
|
|||||||
border-top: 1px solid #fff6ec57;
|
border-top: 1px solid #fff6ec57;
|
||||||
}
|
}
|
||||||
.footer-list li a {
|
.footer-list li a {
|
||||||
color:#fff;
|
color: #fff;
|
||||||
}.footer-list li a:hover {
|
}
|
||||||
color:#ff7236;
|
.footer-list li a:hover {
|
||||||
|
color: #ff7236;
|
||||||
|
}
|
||||||
|
.contact-heading {
|
||||||
|
font-size: 40px;
|
||||||
|
}
|
||||||
|
.location-title {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
.form-title {
|
||||||
|
font-size: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog-title{
|
||||||
|
font-size: 30px;
|
||||||
}
|
}
|
||||||
/*custome css*/
|
/*custome css*/
|
||||||
12922
css/vendors.min.css
vendored
12922
css/vendors.min.css
vendored
File diff suppressed because one or more lines are too long
17
footer.php
17
footer.php
@ -19,17 +19,18 @@
|
|||||||
<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">Useful Link</span>
|
<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">Useful Link</span>
|
||||||
<ul class="footer-list">
|
<ul class="footer-list">
|
||||||
<li><a href="about.php">Company Profile</a></li>
|
<li><a href="about.php">Company Profile</a></li>
|
||||||
<li><a href="demo-accounting-services.html">Services</a></li>
|
<li><a href="destination.php">Study Destination</a></li>
|
||||||
<li><a href="demo-accounting-process.html">Process</a></li>
|
<li><a href="service.php">How can we help</a></li>
|
||||||
<li><a href="demo-accounting-contact.html">Contact</a></li>
|
<li><a href="contact.php">Contact us</a></li>
|
||||||
|
<li><a href="faq.php">Faq's</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</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>
|
<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 class="footer-list">
|
<ul class="footer-list">
|
||||||
<li><a href="demo-accounting-services.html">Financial</a></li>
|
<li><a href="service-details.php">Career Councelling</a></li>
|
||||||
<li><a href="demo-accounting-services.html">Investment</a></li>
|
<li><a href="service-details.php">University Selection</a></li>
|
||||||
<li><a href="demo-accounting-services.html">Banking</a></li>
|
<li><a href="service-details.php">Abroad Study Handbook</a></li>
|
||||||
<li><a href="demo-accounting-services.html">Consulting</a></li>
|
<li><a href="service-details.php">Test Prepration Guide</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</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>
|
<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>
|
||||||
@ -49,7 +50,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row align-items-center fs-16 fw-300">
|
<div class="row align-items-center fs-16 fw-300 border-top">
|
||||||
<div class="col-lg-12 text-center pt-2">
|
<div class="col-lg-12 text-center pt-2">
|
||||||
<p>© 2024. All rights reserved. <a href="index.php" target="_blank" class="text-decoration-line-bottom text-white"> Access Education Network Pvt. Ltd.</a></p>
|
<p>© 2024. All rights reserved. <a href="index.php" target="_blank" class="text-decoration-line-bottom text-white"> Access Education Network Pvt. Ltd.</a></p>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -40,7 +40,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<nav class="navbar navbar-expand-lg header-light bg-white responsive-sticky">
|
<nav class="navbar navbar-expand-lg header-light bg-white responsive-sticky">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="col-auto col-lg-2 me-lg-0 me-auto"> <a class="navbar-brand" href="index.php"> <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 col-lg-2 me-lg-0 me-auto"> <a class="navbar-brand" href="index.php"> <img src="images/access-image/access-logo.png" data-at2x="images/access-image/access-logo.png" alt class="default-logo"> <img src="images/access-image/access-logo.png" data-at2x="images/access-image/access-logo.png" alt class="alt-logo"> <img src="images/access-image/access-logo.png" data-at2x="images/access-image/access-logo.png" alt class="mobile-logo"> </a> </div>
|
||||||
<div class="col-auto menu-order position-static">
|
<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>
|
<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">
|
<div class="collapse navbar-collapse" id="navbarNav">
|
||||||
|
|||||||
BIN
images/access-image/access-logo.png
Normal file
BIN
images/access-image/access-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
BIN
images/access-image/blog4.jpg
Normal file
BIN
images/access-image/blog4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
BIN
images/access-image/blog5.jpg
Normal file
BIN
images/access-image/blog5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
images/access-image/blog6.jpg
Normal file
BIN
images/access-image/blog6.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
@ -4,7 +4,7 @@
|
|||||||
<div class="col-lg-6 md-mb-50px appear anime-child anime-complete" data-anime="{ "el": "childs", "opacity": [0, 1], "rotateY": [-90, 0], "rotateZ": [-10, 0], "translateY": [80, 0], "translateZ": [50, 0], "staggervalue": 200, "duration": 800, "delay": 200, "easing": "easeOutCirc" }"> <span class="mb-10px text-base-color fw-500 d-block" style="">Access Education Network</span>
|
<div class="col-lg-6 md-mb-50px appear anime-child anime-complete" data-anime="{ "el": "childs", "opacity": [0, 1], "rotateY": [-90, 0], "rotateZ": [-10, 0], "translateY": [80, 0], "translateZ": [50, 0], "staggervalue": 200, "duration": 800, "delay": 200, "easing": "easeOutCirc" }"> <span class="mb-10px text-base-color fw-500 d-block" style="">Access Education Network</span>
|
||||||
<h2 class="alt-font text-dark-gray ls-minus-2px custom-title pt-4 pb-4">Committed to Your Academic Success </h2>
|
<h2 class="alt-font text-dark-gray ls-minus-2px custom-title pt-4 pb-4">Committed to Your Academic Success </h2>
|
||||||
<p class="w-80 xl-w-100 mb-35px xs-mb-10px" style="">Access Education Network (AEN) is a leading educational consultation service providing organization. It is brought into operation in Nepal by formal registration. It has initiated its service with a motive of rendering educational consultation service to the students willing to pursue quality education that would be acknowledged by the world. </p>
|
<p class="w-80 xl-w-100 mb-35px xs-mb-10px" style="">Access Education Network (AEN) is a leading educational consultation service providing organization. It is brought into operation in Nepal by formal registration. It has initiated its service with a motive of rendering educational consultation service to the students willing to pursue quality education that would be acknowledged by the world. </p>
|
||||||
<div class="d-inline-block w-100"> <a href="about.php" class="btn btn-large btn-rounded with-rounded btn-base-color btn-round-edge btn-box-shadow">Our Services<span class="bg-orient-blue text-white"><i class="feather icon-feather-arrow-right icon-small"></i></span></a> </div>
|
<div class="d-inline-block w-100"> <a href="about.php" class="btn btn-large btn-rounded with-rounded btn-base-color btn-round-edge btn-box-shadow">Explore More<span class="bg-orient-blue text-white"><i class="feather icon-feather-arrow-right icon-small"></i></span></a> </div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-6 position-relative"> <span class="fs-90 position-absolute left-60px md-left-100px sm-left-70px xs-left-10px top-90px xs-top-50px text-dark-gray fw-700 z-index-1 skrollable skrollable-between appear anime-complete" data-bottom-top="transform: translateY(50px) scale(1,1)" data-top-bottom="transform: translateY(-50px) scale(1,1)" data-anime="{ "opacity": [0,1], "duration": 600, "delay": 1500, "staggervalue": 300, "easing": "easeOutQuad" }" style="transform: translateY(-12.2285px) scale(1, 1);"><span class="fs-15 fw-600 d-table lh-16 text-uppercase text-medium-gray">Since</span>2005</span>
|
<div class="col-lg-6 position-relative"> <span class="fs-90 position-absolute left-60px md-left-100px sm-left-70px xs-left-10px top-90px xs-top-50px text-dark-gray fw-700 z-index-1 skrollable skrollable-between appear anime-complete" data-bottom-top="transform: translateY(50px) scale(1,1)" data-top-bottom="transform: translateY(-50px) scale(1,1)" data-anime="{ "opacity": [0,1], "duration": 600, "delay": 1500, "staggervalue": 300, "easing": "easeOutQuad" }" style="transform: translateY(-12.2285px) scale(1, 1);"><span class="fs-15 fw-600 d-table lh-16 text-uppercase text-medium-gray">Since</span>2005</span>
|
||||||
<div class="w-75 overflow-hidden position-relative xs-w-80 border-radius-4px float-end appear" data-anime="{ "effect": "slide", "color": "#A0875B", "direction":"rl", "easing": "easeOutQuad", "duration": 600, "delay":400}" style="position: relative;"> <img class="w-100" src="images/access-image/hero-intro1.jpg" alt="" data-no-retina="" style="opacity: 1;"> </div>
|
<div class="w-75 overflow-hidden position-relative xs-w-80 border-radius-4px float-end appear" data-anime="{ "effect": "slide", "color": "#A0875B", "direction":"rl", "easing": "easeOutQuad", "duration": 600, "delay":400}" style="position: relative;"> <img class="w-100" src="images/access-image/hero-intro1.jpg" alt="" data-no-retina="" style="opacity: 1;"> </div>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user