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/style.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>
|
||||
<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">
|
||||
<div class="circle-cursor circle-cursor-inner"></div>
|
||||
<div class="circle-cursor circle-cursor-outer"></div>
|
||||
</div>
|
||||
<header>
|
||||
|
||||
|
||||
<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">
|
||||
<nav class="navbar navbar-expand-lg header-light bg-white header-reverse glass-effect">
|
||||
<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 class="navbar-brand" href="demo-branding-agency.html">
|
||||
<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-branding-agency-logo-black.png" data-at2x="images/demo-branding-agency-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="mobile-logo">
|
||||
</a>
|
||||
</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">
|
||||
<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="about.php" class="nav-link">Company</a></li>
|
||||
<div class="collapse navbar-collapse justify-content-center" id="navbarNav">
|
||||
<ul class="navbar-nav alt-font">
|
||||
<li class="nav-item"><a href="demo-branding-agency.html" class="nav-link">Home</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">
|
||||
<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>
|
||||
<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>
|
||||
<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-branding-agency-services-detail.html"><i class="bi bi-vector-pen text-dark-gray"></i>Design research</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-branding-agency-services-detail.html"><i class="bi bi-bag-heart text-dark-gray"></i>eCommerce solutions</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>
|
||||
<li class="nav-item"><a href="demo-branding-agency-portfolio.html" class="nav-link">Portfolio</a></li>
|
||||
<li class="nav-item"><a href="demo-branding-agency-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="col-auto 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>
|
||||
<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>
|
||||
@ -97,12 +79,23 @@
|
||||
</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 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>
|
||||
<h2 class="text-white text-shadow-medium fw-500 ls-minus-2px mb-0">About crafto accounto</h2>
|
||||
<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-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" }">
|
||||
<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": ["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>
|
||||
@ -111,275 +104,120 @@
|
||||
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center mb-3">
|
||||
<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" }">
|
||||
<h3 class="text-dark-gray fw-700 ls-minus-2px">Why choose us as your accountant consultant?</h3>
|
||||
<div class="row mb-6 sm-mb-50px">
|
||||
<div class="col-md-12 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" 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 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 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 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>
|
||||
<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">
|
||||
<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="mb-30px">An activity or set of activities that can accomplish a specific organizational goal.</p>
|
||||
<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>
|
||||
<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 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="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="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="mb-30px">We combine deep financial expertise with exclusive tools to help the maximize value.</p>
|
||||
</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>
|
||||
<p class="text-dark-gray mb-20 sm-mb-10 fw-500 w-90 fs-17 lh-28">Successfully finished projects with creativity. </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>
|
||||
</div>
|
||||
|
||||
|
||||
<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="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="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="mb-30px">Financial services are the economic services provided by the finance industry.</p>
|
||||
<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>
|
||||
<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 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 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>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="pt-0 big-section">
|
||||
<section class="pt-0">
|
||||
<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="col-lg-6 position-relative md-mb-14 sm-mb-17 xs-mb-23">
|
||||
<div class="w-70 md-w-75 xs-w-90" data-animation-delay="50" data-shadow-animation="true">
|
||||
<img src="images/demo-accounting-company-01.jpg" alt class="border-radius-8px w-100">
|
||||
<div class="row mb-17 sm-mb-30px">
|
||||
<div class="col-lg-6 position-relative">
|
||||
<div class="row align-items-center position-relative md-mb-15" data-anime="{ "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||||
<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 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)">
|
||||
<img src="images/demo-accounting-company-02.jpg" alt class="border-radius-8px w-100 box-shadow-quadruple-large" />
|
||||
<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-branding-agency-about-04.jpg" alt class="box-shadow-quadruple-large md-w-80 sm-w-100" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-5 offset-xl-1 col-lg-6 text-center text-lg-start">
|
||||
<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 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)">
|
||||
<img src="images/demo-branding-agency-about-03.jpg" alt class="box-shadow-quadruple-large w-100" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="p-0 bg-base-color">
|
||||
<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 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>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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>">
|
||||
<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>
|
||||
<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>
|
||||
<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">
|
||||
<span>
|
||||
<span class="video-icon">
|
||||
<span class="bg-base-color w-100 h-100 border-radius-100 text-center d-flex align-items-center justify-content-center">
|
||||
<i class="fa-solid fa-location-dot m-0 text-white icon-small"></i>
|
||||
<span><i class="feather icon-feather-send"></i></span>
|
||||
<span class="btn-double-text" data-text="Let's talk now">Let's talk now</span>
|
||||
</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>
|
||||
</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>">
|
||||
</a>
|
||||
<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>
|
||||
<span class="video-icon">
|
||||
<span class="w-100 h-100 bg-base-color border-radius-100 d-flex align-items-center justify-content-center">
|
||||
<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><i class="feather icon-feather-briefcase"></i></span>
|
||||
<span class="btn-double-text" data-text="More services">More services</span>
|
||||
</span>
|
||||
</a>
|
||||
</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>
|
||||
</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 class="col client-box text-center md-mb-35px">
|
||||
<a href="demo-branding-agency-about.html#"><img src="images/logo-walmart.svg" class="h-35px" alt></a>
|
||||
</div>
|
||||
|
||||
|
||||
<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-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 class="col client-box text-center md-mb-35px">
|
||||
<a href="demo-branding-agency-about.html#"><img src="images/logo-logitech.svg" class="h-35px" alt></a>
|
||||
</div>
|
||||
|
||||
|
||||
<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-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 class="col client-box text-center md-mb-35px">
|
||||
<a href="demo-branding-agency-about.html#"><img src="images/logo-monday.svg" class="h-35px" alt></a>
|
||||
</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="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>
|
||||
<div class="col client-box text-center sm-mb-35px">
|
||||
<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>
|
||||
</section>
|
||||
@ -387,157 +225,85 @@
|
||||
|
||||
<section class="py-0">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center mb-3">
|
||||
<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" }">
|
||||
<h3 class="fw-700 text-dark-gray ls-minus-2px">Meet the professional accounting people</h3>
|
||||
<div class="row align-items-center position-relative">
|
||||
<div class="col-lg-6">
|
||||
<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 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">
|
||||
<figure class="mb-0 hover-box box-hover position-relative">
|
||||
<img src="images/team-08.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">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 class="progress mb-15px border-radius-50px fw-600 fs-11 lh-12 text-white bg-white">
|
||||
<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">
|
||||
<span class="progress-bar-percent text-orange fw-600">98%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-overlay bg-white box-shadow-quadruple-large border-radius-6px"></div>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<div class="progress-bar-title text-uppercase">Business growth</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col text-center team-style-01 md-mb-30px">
|
||||
<figure class="mb-0 hover-box box-hover position-relative">
|
||||
<img src="images/team-09.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">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 class="progress border-radius-50px fw-600 fs-11 lh-12 text-white bg-white">
|
||||
<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">
|
||||
<span class="progress-bar-percent text-blue fw-600">85%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-overlay bg-white box-shadow-quadruple-large border-radius-6px"></div>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<div class="progress-bar-title text-uppercase">New technology</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col text-center team-style-01 xs-mb-30px">
|
||||
<figure class="mb-0 hover-box box-hover position-relative">
|
||||
<img src="images/team-10.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">Matthew taylor</span>
|
||||
<p class="m-0">Financial 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 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">
|
||||
<div class="feature-box feature-box-left-icon-middle d-inline-flex align-middle">
|
||||
<div class="feature-box-icon me-10px">
|
||||
<i class="bi bi-people icon-very-medium text-dark-gray"></i>
|
||||
</div>
|
||||
<div class="feature-box-content">
|
||||
<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>
|
||||
</div>
|
||||
<div class="box-overlay bg-white box-shadow-quadruple-large border-radius-6px"></div>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
<div class="box-overlay bg-white box-shadow-quadruple-large border-radius-6px"></div>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="half-section">
|
||||
<section class="pb-0">
|
||||
<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="col-lg-5 text-center mb-15px">
|
||||
<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>
|
||||
<div class="row">
|
||||
<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" }">
|
||||
<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 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="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="swiper-wrapper marquee-slide">
|
||||
|
||||
<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 class="separator-line-1px border-bottom border-color-extra-medium-gray mt-35px mb-35px"></div>
|
||||
<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">Work together for better branding solutions.</div>
|
||||
</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 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 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 class="separator-line-1px border-bottom border-color-extra-medium-gray mt-35px mb-35px"></div>
|
||||
<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">Committed to deliver unique digital media.</div>
|
||||
</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 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 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>
|
||||
@ -545,107 +311,125 @@
|
||||
</section>
|
||||
|
||||
|
||||
<footer class="footer-dark bg-dark-gray pt-0 pb-2 lg-pb-35px">
|
||||
<div class="footer-top pt-50px pb-50px sm-pt-35px sm-pb-35px border-bottom border-1 border-color-transparent-white-light">
|
||||
<section>
|
||||
<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">
|
||||
<h3 class="text-white mb-5px fw-500 ls-minus-1px">Get a consultation services.</h3>
|
||||
<span class="fs-20 widget-text fw-300">We will take care of your business accounting services.</span>
|
||||
<div class="col team-style-10 md-mb-30px">
|
||||
<figure class="mb-0 position-relative overflow-hidden">
|
||||
<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 class="col-xl-6 text-center text-xl-end">
|
||||
<a href="demo-accounting-contact.html" class="btn btn-extra-large btn-yellow left-icon btn-box-shadow btn-rounded text-transform-none d-inline-block align-middle me-15px xs-m-10px"><i class="feather icon-feather-mail"></i>Free consultation</a>
|
||||
<a href="tel:12345678910" class="btn btn-extra-large btn-base-color left-icon btn-box-shadow btn-rounded d-inline-block align-middle xs-m-10px"><i class="feather icon-feather-phone-call"></i>+1 234 567 8910</a>
|
||||
<div class="col team-style-10 md-mb-30px">
|
||||
<figure class="mb-0 position-relative overflow-hidden">
|
||||
<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 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>
|
||||
</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="row justify-content-center fs-17 fw-300 mt-5 mb-4 md-mt-45px md-mb-45px xs-mt-35px xs-mb-35px">
|
||||
|
||||
<div class="col-6 col-lg-3 order-sm-1 md-mb-40px xs-mb-30px last-paragraph-no-margin">
|
||||
<a href="demo-accounting.html" class="footer-logo mb-15px d-inline-block"><img src="images/demo-accounting-logo-white.png" data-at2x="images/demo-accounting-logo-white@2x.png" alt></a>
|
||||
<p class="w-85 xl-w-95 sm-w-100">Lorem ipsum amet adipiscing elit to eiusmod ad tempor.</p>
|
||||
<div class="elements-social social-icon-style-02 mt-20px lg-mt-20px">
|
||||
<ul class="small-icon light">
|
||||
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
|
||||
<li><a class="dribbble" href="http://www.dribbble.com" target="_blank"><i class="fa-brands fa-dribbble"></i></a></li>
|
||||
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
|
||||
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
|
||||
</ul>
|
||||
<div class="row mb-6">
|
||||
<div class="col-lg-5 col-md-6 sm-mb-30px order-2 order-md-1">
|
||||
<h3 class="text-white fw-500 alt-font mb-50px ls-minus-1px sm-mb-30px">Let's make something great work together.</h3>
|
||||
<div class="row">
|
||||
<div class="col-lg-5 col-6">
|
||||
<span class="alt-font fs-14 text-uppercase d-block text-white ls-1px lh-24">Call our office</span>
|
||||
<a href="tel:12345678910">+1 234 567 8910</a>
|
||||
</div>
|
||||
<div class="col-lg-5 col-6">
|
||||
<span class="alt-font fs-14 text-uppercase d-block text-white ls-1px lh-24">Send a message</span>
|
||||
<a href="cdn-cgi/l/email-protection.html#ee87808881ae8a81838f8780c08d8183"><span class="__cf_email__" data-cfemail="771e1911183713181a161e195914181a">[email protected]</span></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-3 order-lg-2">
|
||||
<span class="fs-18 fw-400 d-block text-white mb-5px">About</span>
|
||||
</div>
|
||||
<div class="col-md-2 offset-lg-1 col-6 order-3 order-md-2">
|
||||
<span class="alt-font fs-14 text-uppercase mb-5px d-block text-white ls-1px">Company</span>
|
||||
<ul>
|
||||
<li><a href="about.php">Company</a></li>
|
||||
<li><a href="demo-accounting-services.html">Services</a></li>
|
||||
<li><a href="demo-accounting-process.html">Process</a></li>
|
||||
<li><a href="demo-accounting-contact.html">Contact</a></li>
|
||||
<li><a href="demo-branding-agency.html">Home</a></li>
|
||||
<li><a href="demo-branding-agency-about.html">Agency</a></li>
|
||||
<li><a href="demo-branding-agency-services.html">Services</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>
|
||||
</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-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>
|
||||
<ul>
|
||||
<li><a href="demo-accounting-services.html">Financial</a></li>
|
||||
<li><a href="demo-accounting-services.html">Investment</a></li>
|
||||
<li><a href="demo-accounting-services.html">Banking</a></li>
|
||||
<li><a href="demo-accounting-services.html">Consulting</a></li>
|
||||
<li><a href="https://www.pinterest.com/" target="_blank">Pinterest</a></li>
|
||||
<li><a href="https://www.twitter.com" target="_blank">Twitter</a></li>
|
||||
<li><a href="http://www.dribbble.com" target="_blank">Dribbble</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>
|
||||
</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#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 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>
|
||||
</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 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.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 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>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
1316
blog-details.php
1316
blog-details.php
File diff suppressed because it is too large
Load Diff
494
blog.php
494
blog.php
@ -1,353 +1,153 @@
|
||||
<!doctype html>
|
||||
<html class="no-js" lang="en">
|
||||
<head>
|
||||
<title>Crafto - The Multipurpose HTML5 Template</title>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="author" content="ThemeZaa">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||
<meta name="description" content="Elevate your online presence with Crafto - a modern, versatile, multipurpose Bootstrap 5 responsive HTML5, SCSS template using highly creative 52+ ready demos.">
|
||||
<?php include('header.php')?>
|
||||
|
||||
<link rel="shortcut icon" href="images/favicon.png">
|
||||
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
|
||||
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
|
||||
<link rel="stylesheet" href="css/vendors.min.css" />
|
||||
<link rel="stylesheet" href="css/icon.min.css" />
|
||||
<link rel="stylesheet" href="css/style.min.css" />
|
||||
<link rel="stylesheet" href="css/responsive.min.css" />
|
||||
<link rel="stylesheet" href="demos/accounting/accounting.css" />
|
||||
</head>
|
||||
<body data-mobile-nav-style="classic" class="custom-cursor">
|
||||
|
||||
<div class="cursor-page-inner">
|
||||
<div class="circle-cursor circle-cursor-inner"></div>
|
||||
<div class="circle-cursor circle-cursor-outer"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<header class="header-with-topbar">
|
||||
|
||||
<div class="header-top-bar top-bar-dark bg-very-light-gray">
|
||||
<div class="container-fluid">
|
||||
<div class="row h-45px xs-h-auto align-items-center m-0 xs-pt-5px xs-pb-5px">
|
||||
<div class="col-lg-6 col-md-7 text-center text-md-start xs-px-0">
|
||||
<div class="fs-15 text-dark-gray fw-500">Our accounting experts waiting for you! <a href="demo-accounting-contact.html" class="text-dark-gray text-decoration-line-bottom fw-600">Contact now</a></div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-5 text-end d-none d-md-flex">
|
||||
<div class="widget fs-15 fw-500 me-35px lg-me-25px md-me-0 text-dark-gray"><a href="tel:02228899900"><i class="feather icon-feather-phone-call"></i>0222 8899900</a></div>
|
||||
<div class="widget fs-15 fw-500 text-dark-gray d-none d-lg-inline-block"><i class="feather icon-feather-map-pin"></i>Broadway, 24th Floor, San Francisco</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<nav class="navbar navbar-expand-lg header-light bg-white responsive-sticky">
|
||||
<div class="container-fluid">
|
||||
<div class="col-auto col-lg-2 me-lg-0 me-auto">
|
||||
<a class="navbar-brand" href="demo-accounting.html">
|
||||
<img src="images/demo-accounting-logo-black.png" data-at2x="images/demo-accounting-logo-black@2x.png" alt class="default-logo">
|
||||
<img src="images/demo-accounting-logo-black.png" data-at2x="images/demo-accounting-logo-black@2x.png" alt class="alt-logo">
|
||||
<img src="images/demo-accounting-logo-black.png" data-at2x="images/demo-accounting-logo-black@2x.png" alt class="mobile-logo">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-auto menu-order position-static">
|
||||
<button class="navbar-toggler float-start" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-line"></span>
|
||||
<span class="navbar-toggler-line"></span>
|
||||
<span class="navbar-toggler-line"></span>
|
||||
<span class="navbar-toggler-line"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav fw-600">
|
||||
<li class="nav-item"><a href="demo-accounting.html" class="nav-link">Home</a></li>
|
||||
<li class="nav-item"><a href="demo-accounting-company.html" class="nav-link">Company</a></li>
|
||||
<li class="nav-item dropdown dropdown-with-icon-style02">
|
||||
<a href="demo-accounting-services.html" class="nav-link">Services</a>
|
||||
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
|
||||
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
|
||||
<li><a href="demo-accounting-services-details.html"><img src="images/demo-accounting-company-icon02.svg" alt>Corporate finance</a></li>
|
||||
<li><a href="demo-accounting-services-details.html"><img src="images/demo-accounting-company-icon03.svg" alt>Financial services</a></li>
|
||||
<li><a href="demo-accounting-services-details.html"><img src="images/demo-accounting-company-icon-04.svg" alt>Online consulting</a></li>
|
||||
<li><a href="demo-accounting-services-details.html"><img src="images/demo-accounting-company-icon-05.svg" alt>Investment consulting</a></li>
|
||||
<li><a href="demo-accounting-services-details.html"><img src="images/demo-accounting-company-icon-06.svg" alt>Banking and financing</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a href="demo-accounting-process.html" class="nav-link">Process</a></li>
|
||||
<li class="nav-item"><a href="demo-accounting-news.html" class="nav-link">News</a></li>
|
||||
<li class="nav-item"><a href="demo-accounting-contact.html" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-auto col-lg-2 text-end d-none d-sm-flex">
|
||||
<div class="header-icon">
|
||||
<div class="header-button">
|
||||
<a href="demo-accounting-contact.html" class="btn btn-small btn-rounded btn-base-color btn-box-shadow">Let's discuss</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
<section class="top-space-margin 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>
|
||||
<!--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": ["Discover Learn & Grow"], "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">Get inspired and stay informed with our blog, offering valuable insights and advice to shape your career</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-->
|
||||
|
||||
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<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" }">
|
||||
<li class="grid-sizer"></li>
|
||||
|
||||
<li class="grid-item">
|
||||
<div class="card bg-transparent border-0 h-100">
|
||||
<div class="blog-image position-relative overflow-hidden border-radius-4px">
|
||||
<a href="demo-accounting-blog-single-creative.html"><img src="images/demo-accounting-blog-01.jpg" alt /></a>
|
||||
</div>
|
||||
<div class="card-body px-0 pt-30px pb-30px xs-pb-15px last-paragraph-no-margin">
|
||||
<a href="demo-accounting-blog-single-creative.html" class="card-title mb-5px fw-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>
|
||||
<!--Mid Section Title-->
|
||||
<section class="bg-very-light-gray cover-background page-title-big-typography ipad-top-space-margin">
|
||||
<div class="container">
|
||||
<div class="row align-items-center align-items-lg-end justify-content-center extra-very-small-screen g-0">
|
||||
<div class="col-lg-10 mx-auto text-center">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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">
|
||||
<div class="footer-top pt-50px pb-50px sm-pt-35px sm-pb-35px border-bottom border-1 border-color-transparent-white-light">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-center">
|
||||
|
||||
<div class="col-xl-6 text-center text-xl-start lg-mb-30px sm-mb-20px">
|
||||
<h3 class="text-white mb-5px fw-500 ls-minus-1px">Get a consultation services.</h3>
|
||||
<span class="fs-20 widget-text fw-300">We will take care of your business accounting services.</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-xl-6 text-center text-xl-end">
|
||||
<a href="demo-accounting-contact.html" class="btn btn-extra-large btn-yellow left-icon btn-box-shadow btn-rounded text-transform-none d-inline-block align-middle me-15px xs-m-10px"><i class="feather icon-feather-mail"></i>Free consultation</a>
|
||||
<a href="tel:12345678910" class="btn btn-extra-large btn-base-color left-icon btn-box-shadow btn-rounded d-inline-block align-middle xs-m-10px"><i class="feather icon-feather-phone-call"></i>+1 234 567 8910</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center fs-17 fw-300 mt-5 mb-4 md-mt-45px md-mb-45px xs-mt-35px xs-mb-35px">
|
||||
|
||||
<div class="col-6 col-lg-3 order-sm-1 md-mb-40px xs-mb-30px last-paragraph-no-margin">
|
||||
<a href="demo-accounting.html" class="footer-logo mb-15px d-inline-block"><img src="images/demo-accounting-logo-white.png" data-at2x="images/demo-accounting-logo-white@2x.png" alt></a>
|
||||
<p class="w-85 xl-w-95 sm-w-100">Lorem ipsum amet adipiscing elit to eiusmod ad tempor.</p>
|
||||
<div class="elements-social social-icon-style-02 mt-20px lg-mt-20px">
|
||||
<ul class="small-icon light">
|
||||
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
|
||||
<li><a class="dribbble" href="http://www.dribbble.com" target="_blank"><i class="fa-brands fa-dribbble"></i></a></li>
|
||||
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
|
||||
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-3 order-lg-2">
|
||||
<span class="fs-18 fw-400 d-block text-white mb-5px">About</span>
|
||||
<ul>
|
||||
<li><a href="demo-accounting-company.html">Company</a></li>
|
||||
<li><a href="demo-accounting-services.html">Services</a></li>
|
||||
<li><a href="demo-accounting-process.html">Process</a></li>
|
||||
<li><a href="demo-accounting-contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-4 order-lg-3">
|
||||
<span class="fs-18 fw-400 d-block text-white mb-5px">Services</span>
|
||||
<ul>
|
||||
<li><a href="demo-accounting-services.html">Financial</a></li>
|
||||
<li><a href="demo-accounting-services.html">Investment</a></li>
|
||||
<li><a href="demo-accounting-services.html">Banking</a></li>
|
||||
<li><a href="demo-accounting-services.html">Consulting</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-5 order-lg-4">
|
||||
<span class="fs-18 fw-400 d-block text-white mb-5px">Get in touch</span>
|
||||
<p class="mb-5px">Need support?</p>
|
||||
<a href="cdn-cgi/l/email-protection.html#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>
|
||||
<!--Blog Section-->
|
||||
<section class="overlap-height sm-pb-50px">
|
||||
<div class="container overlap-gap-section">
|
||||
<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 -->
|
||||
|
||||
<!-- start blog item -->
|
||||
<li class="grid-item" style="position: absolute; left: 33.3298%; 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/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 -->
|
||||
|
||||
<!-- 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/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 -->
|
||||
|
||||
<!-- 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/blog5.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">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 -->
|
||||
|
||||
<!-- 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/blog6.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">Affordable higher education abroad, exploring budget friendly universities in the USA </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 -->
|
||||
|
||||
</ul>
|
||||
<div class="row">
|
||||
<div class="col-12 mt-2 d-flex justify-content-center">
|
||||
<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 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 class="page-item"><a class="page-link" href="demo-real-estate-blog.html#">01</a></li>
|
||||
<li class="page-item active"><a class="page-link" href="demo-real-estate-blog.html#">02</a></li>
|
||||
<li class="page-item"><a class="page-link" href="demo-real-estate-blog.html#">03</a></li>
|
||||
<li class="page-item"><a class="page-link" href="demo-real-estate-blog.html#">04</a></li>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!--Blog Section Ends-->
|
||||
<?php include('footer.php');?>
|
||||
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
|
||||
}
|
||||
.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 {
|
||||
color: var(--black)
|
||||
@ -6756,7 +6756,8 @@ header.sticky .navbar.disable-fixed {
|
||||
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 {
|
||||
opacity: .6
|
||||
opacity: .6;
|
||||
color: #FF7236;
|
||||
}
|
||||
.navbar .navbar-nav .nav-link {
|
||||
font-size: 16px;
|
||||
@ -18041,8 +18042,22 @@ footer .nav-link {
|
||||
border-top: 1px solid #fff6ec57;
|
||||
}
|
||||
.footer-list li a {
|
||||
color:#fff;
|
||||
}.footer-list li a:hover {
|
||||
color:#ff7236;
|
||||
color: #fff;
|
||||
}
|
||||
.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*/
|
||||
12924
css/vendors.min.css
vendored
12924
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>
|
||||
<ul class="footer-list">
|
||||
<li><a href="about.php">Company Profile</a></li>
|
||||
<li><a href="demo-accounting-services.html">Services</a></li>
|
||||
<li><a href="demo-accounting-process.html">Process</a></li>
|
||||
<li><a href="demo-accounting-contact.html">Contact</a></li>
|
||||
<li><a href="destination.php">Study Destination</a></li>
|
||||
<li><a href="service.php">How can we help</a></li>
|
||||
<li><a href="contact.php">Contact us</a></li>
|
||||
<li><a href="faq.php">Faq's</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-4 order-lg-3"> <span class="fs-18 fw-400 d-block text-white mb-5px">Services</span>
|
||||
<ul class="footer-list">
|
||||
<li><a href="demo-accounting-services.html">Financial</a></li>
|
||||
<li><a href="demo-accounting-services.html">Investment</a></li>
|
||||
<li><a href="demo-accounting-services.html">Banking</a></li>
|
||||
<li><a href="demo-accounting-services.html">Consulting</a></li>
|
||||
<li><a href="service-details.php">Career Councelling</a></li>
|
||||
<li><a href="service-details.php">University Selection</a></li>
|
||||
<li><a href="service-details.php">Abroad Study Handbook</a></li>
|
||||
<li><a href="service-details.php">Test Prepration Guide</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-5 order-lg-4"> <span class="fs-18 fw-400 d-block text-white mb-5px">Get in touch</span>
|
||||
@ -49,7 +50,7 @@
|
||||
</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">
|
||||
<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>
|
||||
|
||||
@ -40,7 +40,7 @@
|
||||
</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="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">
|
||||
<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">
|
||||
|
||||
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>
|
||||
<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>
|
||||
<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 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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user