1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+
4+ < head >
5+ < meta charset ="UTF-8 ">
6+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
7+ < title > Move It</ title >
8+ < link href ="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css " rel ="stylesheet " integrity ="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM " crossorigin ="anonymous ">
9+ < link rel ="stylesheet " href ="style.css ">
10+ </ head >
11+
12+ < body >
13+ < nav class ="navbar navbar-expand-lg bg-body-tertiary ">
14+ < div class ="container-fluid ">
15+
16+ < a class ="navbar-brand " href ="# "> < svg xmlns ="http://www.w3.org/2000/svg " width ="30 " height ="30 " fill ="currentColor " class ="bi bi-box-seam " viewBox ="0 0 16 16 ">
17+ < path d ="M8.186 1.113a.5.5 0 0 0-.372 0L1.846 3.5l2.404.961L10.404 2l-2.218-.887zm3.564 1.426L5.596 5 8 5.961 14.154 3.5l-2.404-.961zm3.25 1.7-6.5 2.6v7.922l6.5-2.6V4.24zM7.5 14.762V6.838L1 4.239v7.923l6.5 2.6zM7.443.184a1.5 1.5 0 0 1 1.114 0l7.129 2.852A.5.5 0 0 1 16 3.5v8.662a1 1 0 0 1-.629.928l-7.185 2.874a.5.5 0 0 1-.372 0L.63 13.09a1 1 0 0 1-.63-.928V3.5a.5.5 0 0 1 .314-.464L7.443.184z "/>
18+ </ svg > Move It</ a >
19+ < button class ="navbar-toggler " type ="button " data-bs-toggle ="collapse " data-bs-target ="#navbarSupportedContent " aria-controls ="navbarSupportedContent " aria-expanded ="false " aria-label ="Toggle navigation ">
20+ < span class ="navbar-toggler-icon "> </ span >
21+ </ button >
22+ < div class ="collapse navbar-collapse " id ="navbarSupportedContent ">
23+ < ul class ="navbar-nav me-auto mb-2 mb-lg-0 ">
24+ < li class ="nav-item ">
25+ < a class ="nav-link active " aria-current ="page " href ="# "> Home</ a >
26+ </ li >
27+ < li class ="nav-item ">
28+ < a class ="nav-link " href ="# "> About</ a >
29+ </ li >
30+ < li class ="nav-item dropdown ">
31+ < a class ="nav-link dropdown-toggle " href ="# " role ="button " data-bs-toggle ="dropdown " aria-expanded ="false ">
32+ Services
33+ </ a >
34+ < ul class ="dropdown-menu ">
35+ < li > < a class ="dropdown-item " href ="# "> Action</ a > </ li >
36+ < li > < a class ="dropdown-item " href ="# "> Another action</ a > </ li >
37+ < li > < hr class ="dropdown-divider "> </ li >
38+ < li > < a class ="dropdown-item " href ="# "> Something else here</ a > </ li >
39+ </ ul >
40+ </ li >
41+ </ ul >
42+ < form class ="d-flex " role ="search ">
43+ < input class ="form-control me-2 " type ="search " placeholder ="Postcode " aria-label ="Search ">
44+ < button class ="btn btn-outline-success " type ="submit "> Check</ button >
45+ </ form >
46+ </ div >
47+ </ div >
48+ </ nav >
49+
50+ < div class ="px-4 pt-5 my-5 text-center border-bottom ">
51+ < h1 class ="display-4 fw-bold text-body-emphasis "> Move With Joy</ h1 >
52+ < div class ="col-lg-6 mx-auto ">
53+ < p class ="lead mb-4 "> Welcome to our website, where we are on a mission to provide exceptional moving services to customers in the US. As a startup, we believe that moving doesn't have to be stressful or complicated, and we are passionate about making the process as seamless and enjoyable as possible.</ p >
54+ < div class ="d-grid gap-2 d-sm-flex justify-content-sm-center mb-5 ">
55+ < button type ="button " class ="btn btn-primary btn-lg px-4 me-sm-3 "> Get a Quote</ button >
56+ < button type ="button " class ="btn btn-outline-secondary btn-lg px-4 "> Contact Us</ button >
57+ </ div >
58+ </ div >
59+ < div class ="overflow-hidden " style ="max-height: 35vh; ">
60+ < div class ="container px-5 ">
61+ < img src ="https://www.thespruce.com/thmb/pEaHynr_XYferzhtUTd8nOyFjRo=/5597x0/filters:no_upscale():max_bytes(150000):strip_icc()/man-loading-boxes-into-truck-80605080-c855ca28efe243a5becb4842ae3dfe33.jpg " class ="img-fluid border rounded-3 shadow-lg mb-4 " alt ="Example image " width ="700 " loading ="lazy ">
62+ </ div >
63+ </ div >
64+ </ div >
65+
66+ < div class ="container px-4 py-5 " id ="featured-3 ">
67+ < h2 class ="pb-2 border-bottom "> Why Move With Us?</ h2 >
68+ < div class ="row g-4 py-5 row-cols-1 row-cols-lg-3 ">
69+ < div class ="feature col ">
70+ < div class ="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-2 mb-3 ">
71+ < svg xmlns ="http://www.w3.org/2000/svg " width ="30 " fill ="white " class ="bi bi-briefcase " viewBox ="0 0 16 16 ">
72+ < path d ="M6.5 1A1.5 1.5 0 0 0 5 2.5V3H1.5A1.5 1.5 0 0 0 0 4.5v8A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-8A1.5 1.5 0 0 0 14.5 3H11v-.5A1.5 1.5 0 0 0 9.5 1h-3zm0 1h3a.5.5 0 0 1 .5.5V3H6v-.5a.5.5 0 0 1 .5-.5zm1.886 6.914L15 7.151V12.5a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5V7.15l6.614 1.764a1.5 1.5 0 0 0 .772 0zM1.5 4h13a.5.5 0 0 1 .5.5v1.616L8.129 7.948a.5.5 0 0 1-.258 0L1 6.116V4.5a.5.5 0 0 1 .5-.5z "/>
73+ </ svg >
74+ </ div >
75+ < h3 class ="fs-2 text-body-emphasis "> Professional</ h3 >
76+ < p > Our team of professional movers are trained to prioritize efficiency, organization, and attention to detail. We understand that your possessions are more than just objects - they are a reflection of your life, memories, and experiences. That's why we take extra care to ensure that everything is packed and transported with the utmost care and attention.</ p >
77+ < a href ="# " class ="icon-link ">
78+ Get a Quote
79+ < svg xmlns ="http://www.w3.org/2000/svg " width ="16 " height ="16 " fill ="currentColor " class ="bi bi-chevron-right " viewBox ="0 0 16 16 ">
80+ < path fill-rule ="evenodd " d ="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z "/>
81+ </ svg >
82+ </ a >
83+ </ div >
84+ < div class ="feature col ">
85+ < div class ="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-2 mb-3 ">
86+ < svg xmlns ="http://www.w3.org/2000/svg " width ="30 " fill ="white " class ="bi bi-bus-front " viewBox ="0 0 16 16 ">
87+ < path d ="M5 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm8 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-6-1a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H7Zm1-6c-1.876 0-3.426.109-4.552.226A.5.5 0 0 0 3 4.723v3.554a.5.5 0 0 0 .448.497C4.574 8.891 6.124 9 8 9c1.876 0 3.426-.109 4.552-.226A.5.5 0 0 0 13 8.277V4.723a.5.5 0 0 0-.448-.497A44.303 44.303 0 0 0 8 4Zm0-1c-1.837 0-3.353.107-4.448.22a.5.5 0 1 1-.104-.994A44.304 44.304 0 0 1 8 2c1.876 0 3.426.109 4.552.226a.5.5 0 1 1-.104.994A43.306 43.306 0 0 0 8 3Z "/>
88+ < path d ="M15 8a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1V2.64c0-1.188-.845-2.232-2.064-2.372A43.61 43.61 0 0 0 8 0C5.9 0 4.208.136 3.064.268 1.845.408 1 1.452 1 2.64V4a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1v3.5c0 .818.393 1.544 1 2v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5V14h6v1.5a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2c.607-.456 1-1.182 1-2V8ZM8 1c2.056 0 3.71.134 4.822.261.676.078 1.178.66 1.178 1.379v8.86a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11.5V2.64c0-.72.502-1.301 1.178-1.379A42.611 42.611 0 0 1 8 1Z "/>
89+ </ svg >
90+ </ div >
91+ < h3 class ="fs-2 text-body-emphasis "> Countrywide</ h3 >
92+ < p > We offer a range of services to suit your individual needs, whether you're moving locally or across the country. Our team can handle everything from packing and loading to unloading and unpacking, so you can focus on settling into your new home. And with our transparent pricing and no hidden fees, you can trust that you're getting a fair and competitive rate for our services.</ p >
93+ < a href ="# " class ="icon-link ">
94+ Get a Quote
95+ < svg xmlns ="http://www.w3.org/2000/svg " width ="16 " height ="16 " fill ="currentColor " class ="bi bi-chevron-right " viewBox ="0 0 16 16 ">
96+ < path fill-rule ="evenodd " d ="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z "/>
97+ </ svg >
98+ </ a >
99+ </ div >
100+ < div class ="feature col ">
101+ < div class ="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-2 mb-3 ">
102+ < svg xmlns ="http://www.w3.org/2000/svg " width ="30 " fill ="white " class ="bi bi-chat-square-heart " viewBox ="0 0 16 16 ">
103+ < path d ="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12ZM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Z "/>
104+ < path d ="M8 3.993c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z "/>
105+ </ svg >
106+ </ div >
107+ < h3 class ="fs-2 text-body-emphasis "> Personal Touch</ h3 >
108+ < p > At our core, we believe that moving should be an exciting and positive experience, not a stressful one. By providing exceptional moving services in the US, we hope to revolutionize the way people think about moving and provide a better, more personalized experience for our customers. Contact us today to learn more about how we can help you with your next move.</ p >
109+ < a href ="https://parade.com/.image/t_share/MTkwNTc1ODc5NDk1MjMwNTg5/life-quotes-happy.jpg " class ="icon-link " target ="_blank ">
110+ Get a Quote
111+ < svg xmlns ="http://www.w3.org/2000/svg " width ="16 " height ="16 " fill ="currentColor " class ="bi bi-chevron-right " viewBox ="0 0 16 16 ">
112+ < path fill-rule ="evenodd " d ="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z "/>
113+ </ svg >
114+ </ a >
115+ </ div >
116+ </ div >
117+ </ div >
118+ < div class ="container ">
119+ < div id ="carouselExampleIndicators " class ="carousel slide ">
120+ < div class ="carousel-indicators ">
121+ < button type ="button " data-bs-target ="#carouselExampleIndicators " data-bs-slide-to ="0 " class ="active " aria-current ="true " aria-label ="Slide 1 "> </ button >
122+ < button type ="button " data-bs-target ="#carouselExampleIndicators " data-bs-slide-to ="1 " aria-label ="Slide 2 "> </ button >
123+ < button type ="button " data-bs-target ="#carouselExampleIndicators " data-bs-slide-to ="2 " aria-label ="Slide 3 "> </ button >
124+ </ div >
125+ < div class ="carousel-inner ">
126+ < div class ="carousel-item active ">
127+ < img src ="https://whatmanandvan.co.uk/wp-content/uploads/2022/02/126119561_l-1024x683.jpg " class ="d-block w-100 " alt ="couple-img ">
128+ </ div >
129+ < div class ="carousel-item ">
130+ < img src ="https://2.bp.blogspot.com/-oATq8MRJZDA/XOSRyaw4TgI/AAAAAAAAbD4/z4IFFKGoPG886_hvH5BQz7ui4kbOS9ZdACLcBGAs/s1600/Tips-for-Moving-House-with-Pets-small-Terrier-pokes-his-head-out-of-a-packing-box.jpg " class ="d-block w-100 " alt ="dog-img ">
131+ </ div >
132+ < div class ="carousel-item ">
133+ < img src ="https://www.webbers.co.uk/content/uploads/family_moving_into_new_house.jpg " class ="d-block w-100 " alt ="family-img ">
134+ </ div >
135+ </ div >
136+ < button class ="carousel-control-prev " type ="button " data-bs-target ="#carouselExampleIndicators " data-bs-slide ="prev ">
137+ < span class ="carousel-control-prev-icon " aria-hidden ="true "> </ span >
138+ < span class ="visually-hidden "> Previous</ span >
139+ </ button >
140+ < button class ="carousel-control-next " type ="button " data-bs-target ="#carouselExampleIndicators " data-bs-slide ="next ">
141+ < span class ="carousel-control-next-icon " aria-hidden ="true "> </ span >
142+ < span class ="visually-hidden "> Next</ span >
143+ </ button >
144+ </ div >
145+
146+
147+ < footer class ="row row-cols-1 row-cols-sm-2 row-cols-md-5 py-5 my-5 border-top ">
148+ < div class ="col mb-3 ">
149+ < a href ="/ " class ="d-flex align-items-center mb-3 link-body-emphasis text-decoration-none ">
150+ < svg class ="bi me-2 " width ="40 " height ="32 "> < use xlink:href ="#bootstrap "> </ use > </ svg >
151+ </ a >
152+ < p class ="text-body-secondary "> © 2023</ p >
153+ </ div >
154+
155+ < div class ="col mb-3 ">
156+
157+ </ div >
158+
159+ < div class ="col mb-3 ">
160+ < h5 > Section</ h5 >
161+ < ul class ="nav flex-column ">
162+ < li class ="nav-item mb-2 "> < a href ="# " class ="nav-link p-0 text-body-secondary "> Home</ a > </ li >
163+ < li class ="nav-item mb-2 "> < a href ="# " class ="nav-link p-0 text-body-secondary "> Features</ a > </ li >
164+ < li class ="nav-item mb-2 "> < a href ="# " class ="nav-link p-0 text-body-secondary "> Pricing</ a > </ li >
165+ < li class ="nav-item mb-2 "> < a href ="# " class ="nav-link p-0 text-body-secondary "> FAQs</ a > </ li >
166+ < li class ="nav-item mb-2 "> < a href ="# " class ="nav-link p-0 text-body-secondary "> About</ a > </ li >
167+ </ ul >
168+ </ div >
169+
170+ < div class ="col mb-3 ">
171+ < h5 > Section</ h5 >
172+ < ul class ="nav flex-column ">
173+ < li class ="nav-item mb-2 "> < a href ="# " class ="nav-link p-0 text-body-secondary "> Home</ a > </ li >
174+ < li class ="nav-item mb-2 "> < a href ="# " class ="nav-link p-0 text-body-secondary "> Features</ a > </ li >
175+ < li class ="nav-item mb-2 "> < a href ="# " class ="nav-link p-0 text-body-secondary "> Pricing</ a > </ li >
176+ < li class ="nav-item mb-2 "> < a href ="# " class ="nav-link p-0 text-body-secondary "> FAQs</ a > </ li >
177+ < li class ="nav-item mb-2 "> < a href ="# " class ="nav-link p-0 text-body-secondary "> About</ a > </ li >
178+ </ ul >
179+ </ div >
180+
181+ < div class ="col mb-3 ">
182+ < h5 > Section</ h5 >
183+ < ul class ="nav flex-column ">
184+ < li class ="nav-item mb-2 "> < a href ="# " class ="nav-link p-0 text-body-secondary "> Home</ a > </ li >
185+ < li class ="nav-item mb-2 "> < a href ="# " class ="nav-link p-0 text-body-secondary "> Features</ a > </ li >
186+ < li class ="nav-item mb-2 "> < a href ="# " class ="nav-link p-0 text-body-secondary "> Pricing</ a > </ li >
187+ < li class ="nav-item mb-2 "> < a href ="# " class ="nav-link p-0 text-body-secondary "> FAQs</ a > </ li >
188+ < li class ="nav-item mb-2 "> < a href ="# " class ="nav-link p-0 text-body-secondary "> About</ a > </ li >
189+ </ ul >
190+ </ div >
191+ </ footer >
192+ </ div >
193+ < script src ="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js " integrity ="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz " crossorigin ="anonymous "> </ script >
194+ </ body >
195+
196+ </ html >
0 commit comments