MetatroncubeSoftwareSolutions/zip-van
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: MetatroncubeSoftwareSolutions:c5112c95cdd4137b7ca86a92e11487aaf0555872
Branches Tags
MetatroncubeSoftwareSolutions:main
MetatroncubeSoftwareSolutions:team
...
compare: MetatroncubeSoftwareSolutions:3b80b3a86c24636001c3557bcce5aed2dae02259
Branches Tags
MetatroncubeSoftwareSolutions:team
MetatroncubeSoftwareSolutions:main

3 Commits
c5112c95cd ... 3b80b3a86c

Author SHA1 Message Date
selvi
3b80b3a86c responsive checked 2025-09-06 15:53:48 +05:30
selvi
c9dc989a86 corrections updated 2025-09-06 14:37:11 +05:30
selvi
6b25457517 corrections updated 2025-09-06 14:36:56 +05:30
15 changed files with 358 additions and 156 deletions
Show Stats Expand all files Collapse all files

2
components/layout/Breadcrumb.js
View File

@ -16,7 +16,7 @@ export default function Breadcrumb({breadcrumbTitle}) {
</div> </div>
<div className="col-lg-12 vankine"> <div className="col-lg-12 vankine">
<ul className="breadcrumb m-auto"> <ul className="breadcrumb m-auto">
<li><Link href="#">Home</Link> </li> <li><Link href="/">Home</Link> </li>
<li className="active">{breadcrumbTitle}</li> <li className="active">{breadcrumbTitle}</li>
</ul> </ul>
</div> </div>

16
components/layout/MobileMenu.js
View File

@ -11,12 +11,12 @@ export default function MobileMenu({ handleMobileMenu, isMobileMenu }) {
<div className="close-btn" onClick={handleMobileMenu}> <div className="close-btn" onClick={handleMobileMenu}>
<i className="fi-rr-cross" /> <i className="fi-rr-cross" />
</div> </div>
<form role="search" method="get" action="#"> {/* <form role="search" method="get" action="#">
<input type="search" className="search" placeholder="Search..." name="s" title="Search" /> <input type="search" className="search" placeholder="Search..." name="s" title="Search" />
<button type="submit" className="sch_btn"> <button type="submit" className="sch_btn">
<i className="fa fa-search" /> <i className="fa fa-search" />
</button> </button>
</form> </form> */}
<div className="menu-outer"> <div className="menu-outer">
<div className="navigation_menu"> <div className="navigation_menu">
<Sidebar /> <Sidebar />
@ -24,18 +24,18 @@ export default function MobileMenu({ handleMobileMenu, isMobileMenu }) {
</div> </div>
<div className="mobile-header-info-wrap"> <div className="mobile-header-info-wrap">
<div className="single-mobile-header-info"> <div className="single-mobile-header-info">
<Link href="tel:9806071234" className="cnt"> <Link href="tel:+647360-2075" className="cnt">
<i className="fi-rs-headphones" />9806071234 </Link> <i className="fi-rs-headphones" />(647) 360-2075 </Link>
</div> </div>
<div className="single-mobile-header-info cont_over"> <div className="single-mobile-header-info cont_over">
<Link href="mailto:sendmail@example.com" className="cnt"> <Link href="mailto:info@zipvan.ca" className="cnt">
<i className="fi-rs-envelope" />sendmail@example.com </Link> <i className="fi-rs-envelope" />info@zipvan.ca </Link>
</div> </div>
<div className="single-mobile-header-info"> <div className="single-mobile-header-info">
<Link href="#" className="theme_btn tp_one">Contact</Link> <Link href="/contact" className="theme_btn tp_one">Contact</Link>
</div> </div>
<div className="single-mobile-header-info"> <div className="single-mobile-header-info">
<Link href="#" className="theme_btn">Service</Link> <Link href="/contact" className="theme_btn">Service</Link>
</div> </div>
</div> </div>
</nav> </nav>

33
components/layout/Sidebar.js
View File

@ -26,7 +26,7 @@ export default function Sidebar() {
<Link href="/" className="nav_link"> <Link href="/" className="nav_link">
<span className="text-link"> Home </span> <span className="text-link"> Home </span>
</Link> </Link>
<ul className="sub_menu" style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}> {/* <ul className="sub_menu" style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
<li className="menu-item nav-item vankine_menu_image"> <li className="menu-item nav-item vankine_menu_image">
<Link href="/" className="nav_link image_big_on_menu_two"> <Link href="/" className="nav_link image_big_on_menu_two">
<span className="img-link"> <span className="img-link">
@ -75,10 +75,10 @@ export default function Sidebar() {
<span className="text-link"> Home 6 </span> <span className="text-link"> Home 6 </span>
</Link> </Link>
</li> </li>
</ul> </ul> */}
<div className="dropdown-btn" onClick={() => handleToggle(1)}><span className="fa fa-angle-down" /></div> {/* <div className="dropdown-btn" onClick={() => handleToggle(1)}><span className="fa fa-angle-down" /></div> */}
</li> </li>
<li className="menu-item menu-item-has-children dropdown mennucolumn_ nav-item"> {/* <li className="menu-item menu-item-has-children dropdown mennucolumn_ nav-item">
<Link href="#" className="nav_link"> <Link href="#" className="nav_link">
<span className="text-link"> <span className="text-link">
Pages Pages
@ -181,8 +181,8 @@ export default function Sidebar() {
</li> </li>
</ul> </ul>
<div className="dropdown-btn" onClick={() => handleToggle(3)}><span className="fa fa-angle-down" /></div> <div className="dropdown-btn" onClick={() => handleToggle(3)}><span className="fa fa-angle-down" /></div>
</li> </li> */}
<li className="menu-item menu-item-has-children dropdown mennucolumn_ nav-item"> {/* <li className="menu-item menu-item-has-children dropdown mennucolumn_ nav-item">
<Link href="#" className="nav_link"> <Link href="#" className="nav_link">
<span className="text-link"> <span className="text-link">
Portfolio Portfolio
@ -324,6 +324,27 @@ export default function Sidebar() {
</li> </li>
</ul> </ul>
<div className="dropdown-btn" onClick={() => handleToggle(1)}><span className="fa fa-angle-down" /></div> <div className="dropdown-btn" onClick={() => handleToggle(1)}><span className="fa fa-angle-down" /></div>
</li> */}
<li className="menu-item nav-item">
<Link href="/about-us" className="nav_link">
<span className="text-link">
About Us
</span>
</Link>
</li>
<li className="menu-item nav-item">
<Link href="/faqs" className="nav_link">
<span className="text-link">
FAQ
</span>
</Link>
</li>
<li className="menu-item nav-item">
<Link href="/book-now" className="nav_link">
<span className="text-link">
Book Now
</span>
</Link>
</li> </li>
<li className="menu-item nav-item"> <li className="menu-item nav-item">
<Link href="/contact" className="nav_link"> <Link href="/contact" className="nav_link">

18
components/layout/header/Header1.js
View File

@ -6,7 +6,7 @@ export default function Header1({ handleSearch, handleOptionalPanel, handleMobil
<> <>
<div className="header_area " id="header_contents"> <div className="header_area " id="header_contents">
<header className="header-area header-style-1 htype_one"> <header className="header-area header-style-1 htype_one">
<div className="top_bar"> {/* <div className="top_bar">
<div className="large-container"> <div className="large-container">
<div className="row align-items-center"> <div className="row align-items-center">
<div className="col-xl-2 col-lg-0 col-md-0 col-sm-0 col-xs-0"> <div className="col-xl-2 col-lg-0 col-md-0 col-sm-0 col-xs-0">
@ -75,23 +75,15 @@ export default function Header1({ handleSearch, handleOptionalPanel, handleMobil
</div> </div>
</div> </div>
</div> </div>
</div> </div> */}
<div className="main_header_content default_header"> <div className="main_header_content default_header">
<div className="large-container"> <div className="large-container">
<div className="row align-items-center"> <div className="row align-items-center">
<div className="col-xl-2 col-lg-12 col-md-5 col-sm-5 col-xs-5"> <div className="col-xl-2 col-lg-12 col-md-5 col-sm-5 col-xs-5">
<div className="logo_box"> <div className="logobox">
{/*logo-shape*/}
<svg width={286} height={120} viewBox="0 0 286 120" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 15.1694C0 10.2921 3.885 6.30231 8.76058 6.17256L234.506 0.165147C238.242 0.0657277 241.65 2.2855 243.07 5.74252L284.899 107.581C287.331 113.503 282.976 120 276.574 120H9C4.02943 120 0 115.971 0 111V15.1694Z" fill="var(--color-set-four-1)">
</path>
</svg>
{/*logo-shape*/}
{/*logo*/}
<Link href="/" className="logo navbar-brand"> <Link href="/" className="logo navbar-brand">
<img src="/assets/images/logo/logo-orange.png" alt="Zip Van" className="logo_default" /> <img src="/assets/images/logo/logo.png" alt="Vankine" className="logo_default" />
</Link> </Link>
{/*logo*/}
</div> </div>
</div> </div>
<div className="col-xl-8 col-lg-9 col-md-0 col-sm-0 col-xs-0 column_menu"> <div className="col-xl-8 col-lg-9 col-md-0 col-sm-0 col-xs-0 column_menu">
@ -112,7 +104,7 @@ export default function Header1({ handleSearch, handleOptionalPanel, handleMobil
</div> </div>
{/*menu icon*/} {/*menu icon*/}
<div className="button"> <div className="button">
<Link href="#" className="theme_btn"> <Link href="/contact" className="theme_btn">
Get A Quote Get A Quote
<svg width={12} height={12} viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width={12} height={12} viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 11L11 1M11 1H3.5M11 1V8.5" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" /> <path d="M1 11L11 1M11 1H3.5M11 1V8.5" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />

22
components/sections/Banner1.js
View File

@ -14,25 +14,25 @@ export default function Banner1() {
<div className="section_title type_one"> <div className="section_title type_one">
<div className="title_whole"> <div className="title_whole">
<h2 className="title"> <h2 className="title">
Put your insurance Need it Moved Today?
lead generation on </h2>
autopilot <h2 className="title" style={{ color: "#ff6600" }}>
Done!
</h2> </h2>
</div> </div>
<p> <h3>
Sit amet consectetur volutpat luctus ultrices sagittis justo. Integer Same day pick & delivery across <br />southern Ontario!
nibh nisi adipiscingrna eleifend nunc consecteture </h3>
</p>
</div> </div>
<div className="newsteller_simple"> {/* <div className="newsteller_simple">
<div className="input_group"> <div className="input_group">
<form method="post"> <form method="post">
<input type="email" name="EMAIL" placeholder="Your email address" required /> <input type="email" name="EMAIL" placeholder="Your email address" required />
<input type="submit" value="Sign up" /> <input type="submit" value="Sign up" />
</form> </form>
</div> </div>
</div> </div> */}
<div className="review_box d-flex align-items-center"> {/* <div className="review_box d-flex align-items-center">
<div className="rimage"> <div className="rimage">
<img src="/assets/images/slider/review-girls.png" className="img-fluid" alt="img" /> <img src="/assets/images/slider/review-girls.png" className="img-fluid" alt="img" />
</div> </div>
@ -42,7 +42,7 @@ export default function Banner1() {
</div> </div>
<p>4.8 of 5 <small><i className="fa fa-star" /> <i className="fa fa-star" /> <i className="fa fa-star" /> <i className="fa fa-star" /> <i className="fa fa-star" /></small></p> <p>4.8 of 5 <small><i className="fa fa-star" /> <i className="fa fa-star" /> <i className="fa fa-star" /> <i className="fa fa-star" /> <i className="fa fa-star" /></small></p>
</div> </div>
</div> </div> */}
</div> </div>
<div className="col-lg-1" /> <div className="col-lg-1" />
<div className="col-lg-6"> <div className="col-lg-6">

25
components/sections/Funfacts4.js
View File

@ -6,25 +6,26 @@ const CounterUp = dynamic(() => import('../elements/CounterUp'), {
export default function Funfacts4() { export default function Funfacts4() {
return ( return (
<> <>
<section className="fub-fact-section position-relative z_2 bg_op_1 overflow-hidden" style={{ backgroundImage: 'url(assets/images/page-image-1-min.jpg)' }}> <section className="fub-fact-section position-relative z_2 bg_op_1 overflow-hidden">
{/* <section className="fub-fact-section position-relative z_2 bg_op_1 overflow-hidden" style={{ backgroundImage: 'url(assets/images/page-image-1-min.jpg)' }}> */}
{/*-============spacing==========-*/} {/*-============spacing==========-*/}
<div className="pd_top_60" /> <div className="pd_top_60" />
{/*-============spacing==========-*/} {/*-============spacing==========-*/}
<div className="medium-container"> <div className="medium-container">
<div className="background_overlay z_0" /> <div className="background_overlay z_0" />
<div className="row"> <div className="row funfacts-row">
<div className="col-lg-3 col-md-6 col-sm-6 col-xs-12"> <div className="col-lg-3 col-md-6 col-sm-12 col-xs-12">
<div className="fun_facts type_three"> <div className="fun_facts type_three">
<div className="icon trans"> <div className="icon trans">
<i className="color_white flaticon-satisfaction" /> <i className="color_white flaticon-satisfaction" />
</div> </div>
<div className="content"> <div className="content">
<h4> <h4>
<CounterUp count={8563} time={1} color="color_white" /> <CounterUp count={1000} time={1} color="color_white" />
<small className="color_white"> + </small> <small className="color_white"> + </small>
</h4> </h4>
<h6 className="title_no_a_18 color_white">Saticfied Custimer</h6> <h6 className="title_no_a_18 color_white">Customers Served</h6>
</div> </div>
</div> </div>
{/*-============spacing==========-*/} {/*-============spacing==========-*/}
@ -38,11 +39,11 @@ export default function Funfacts4() {
</div> </div>
<div className="content"> <div className="content">
<h4> <h4>
<CounterUp count={263} time={1} color="color_white" /> <CounterUp count={10} time={1} color="color_white" />
<small className="color_white"> + </small> <small className="color_white"> + </small>
</h4> </h4>
<h6 className="title_no_a_18 color_white">Experience Team</h6> <h6 className="title_no_a_18 color_white">Cities</h6>
</div> </div>
</div> </div>
{/*-============spacing==========-*/} {/*-============spacing==========-*/}
@ -56,10 +57,10 @@ export default function Funfacts4() {
</div> </div>
<div className="content"> <div className="content">
<h4> <h4>
<CounterUp count={100} time={1} color="color_white" /> <CounterUp count={4} time={1} color="color_white" />
<small className="color_white"> % </small> <small className="color_white"> + </small>
</h4> </h4>
<h6 className="title_no_a_18 color_white">Satisfaction Rate</h6> <h6 className="title_no_a_18 color_white">Number of Vehicles</h6>
</div> </div>
</div> </div>
{/*-============spacing==========-*/} {/*-============spacing==========-*/}
@ -73,10 +74,10 @@ export default function Funfacts4() {
</div> </div>
<div className="content"> <div className="content">
<h4> <h4>
<CounterUp count={15} time={1} color="color_white" /> <CounterUp count={3} time={1} color="color_white" />
<small className="color_white"> + </small> <small className="color_white"> + </small>
</h4> </h4>
<h6 className="title_no_a_18 color_white">Awards Winning</h6> <h6 className="title_no_a_18 color_white">Years of Experience</h6>
</div> </div>
</div> </div>
{/*-============spacing==========-*/} {/*-============spacing==========-*/}

3
components/sections/Location.js
View File

@ -5,6 +5,9 @@ export default function Contact() {
return ( return (
<> <>
<section className="contact-map-section"> <section className="contact-map-section">
{/*-============spacing==========-*/}
<div className="pd_top_90" />
{/*-============spacing==========-*/}
<div className="container"> <div className="container">
<div className="row"> <div className="row">
<div className="col-lg-4 col-md-6 col-sm-12"> <div className="col-lg-4 col-md-6 col-sm-12">

188
components/sections/Offer1 copy.js Normal file
View File

@ -0,0 +1,188 @@
import Link from "next/link"
import { Autoplay, Navigation, Pagination } from "swiper"
import { Swiper, SwiperSlide } from "swiper/react"
const swiperOptions = {
modules: [Autoplay, Pagination, Navigation],
slidesPerView: 3,
spaceBetween: 30,
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
loop: true,
// Navigation
navigation: {
nextEl: '.h1n',
prevEl: '.h1p',
},
// Pagination
pagination: {
el: '.swiper-pagination',
clickable: true,
},
breakpoints: {
320: {
slidesPerView: 1,
spaceBetween: 30,
},
575: {
slidesPerView: 2,
spaceBetween: 30,
},
767: {
slidesPerView: 2,
spaceBetween: 30,
},
991: {
slidesPerView: 2,
spaceBetween: 30,
},
1199: {
slidesPerView: 3,
spaceBetween: 30,
},
1350: {
slidesPerView: 3,
spaceBetween: 30,
},
}
}
export default function Offer1() {
return (
<>
<section className="what-we-offer bg_light_2">
{/*-============spacing==========-*/}
<div className="pd_top_80" />
{/*-============spacing==========-*/}
<div className="container">
<div className="row align-items-end">
<div className="col-lg-6 col-md-12">
<div className="section_title type_four">
<h4 className="sm_title"> What We Offer</h4>
<div className="title_whole">
<h2 className="title"> Key Features For your Insurance Business</h2>
</div>
{/*-============spacing==========-*/}
<div className="pd_bottom_40" />
{/*-============spacing==========-*/}
</div>
</div>
<div className="col-lg-6 col-md-12">
<div className="position-relative position_p_relative">
Sed ut perspiciatis unde omnis iste natus sit voluptatem accusantium doloremque
laudanti totam aperiam eaquecy epsa abillo inventore veritatis architecto beatae
{/*-============spacing==========-*/}
<div className="pd_bottom_40" />
{/*-============spacing==========-*/}
</div>
</div>
</div>
<div className="row">
<div className="col-lg-12">
<div className="service_post style_two position-relative position_one nav_false dot_false">
<Swiper {...swiperOptions} className="theme_carousel ">
<SwiperSlide className="process_box type_two hover_1_get color_two">
<div className="image_box hover_1">
<img src="/assets/images/service/other-ser-1.jpg" alt="service" className="img-fluid" />
<div className="oh ho_1" />
<div className="oh ho_2" />
<div className="oh ho_3" />
<div className="oh ho_4" />
<div className="icon trans">
<i className=" flaticon-business-trip trans" />
</div>
</div>
<div className="content">
<Link className="rd_more trans" href="/service">
<svg width={21} height={21} viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fillRule="evenodd" clipRule="evenodd" d="M5.60161 0H19.6641C19.9128 0 20.1512 0.0987719 20.327 0.274587C20.5028 0.450403 20.6016 0.68886 20.6016 0.9375V15C20.6016 15.2486 20.5028 15.4871 20.327 15.6629C20.1512 15.8387 19.9128 15.9375 19.6641 15.9375C19.4155 15.9375 19.177 15.8387 19.0012 15.6629C18.8254 15.4871 18.7266 15.2486 18.7266 15V3.2L1.57661 20.35C1.3989 20.5156 1.16384 20.6058 0.920961 20.6015C0.678085 20.5972 0.446354 20.4988 0.274588 20.327C0.102821 20.1553 0.00443133 19.9235 0.000146059 19.6807C-0.00413921 19.4378 0.0860148 19.2027 0.251615 19.025L17.4016 1.875H5.60161C5.35297 1.875 5.11452 1.77623 4.9387 1.60041C4.76289 1.4246 4.66411 1.18614 4.66411 0.9375C4.66411 0.68886 4.76289 0.450403 4.9387 0.274587C5.11452 0.0987719 5.35297 0 5.60161 0Z" fill="white">
</path>
</svg>
</Link>
<div className="title_22">
<Link href="/service">
Corporate Professional Insurance Liability
</Link>
</div>
<p className="trans">
Sit amet consectetur adipiscing elites varius
montes, massa blandit orci.
</p>
</div>
</SwiperSlide>
<SwiperSlide className="process_box type_two hover_1_get color_two">
<div className="image_box hover_1">
<img src="/assets/images/service/other-ser-2.jpg" alt="service" className="img-fluid" />
<div className="oh ho_1" />
<div className="oh ho_2" />
<div className="oh ho_3" />
<div className="oh ho_4" />
<div className="icon trans">
<i className=" flaticon-salary trans" />
</div>
</div>
<div className="content">
<Link className="rd_more trans" href="/service">
<svg width={21} height={21} viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fillRule="evenodd" clipRule="evenodd" d="M5.60161 0H19.6641C19.9128 0 20.1512 0.0987719 20.327 0.274587C20.5028 0.450403 20.6016 0.68886 20.6016 0.9375V15C20.6016 15.2486 20.5028 15.4871 20.327 15.6629C20.1512 15.8387 19.9128 15.9375 19.6641 15.9375C19.4155 15.9375 19.177 15.8387 19.0012 15.6629C18.8254 15.4871 18.7266 15.2486 18.7266 15V3.2L1.57661 20.35C1.3989 20.5156 1.16384 20.6058 0.920961 20.6015C0.678085 20.5972 0.446354 20.4988 0.274588 20.327C0.102821 20.1553 0.00443133 19.9235 0.000146059 19.6807C-0.00413921 19.4378 0.0860148 19.2027 0.251615 19.025L17.4016 1.875H5.60161C5.35297 1.875 5.11452 1.77623 4.9387 1.60041C4.76289 1.4246 4.66411 1.18614 4.66411 0.9375C4.66411 0.68886 4.76289 0.450403 4.9387 0.274587C5.11452 0.0987719 5.35297 0 5.60161 0Z" fill="white">
</path>
</svg>
</Link>
<div className="title_22">
<Link href="/service">
Easy System &amp; Trusted, Save your Money
</Link>
</div>
<p className="trans">
Sit amet consectetur adipiscing elites varius
montes, massa blandit orci.
</p>
</div>
</SwiperSlide>
<SwiperSlide className="process_box type_two hover_1_get color_two">
<div className="image_box hover_1">
<img src="/assets/images/service/other-ser-3.jpg" alt="service" className="img-fluid" />
<div className="oh ho_1" />
<div className="oh ho_2" />
<div className="oh ho_3" />
<div className="oh ho_4" />
<div className="icon trans">
<i className=" flaticon-management trans" />
</div>
</div>
<div className="content">
<Link className="rd_more trans" href="/service">
<svg width={21} height={21} viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fillRule="evenodd" clipRule="evenodd" d="M5.60161 0H19.6641C19.9128 0 20.1512 0.0987719 20.327 0.274587C20.5028 0.450403 20.6016 0.68886 20.6016 0.9375V15C20.6016 15.2486 20.5028 15.4871 20.327 15.6629C20.1512 15.8387 19.9128 15.9375 19.6641 15.9375C19.4155 15.9375 19.177 15.8387 19.0012 15.6629C18.8254 15.4871 18.7266 15.2486 18.7266 15V3.2L1.57661 20.35C1.3989 20.5156 1.16384 20.6058 0.920961 20.6015C0.678085 20.5972 0.446354 20.4988 0.274588 20.327C0.102821 20.1553 0.00443133 19.9235 0.000146059 19.6807C-0.00413921 19.4378 0.0860148 19.2027 0.251615 19.025L17.4016 1.875H5.60161C5.35297 1.875 5.11452 1.77623 4.9387 1.60041C4.76289 1.4246 4.66411 1.18614 4.66411 0.9375C4.66411 0.68886 4.76289 0.450403 4.9387 0.274587C5.11452 0.0987719 5.35297 0 5.60161 0Z" fill="white">
</path>
</svg>
</Link>
<div className="title_22">
<Link href="/service">
Dedicated Customer Support Team Member
</Link>
</div>
<p className="trans">
Sit amet consectetur adipiscing elites varius
montes, massa blandit orci.
</p>
</div>
</SwiperSlide>
</Swiper>
</div>
</div>
</div>
</div>
{/*-============spacing==========-*/}
<div className="pd_bottom_80" />
{/*-============spacing==========-*/}
</section>
</>
)
}

78
components/sections/Offer1.js
View File

@ -61,26 +61,17 @@ export default function Offer1() {
{/*-============spacing==========-*/} {/*-============spacing==========-*/}
<div className="container"> <div className="container">
<div className="row align-items-end"> <div className="row align-items-end">
<div className="col-lg-6 col-md-12"> <div className="col-lg-12 col-md-12">
<div className="section_title type_four"> <div className="section_title type_four text-center">
<h4 className="sm_title"> What We Offer</h4> <h4 className="sm_title"> What We Offer</h4>
<div className="title_whole"> <div className="title_whole">
<h2 className="title"> Key Features For your Insurance Business</h2> <h2 className="title">How It Works</h2>
</div> </div>
{/*-============spacing==========-*/} {/*-============spacing==========-*/}
<div className="pd_bottom_40" /> <div className="pd_bottom_40" />
{/*-============spacing==========-*/} {/*-============spacing==========-*/}
</div> </div>
</div> </div>
<div className="col-lg-6 col-md-12">
<div className="position-relative position_p_relative">
Sed ut perspiciatis unde omnis iste natus sit voluptatem accusantium doloremque
laudanti totam aperiam eaquecy epsa abillo inventore veritatis architecto beatae
{/*-============spacing==========-*/}
<div className="pd_bottom_40" />
{/*-============spacing==========-*/}
</div>
</div>
</div> </div>
<div className="row"> <div className="row">
<div className="col-lg-12"> <div className="col-lg-12">
@ -88,88 +79,61 @@ export default function Offer1() {
<Swiper {...swiperOptions} className="theme_carousel "> <Swiper {...swiperOptions} className="theme_carousel ">
<SwiperSlide className="process_box type_two hover_1_get color_two"> <SwiperSlide className="process_box type_two hover_1_get color_two">
<div className="image_box hover_1"> <div className="image_box hover_1">
<img src="/assets/images/service/other-ser-1.jpg" alt="service" className="img-fluid" /> <img src="/assets/images/process/1.png" alt="service" className="img-fluid" />
<div className="oh ho_1" /> <div className="oh ho_1" />
<div className="oh ho_2" /> <div className="oh ho_2" />
<div className="oh ho_3" /> <div className="oh ho_3" />
<div className="oh ho_4" /> <div className="oh ho_4" />
<div className="icon trans">
<i className=" flaticon-business-trip trans" />
</div>
</div> </div>
<div className="content"> <div className="content">
<Link className="rd_more trans" href="/service">
<svg width={21} height={21} viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fillRule="evenodd" clipRule="evenodd" d="M5.60161 0H19.6641C19.9128 0 20.1512 0.0987719 20.327 0.274587C20.5028 0.450403 20.6016 0.68886 20.6016 0.9375V15C20.6016 15.2486 20.5028 15.4871 20.327 15.6629C20.1512 15.8387 19.9128 15.9375 19.6641 15.9375C19.4155 15.9375 19.177 15.8387 19.0012 15.6629C18.8254 15.4871 18.7266 15.2486 18.7266 15V3.2L1.57661 20.35C1.3989 20.5156 1.16384 20.6058 0.920961 20.6015C0.678085 20.5972 0.446354 20.4988 0.274588 20.327C0.102821 20.1553 0.00443133 19.9235 0.000146059 19.6807C-0.00413921 19.4378 0.0860148 19.2027 0.251615 19.025L17.4016 1.875H5.60161C5.35297 1.875 5.11452 1.77623 4.9387 1.60041C4.76289 1.4246 4.66411 1.18614 4.66411 0.9375C4.66411 0.68886 4.76289 0.450403 4.9387 0.274587C5.11452 0.0987719 5.35297 0 5.60161 0Z" fill="white">
</path>
</svg>
</Link>
<div className="title_22"> <div className="title_22">
<Link href="/service"> <h4 className="text-white">
Corporate Professional Insurance Liability Step 1: Don’t panic
</Link> </h4>
</div> </div>
<p className="trans"> <p className="trans">
Sit amet consectetur adipiscing elites varius Found a deal on IKEA, Facebook Marketplace, or Kijiji?
montes, massa blandit orci. Skip the stress—we’ve got wheels.
</p> </p>
</div> </div>
</SwiperSlide> </SwiperSlide>
<SwiperSlide className="process_box type_two hover_1_get color_two"> <SwiperSlide className="process_box type_two hover_1_get color_two">
<div className="image_box hover_1"> <div className="image_box hover_1">
<img src="/assets/images/service/other-ser-2.jpg" alt="service" className="img-fluid" /> <img src="/assets/images/process/2.png" alt="service" className="img-fluid" />
<div className="oh ho_1" /> <div className="oh ho_1" />
<div className="oh ho_2" /> <div className="oh ho_2" />
<div className="oh ho_3" /> <div className="oh ho_3" />
<div className="oh ho_4" /> <div className="oh ho_4" />
<div className="icon trans">
<i className=" flaticon-salary trans" />
</div>
</div> </div>
<div className="content"> <div className="content">
<Link className="rd_more trans" href="/service">
<svg width={21} height={21} viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fillRule="evenodd" clipRule="evenodd" d="M5.60161 0H19.6641C19.9128 0 20.1512 0.0987719 20.327 0.274587C20.5028 0.450403 20.6016 0.68886 20.6016 0.9375V15C20.6016 15.2486 20.5028 15.4871 20.327 15.6629C20.1512 15.8387 19.9128 15.9375 19.6641 15.9375C19.4155 15.9375 19.177 15.8387 19.0012 15.6629C18.8254 15.4871 18.7266 15.2486 18.7266 15V3.2L1.57661 20.35C1.3989 20.5156 1.16384 20.6058 0.920961 20.6015C0.678085 20.5972 0.446354 20.4988 0.274588 20.327C0.102821 20.1553 0.00443133 19.9235 0.000146059 19.6807C-0.00413921 19.4378 0.0860148 19.2027 0.251615 19.025L17.4016 1.875H5.60161C5.35297 1.875 5.11452 1.77623 4.9387 1.60041C4.76289 1.4246 4.66411 1.18614 4.66411 0.9375C4.66411 0.68886 4.76289 0.450403 4.9387 0.274587C5.11452 0.0987719 5.35297 0 5.60161 0Z" fill="white">
</path>
</svg>
</Link>
<div className="title_22"> <div className="title_22">
<Link href="/service"> <h4 className="text-white">
Easy System &amp; Trusted, Save your Money Step 2: Go to zipvan.ca/book
</Link> </h4>
</div> </div>
<p className="trans"> <p className="trans">
Sit amet consectetur adipiscing elites varius Enter pickup & drop-off. See your instant, final price
montes, massa blandit orci. and pick a time—no surprises.
</p> </p>
</div> </div>
</SwiperSlide> </SwiperSlide>
<SwiperSlide className="process_box type_two hover_1_get color_two"> <SwiperSlide className="process_box type_two hover_1_get color_two">
<div className="image_box hover_1"> <div className="image_box hover_1">
<img src="/assets/images/service/other-ser-3.jpg" alt="service" className="img-fluid" /> <img src="/assets/images/process/3.png" alt="service" className="img-fluid" />
<div className="oh ho_1" /> <div className="oh ho_1" />
<div className="oh ho_2" /> <div className="oh ho_2" />
<div className="oh ho_3" /> <div className="oh ho_3" />
<div className="oh ho_4" /> <div className="oh ho_4" />
<div className="icon trans">
<i className=" flaticon-management trans" />
</div>
</div> </div>
<div className="content"> <div className="content">
<Link className="rd_more trans" href="/service">
<svg width={21} height={21} viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fillRule="evenodd" clipRule="evenodd" d="M5.60161 0H19.6641C19.9128 0 20.1512 0.0987719 20.327 0.274587C20.5028 0.450403 20.6016 0.68886 20.6016 0.9375V15C20.6016 15.2486 20.5028 15.4871 20.327 15.6629C20.1512 15.8387 19.9128 15.9375 19.6641 15.9375C19.4155 15.9375 19.177 15.8387 19.0012 15.6629C18.8254 15.4871 18.7266 15.2486 18.7266 15V3.2L1.57661 20.35C1.3989 20.5156 1.16384 20.6058 0.920961 20.6015C0.678085 20.5972 0.446354 20.4988 0.274588 20.327C0.102821 20.1553 0.00443133 19.9235 0.000146059 19.6807C-0.00413921 19.4378 0.0860148 19.2027 0.251615 19.025L17.4016 1.875H5.60161C5.35297 1.875 5.11452 1.77623 4.9387 1.60041C4.76289 1.4246 4.66411 1.18614 4.66411 0.9375C4.66411 0.68886 4.76289 0.450403 4.9387 0.274587C5.11452 0.0987719 5.35297 0 5.60161 0Z" fill="white">
</path>
</svg>
</Link>
<div className="title_22"> <div className="title_22">
<Link href="/service"> <h4 className="text-white">
Dedicated Customer Support Team Member Step 3: We handle it. You relax.
</Link> </h4>
</div> </div>
<p className="trans"> <p className="trans">
Sit amet consectetur adipiscing elites varius We coordinate pickup, load with blankets & straps,
montes, massa blandit orci. deliver to your door. Track us live; pay on delivery.
</p> </p>
</div> </div>
</SwiperSlide> </SwiperSlide>

87
pages/about-us.js
View File

@ -89,7 +89,7 @@ export default function AboutUs() {
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-6 col-md-6 col-sm-12 pd_left_30"> <div className="col-lg-6 col-md-12 col-sm-12 pd_left_80">
<div className="section_title type_one"> <div className="section_title type_one">
<h4 className="sm_title"> About Company</h4> <h4 className="sm_title"> About Company</h4>
<div className="title_whole"> <div className="title_whole">
@ -111,16 +111,16 @@ export default function AboutUs() {
<div className="d-flex align-items-center"> <div className="d-flex align-items-center">
<div className="icon trans"> <div className="icon trans">
<i aria-hidden="false" className="fas fa-check-circle" /></div> <i aria-hidden="false" className="fas fa-check-circle" /></div>
<Link className="links" href="#"> <p>
Big moving companies charging premium prices for even the smallest jobs. </Link> Big moving companies charging premium prices for even the smallest jobs. </p>
</div> </div>
</li> </li>
<li> <li>
<div className="d-flex align-items-center"> <div className="d-flex align-items-center">
<div className="icon trans"> <div className="icon trans">
<i aria-hidden="false" className="fas fa-check-circle" /></div> <i aria-hidden="false" className="fas fa-check-circle" /></div>
<Link className="links" href="#"> <p>
DIY rentals like U-Haul — which meant driving oversized vans, paying for insurance add-ons, and wasting time at rental centers.</Link> DIY rentals like U-Haul — which meant driving oversized vans, paying for insurance add-ons, and wasting time at rental centers.</p>
</div> </div>
</li> </li>
</ul> </ul>
@ -135,14 +135,11 @@ export default function AboutUs() {
<div className="pd_bottom_30" /> <div className="pd_bottom_30" />
{/*-============spacing==========-*/} {/*-============spacing==========-*/}
<div className="theme_btn_all"> <div className="theme_btn_all">
<Link href="#" className="theme_btn"> <Link href="/contact" className="theme_btn">
More About Us More About Us
<span> <i className=" fi-rr-arrow-small-up" /></span> <span> <i className=" fi-rr-arrow-small-up" /></span>
</Link> </Link>
</div> </div>
{/*-============spacing==========-*/}
<div className="pd_bottom_70" />
{/*-============spacing==========-*/}
</div> </div>
</div> </div>
</div> </div>
@ -156,7 +153,7 @@ export default function AboutUs() {
{/*-about end*/} {/*-about end*/}
<section className="content-section bg_light_2"> <section className="content-section bg_light_2">
{/*-============spacing==========-*/} {/*-============spacing==========-*/}
<div className="pd_top_95" /> <div className="pd_top_90" />
{/*-============spacing==========-*/} {/*-============spacing==========-*/}
<div className="container"> <div className="container">
<div className="row"> <div className="row">
@ -177,32 +174,32 @@ export default function AboutUs() {
<div className="d-flex align-items-center"> <div className="d-flex align-items-center">
<div className="icon trans"> <div className="icon trans">
<i aria-hidden="false" className="fas fa-check-circle" /></div> <i aria-hidden="false" className="fas fa-check-circle" /></div>
<Link className="links" href="#"> <p>
Furniture moving & pickup – IKEA, Facebook Marketplace, Costco, Home Depot… if you bought it, we’ll bring it home. </Link> Furniture moving & pickup – IKEA, Facebook Marketplace, Costco, Home Depot… if you bought it, we’ll bring it home. </p>
</div> </div>
</li> </li>
<li> <li>
<div className="d-flex align-items-center"> <div className="d-flex align-items-center">
<div className="icon trans"> <div className="icon trans">
<i aria-hidden="false" className="fas fa-check-circle" /></div> <i aria-hidden="false" className="fas fa-check-circle" /></div>
<Link className="links" href="#"> <p>
Appliance delivery – Fridges, washers, stoves, you name it.</Link> Appliance delivery – Fridges, washers, stoves, you name it.</p>
</div> </div>
</li> </li>
<li> <li>
<div className="d-flex align-items-center"> <div className="d-flex align-items-center">
<div className="icon trans"> <div className="icon trans">
<i aria-hidden="false" className="fas fa-check-circle" /></div> <i aria-hidden="false" className="fas fa-check-circle" /></div>
<Link className="links" href="#"> <p>
Small moves – Perfect for apartments, dorms, and condo living.</Link> Small moves – Perfect for apartments, dorms, and condo living.</p>
</div> </div>
</li> </li>
<li> <li>
<div className="d-flex align-items-center"> <div className="d-flex align-items-center">
<div className="icon trans"> <div className="icon trans">
<i aria-hidden="false" className="fas fa-check-circle" /></div> <i aria-hidden="false" className="fas fa-check-circle" /></div>
<Link className="links" href="#"> <p>
Quick hauls – When a full moving truck is too much, we’re just right.</Link> Quick hauls – When a full moving truck is too much, we’re just right.</p>
</div> </div>
</li> </li>
</ul> </ul>
@ -235,7 +232,7 @@ export default function AboutUs() {
</div> </div>
</div> </div>
{/*-============spacing==========-*/} {/*-============spacing==========-*/}
<div className="pd_bottom_70" /> <div className="pd_bottom_90" />
{/*-============spacing==========-*/} {/*-============spacing==========-*/}
</section> </section>
<section className="content-section bg_light_1 position-relative overflow-hidden"> <section className="content-section bg_light_1 position-relative overflow-hidden">
@ -247,12 +244,18 @@ export default function AboutUs() {
{/*-============spacing==========-*/} {/*-============spacing==========-*/}
<div className="container"> <div className="container">
<div className="row"> <div className="row">
<div className="col-lg-6 col-md-12"> <div className="col-lg-6 col-md-12 pd_right_30">
<div className="image_box_only type_four"> <div className="image_box_only type_eight">
<div className="image"> <div className="pattern">
<img src="/assets/images/h3-ch-1-min.png" alt="img" className="img-fluid" /> <img src="/assets/images/Graphics.png" className="img-fluid" alt="img" />
</div>
<div className="m_image">
<img src="/assets/images/about/about-h-6-min.png" className="img-fluid" alt="img" />
</div> </div>
</div> </div>
{/*-============spacing==========-*/}
<div className="pd_bottom_40" />
{/*-============spacing==========-*/}
</div> </div>
<div className="col-lg-6 col-md-12"> <div className="col-lg-6 col-md-12">
<div className="section_title type_one"> <div className="section_title type_one">
@ -270,40 +273,40 @@ export default function AboutUs() {
<div className="d-flex align-items-center"> <div className="d-flex align-items-center">
<div className="icon trans"> <div className="icon trans">
<i aria-hidden="false" className="fas fa-check-circle" /></div> <i aria-hidden="false" className="fas fa-check-circle" /></div>
<Link className="links" href="#"> <p>
We drive, you don’t. No wrestling with giant vans in city traffic. </Link> We drive, you don’t. No wrestling with giant vans in city traffic. </p>
</div> </div>
</li> </li>
<li> <li>
<div className="d-flex align-items-center"> <div className="d-flex align-items-center">
<div className="icon trans"> <div className="icon trans">
<i aria-hidden="false" className="fas fa-check-circle" /></div> <i aria-hidden="false" className="fas fa-check-circle" /></div>
<Link className="links" href="#"> <p>
We’re insured, always. No surprise $30/day fees like U-Haul.</Link> We’re insured, always. No surprise $30/day fees like U-Haul.</p>
</div> </div>
</li> </li>
<li> <li>
<div className="d-flex align-items-center"> <div className="d-flex align-items-center">
<div className="icon trans"> <div className="icon trans">
<i aria-hidden="false" className="fas fa-check-circle" /></div> <i aria-hidden="false" className="fas fa-check-circle" /></div>
<Link className="links" href="#"> <p>
We come to you. No lineups at a rental center — we show up at your door.</Link> We come to you. No lineups at a rental center — we show up at your door.</p>
</div> </div>
</li> </li>
<li> <li>
<div className="d-flex align-items-center"> <div className="d-flex align-items-center">
<div className="icon trans"> <div className="icon trans">
<i aria-hidden="false" className="fas fa-check-circle" /></div> <i aria-hidden="false" className="fas fa-check-circle" /></div>
<Link className="links" href="#"> <p>
Transparent pricing. The price you see is the price you pay.</Link> Transparent pricing. The price you see is the price you pay.</p>
</div> </div>
</li> </li>
<li> <li>
<div className="d-flex align-items-center"> <div className="d-flex align-items-center">
<div className="icon trans"> <div className="icon trans">
<i aria-hidden="false" className="fas fa-check-circle" /></div> <i aria-hidden="false" className="fas fa-check-circle" /></div>
<Link className="links" href="#"> <p>
Fast & flexible. Same-day or next-day moves available.</Link> Fast & flexible. Same-day or next-day moves available.</p>
</div> </div>
</li> </li>
</ul> </ul>
@ -312,7 +315,7 @@ export default function AboutUs() {
</div> </div>
</div> </div>
{/*-============spacing==========-*/} {/*-============spacing==========-*/}
<div className="pd_bottom_80" /> <div className="pd_bottom_90" />
{/*-============spacing==========-*/} {/*-============spacing==========-*/}
<div className="ab_img_right_bottom z_0"> <div className="ab_img_right_bottom z_0">
<img src="/assets/images/bg-2-2.png" className="img-fluid" alt="img" /> <img src="/assets/images/bg-2-2.png" className="img-fluid" alt="img" />
@ -338,7 +341,7 @@ export default function AboutUs() {
<div className="pd_bottom_40" /> <div className="pd_bottom_40" />
{/*-============spacing==========-*/} {/*-============spacing==========-*/}
<div className="theme_btn_all"> <div className="theme_btn_all">
<Link href="#" className="theme_btn"> <Link href="/contact" className="theme_btn">
Learn More <span><i className=" fi-rr-arrow-small-up" /></span> Learn More <span><i className=" fi-rr-arrow-small-up" /></span>
</Link> </Link>
</div> </div>
@ -346,12 +349,18 @@ export default function AboutUs() {
<div className="pd_bottom_40" /> <div className="pd_bottom_40" />
{/*-============spacing==========-*/} {/*-============spacing==========-*/}
</div> </div>
<div className="col-lg-6"> <div className="col-lg-6 col-md-12 pd_right_30">
<div className="image_video_box_only type_one mr_bottom_minus_90 z_1"> <div className="image_box_only type_eight">
<div className="image one height_530px"> <div className="pattern">
<img src="/assets/images/why-choose-1.png" alt="img" className="img-fluid height_530px" /> <img src="/assets/images/Graphics.png" className="img-fluid" alt="img" />
</div>
<div className="image_box_only type_ten mr_bottom_minus_100">
<img src="/assets/images/home-tese-min.jpg" className="img-fluid" alt="img" />
</div> </div>
</div> </div>
{/*-============spacing==========-*/}
<div className="pd_bottom_40" />
{/*-============spacing==========-*/}
</div> </div>
</div> </div>
</div> </div>

5
pages/index.js
View File

@ -11,19 +11,24 @@ import Service6 from "@/components/sections/Service6"
import Service7 from "@/components/sections/Service7" import Service7 from "@/components/sections/Service7"
import Testimonial3 from "@/components/sections/Testimonial3" import Testimonial3 from "@/components/sections/Testimonial3"
import Slider2 from "@/components/sections/slider" import Slider2 from "@/components/sections/slider"
import Funfacts4 from "@/components/sections/Funfacts4"
import Location from "@/components/sections/Location" import Location from "@/components/sections/Location"
import Offer1 from "@/components/sections/Offer1"
export default function Home4() { export default function Home4() {
return ( return (
<> <>
<Layout headerStyle={4} footerStyle={2}> <Layout headerStyle={4} footerStyle={2}>
<Banner1 /> <Banner1 />
<Funfacts4 />
<Slider2 /> <Slider2 />
{/* <Service6 /> */} {/* <Service6 /> */}
{/* <About4 /> */} {/* <About4 /> */}
{/* <Service7 /> */} {/* <Service7 /> */}
{/* <Content5 /> */} {/* <Content5 /> */}
<Process3 /> <Process3 />
<Offer1 />
<Location /> <Location />
{/* <Funfacts2 /> */} {/* <Funfacts2 /> */}
{/* <Form3 /> */} {/* <Form3 /> */}

37
public/assets/css/theme.css
View File

@ -40,7 +40,7 @@
--color-set-one-bor-3: #E7EBF0; --color-set-one-bor-3: #E7EBF0;
--color-set-one-bor-4: #DCE8F0; --color-set-one-bor-4: #DCE8F0;
--color-white: #faffff; --color-white: #faffff;
--heading-color-one: #0F3567; --heading-color-one: #1f1b1f;
--heading-color-two: #213438; --heading-color-two: #213438;
--heading-color-three: #1f1b1f; --heading-color-three: #1f1b1f;
--content-color-one: #696E77; --content-color-one: #696E77;
@ -188,7 +188,7 @@
right: 0; right: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
background: var(--color-set-one-1); background: #ff6600;
opacity: 0.86; opacity: 0.86;
} }
@ -3723,7 +3723,7 @@ body .slick-dots li {
} }
.section_title.type_four .sm_title { .section_title.type_four .sm_title {
color: var(--color-set-two-three-6); color: #ff6600;
} }
.section_title.type_four .title { .section_title.type_four .title {
@ -5124,8 +5124,8 @@ body .service_post.style_one .owl-carousel .owl-dots {
.image_box_only.type_ten img { .image_box_only.type_ten img {
width: 620%; width: 620%;
max-width: 620px; max-width: 490px;
height: 900px; height: 590px;
-o-object-fit: cover; -o-object-fit: cover;
object-fit: cover; object-fit: cover;
border-radius: 310px 0 345px 310px; border-radius: 310px 0 345px 310px;
@ -6845,7 +6845,7 @@ body .service_post.style_one .owl-carousel .owl-dots {
} }
.process_box.type_two .content { .process_box.type_two .content {
padding: 30px; padding: 18px;
position: absolute; position: absolute;
z-index: 2; z-index: 2;
left: 0; left: 0;
@ -14609,11 +14609,11 @@ body .wp-block-rss li a {
line-height: 26px; line-height: 26px;
font-size: 16px; font-size: 16px;
padding: 8px 20px; padding: 8px 20px;
background: var(--color-set-one-1); background: #ff6600;
color: var(--color-white); color: var(--color-white);
font-weight: 600; font-weight: 600;
text-align: center; text-align: center;
border: 1px solid var(--color-set-one-1); /* border: 1px solid var(--color-set-one-1); */
transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out;
@ -17360,4 +17360,23 @@ input[type=range i]:focus::-webkit-slider-thumb {
color: var(--color-set-four-1); color: var(--color-set-four-1);
} }
/*# sourceMappingURL=theme.css.map */ /*# sourceMappingURL=theme.css.map */
@media (max-width: 1024px) {
.funfacts-row>div {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (max-width: 425px) {
.funfacts-row>div {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width: 425px) {
.process_box.type_four .icon svg {
display: none;
}
}

BIN
public/assets/images/process/1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 115 KiB

BIN
public/assets/images/process/2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 190 KiB

BIN
public/assets/images/process/3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 103 KiB