Compare commits

...

3 Commits

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

View File

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

View File

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

View File

@ -26,7 +26,7 @@ export default function Sidebar() {
<Link href="/" className="nav_link">
<span className="text-link"> Home </span>
</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">
<Link href="/" className="nav_link image_big_on_menu_two">
<span className="img-link">
@ -75,10 +75,10 @@ export default function Sidebar() {
<span className="text-link"> Home 6 </span>
</Link>
</li>
</ul>
<div className="dropdown-btn" onClick={() => handleToggle(1)}><span className="fa fa-angle-down" /></div>
</ul> */}
{/* <div className="dropdown-btn" onClick={() => handleToggle(1)}><span className="fa fa-angle-down" /></div> */}
</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">
<span className="text-link">
Pages
@ -181,8 +181,8 @@ export default function Sidebar() {
</li>
</ul>
<div className="dropdown-btn" onClick={() => handleToggle(3)}><span className="fa fa-angle-down" /></div>
</li>
<li className="menu-item menu-item-has-children dropdown mennucolumn_ nav-item">
</li> */}
{/* <li className="menu-item menu-item-has-children dropdown mennucolumn_ nav-item">
<Link href="#" className="nav_link">
<span className="text-link">
Portfolio
@ -324,6 +324,27 @@ export default function Sidebar() {
</li>
</ul>
<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 className="menu-item nav-item">
<Link href="/contact" className="nav_link">

View File

@ -6,7 +6,7 @@ export default function Header1({ handleSearch, handleOptionalPanel, handleMobil
<>
<div className="header_area " id="header_contents">
<header className="header-area header-style-1 htype_one">
<div className="top_bar">
{/* <div className="top_bar">
<div className="large-container">
<div className="row align-items-center">
<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 className="main_header_content default_header">
<div className="large-container">
<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="logo_box">
{/*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*/}
<div className="logobox">
<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>
{/*logo*/}
</div>
</div>
<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>
{/*menu icon*/}
<div className="button">
<Link href="#" className="theme_btn">
<Link href="/contact" className="theme_btn">
Get A Quote
<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" />

View File

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

View File

@ -6,25 +6,26 @@ const CounterUp = dynamic(() => import('../elements/CounterUp'), {
export default function Funfacts4() {
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==========-*/}
<div className="pd_top_60" />
{/*-============spacing==========-*/}
<div className="medium-container">
<div className="background_overlay z_0" />
<div className="row">
<div className="col-lg-3 col-md-6 col-sm-6 col-xs-12">
<div className="row funfacts-row">
<div className="col-lg-3 col-md-6 col-sm-12 col-xs-12">
<div className="fun_facts type_three">
<div className="icon trans">
<i className="color_white flaticon-satisfaction" />
</div>
<div className="content">
<h4>
<CounterUp count={8563} time={1} color="color_white" />
<CounterUp count={1000} time={1} color="color_white" />
<small className="color_white"> + </small>
</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>
{/*-============spacing==========-*/}
@ -38,11 +39,11 @@ export default function Funfacts4() {
</div>
<div className="content">
<h4>
<CounterUp count={263} time={1} color="color_white" />
<CounterUp count={10} time={1} color="color_white" />
<small className="color_white"> + </small>
</h4>
<h6 className="title_no_a_18 color_white">Experience Team</h6>
<h6 className="title_no_a_18 color_white">Cities</h6>
</div>
</div>
{/*-============spacing==========-*/}
@ -56,10 +57,10 @@ export default function Funfacts4() {
</div>
<div className="content">
<h4>
<CounterUp count={100} time={1} color="color_white" />
<small className="color_white"> % </small>
<CounterUp count={4} time={1} color="color_white" />
<small className="color_white"> + </small>
</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>
{/*-============spacing==========-*/}
@ -73,10 +74,10 @@ export default function Funfacts4() {
</div>
<div className="content">
<h4>
<CounterUp count={15} time={1} color="color_white" />
<CounterUp count={3} time={1} color="color_white" />
<small className="color_white"> + </small>
</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>
{/*-============spacing==========-*/}

View File

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

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>
</>
)
}

View File

@ -61,26 +61,17 @@ export default function Offer1() {
{/*-============spacing==========-*/}
<div className="container">
<div className="row align-items-end">
<div className="col-lg-6 col-md-12">
<div className="section_title type_four">
<div className="col-lg-12 col-md-12">
<div className="section_title type_four text-center">
<h4 className="sm_title"> What We Offer</h4>
<div className="title_whole">
<h2 className="title"> Key Features For your Insurance Business</h2>
<h2 className="title">How It Works</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">
@ -88,88 +79,61 @@ export default function Offer1() {
<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" />
<img src="/assets/images/process/1.png" 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>
<h4 className="text-white">
Step 1: Dont panic
</h4>
</div>
<p className="trans">
Sit amet consectetur adipiscing elites varius
montes, massa blandit orci.
Found a deal on IKEA, Facebook Marketplace, or Kijiji?
Skip the stressweve got wheels.
</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" />
<img src="/assets/images/process/2.png" 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>
<h4 className="text-white">
Step 2: Go to zipvan.ca/book
</h4>
</div>
<p className="trans">
Sit amet consectetur adipiscing elites varius
montes, massa blandit orci.
Enter pickup & drop-off. See your instant, final price
and pick a timeno surprises.
</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" />
<img src="/assets/images/process/3.png" 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>
<h4 className="text-white">
Step 3: We handle it. You relax.
</h4>
</div>
<p className="trans">
Sit amet consectetur adipiscing elites varius
montes, massa blandit orci.
We coordinate pickup, load with blankets & straps,
deliver to your door. Track us live; pay on delivery.
</p>
</div>
</SwiperSlide>

View File

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

View File

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

View File

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 115 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 190 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 103 KiB