From fcbc163f00b299f249ddef1a32bf728fb80572f1 Mon Sep 17 00:00:00 2001 From: KAmal-senpai Date: Wed, 2 Oct 2024 18:25:58 +0530 Subject: [PATCH] added images modifies padding and spacing and tex align format text style --- img/rev4.jpg | Bin 0 -> 18022 bytes index.html | 36 ++++---- login.css | 246 +++++++++++++++++++++++++------------------------- login.html | 97 +++++++++++--------- signup.css | 247 ++++++++++++++++++++++++++------------------------- style.css | 133 ++++++++++++++++++--------- 6 files changed, 417 insertions(+), 342 deletions(-) create mode 100644 img/rev4.jpg diff --git a/img/rev4.jpg b/img/rev4.jpg new file mode 100644 index 0000000000000000000000000000000000000000..2799dbd3ca40d2ffc771f74ad52641dde2b140f6 GIT binary patch literal 18022 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 literal 0 HcmV?d00001 diff --git a/index.html b/index.html index eab373a..5dac841 100644 --- a/index.html +++ b/index.html @@ -42,9 +42,10 @@


Want to Share or Rent
a cab.

-

Wherever you're going, there's a carpool that will
- get you there for less.

+
+

Wherever you're going, there's a carpool that will
+ get you there for less.

@@ -303,7 +304,7 @@

Customer Reviews

- +

Noah Lee

I recently used Cabrental for a weekend trip and was thoroughly impressed. The booking process was seamless, and the website was intuitive and easy to navigate. The car was clean and in excellent condition, and the pick-up and drop-off process was quick and hassle-free. The customer service was exceptional—friendly and helpful staff made the experience even better. Highly recommended!

@@ -316,8 +317,8 @@

Noah Lee

- -

Sophia Rossi

+ +

Olivia Davis

I recently used Cabrental for a weekend getaway, and I couldn't be happier with the experience. The website is user-friendly, and I found the perfect car within minutes.

@@ -329,8 +330,8 @@

Sophia Rossi

- -

Olivia Davis

+ +

Sophia Rossi

The booking process was straightforward, and I received a confirmation email immediately. When I arrived at the pick-up location, the staff was friendly and efficient. The car was clean, well-maintained, and exactly as described on the website.

@@ -342,7 +343,7 @@

Olivia Davis

- +

Emma Brown

Returning the car was just as easy, and there were no hidden fees or unexpected charges. I will definitely be using Cabrental again for my future trips. Highly recommended!

@@ -439,10 +440,10 @@

Are there any hidden fees?

Contact Me

@@ -466,9 +467,9 @@

Contact Me

- About Us -

Get to know more about our company, our mission, and our commitment to providing the best cab rental - services.

+

About Us

+ Get to know more about our company, our mission, and our commitment to providing the best cab rental + services.
@@ -507,7 +508,7 @@

Words from Our Clients Inspiring Testimonials of Satisfaction

-->
-

Words from Our Clients Inspiring Testimonials of Satisfaction

+

Words from Our Clients Inspiring Testimonials of Satisfaction

Using Cab Rental has made my life so much easier. The service is top-notch and always reliable.

@@ -539,7 +540,6 @@

Words from Our Clients Inspiring Testimonials of Sat

Questions? Call 000-080-000-000

-

@@ -580,7 +580,7 @@

Words from Our Clients Inspiring Testimonials of Sat -

© CabRental. All rights reserved. | Designed and Developed by Sumit Kumar

+

© CabRental. All Copyrights reserved. | Designed and Developed by Sumit Kumar

diff --git a/login.css b/login.css index 20af43a..95a208c 100644 --- a/login.css +++ b/login.css @@ -1,179 +1,185 @@ * { - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: 'Poppins', sans-serif; + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: "Poppins", sans-serif; } body { - display: flex; - justify-content: center; - align-items: center; - height: 100vh; - background: linear-gradient(135deg, #f0f0f0, #e5f0ff); + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + background: linear-gradient(135deg, #f0f0f0, #e5f0ff); } .container { - width: 100%; - height: 100%; - background: rgb(240, 240, 240); - display: flex; - box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); - border-radius: 15px; - overflow: hidden; + width: 100%; + height: 100%; + background: rgb(240, 240, 240); + display: flex; + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); + border-radius: 15px; + overflow: hidden; } -.left-section, .right-section { - padding: 20px; +.left-section, +.right-section { + padding: 20px; } .left-section { - flex: 3; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - background: rgb(240, 240, 240); /* Light Green */ - text-align: center; + flex: 3; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background: rgb(240, 240, 240); /* Light Green */ + text-align: center; } .animated-heading { - font-size: 50px; - font-weight: 600; - margin-bottom: 20px; - color: #000000; /* Yellow */ - animation: fadeIn 2s ease-in-out; + font-size: 50px; + font-weight: 600; + margin-bottom: 20px; + color: #000000; /* Yellow */ + animation: fadeIn 2s ease-in-out; } .description { - font-size: 16px; - color: #000000; - margin-bottom: 20px; - line-height: 1.5; + font-size: 16px; + color: #000000; + margin-bottom: 20px; + line-height: 1.5; } .login-form { - display: flex; - flex-direction: column; - gap: 20px; - width: 100%; - max-width: 300px; - margin-bottom: 20px; + display: flex; + flex-direction: column; + gap: 20px; + width: 100%; + max-width: 300px; + margin-bottom: 20px; } .input-field { - padding: 12px 20px; - border: 2px solid #000000; /* Yellow */ - border-radius: 90px; - font-size: 16px; - outline: none; - transition: border-color 0.3s; + padding: 12px 20px; + border: 2px solid #000000; /* Yellow */ + border-radius: 90px; + font-size: 16px; + outline: none; + transition: border-color 0.3s; } .input-field:focus { - border-color: #000000; /* Darker Yellow */ + border-color: #000000; /* Darker Yellow */ } .submit-button { - background-color: #000000; /* Yellow */ - border: none; - color: white; - padding: 12px 20px; - font-size: 16px; - cursor: pointer; - border-radius: 90px; - transition: background-color 0.3s, color 0.3s, transform 0.3s; - width: 100%; - box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + background-color: orangered; /* Yellow */ + border: 2px solid black; + color: white; + padding: 12px 20px; + font-size: 16px; + cursor: pointer; + border-radius: 90px; + transition: background-color 0.3s, color 0.3s, transform 0.3s; + width: 100%; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .submit-button:hover { - background-color: #ffffff; /* Darker Yellow */ - transform: scale(1.05); - color: #000000; - border:#000000; - border-style: groove; + background-color: orangered; /* Darker Yellow */ + transform: scale(1.05); + color: #fff; + border-style: groove; } - .right-section { - flex: 7; - display: flex; - justify-content: center; - align-items: center; - background: #f0f0f0; - position: relative; - overflow: hidden; - padding: 0; + flex: 7; + display: flex; + justify-content: center; + align-items: center; + background: #f0f0f0; + position: relative; + overflow: hidden; + padding: 0; } .transition-image { - position: absolute; - width: 100%; - height: 100%; - object-fit: cover; - opacity: 0; - transition: opacity 1s ease-in-out; + position: absolute; + width: 100%; + height: 100%; + object-fit: cover; + opacity: 0; + transition: opacity 1s ease-in-out; } .transition-image:first-child { - opacity: 1; + opacity: 1; } @keyframes fadeIn { - 0% { opacity: 0; transform: translateY(-20px); } - 100% { opacity: 1; transform: translateY(0); } + 0% { + opacity: 0; + transform: translateY(-20px); + } + 100% { + opacity: 1; + transform: translateY(0); + } } .blinking-cursor { - font-weight: 100; - font-size: 50px; - color: #000000; /* Yellow */ - animation: blink 1s step-end infinite; + font-weight: 100; + font-size: 50px; + color: #000000; /* Yellow */ + animation: blink 1s step-end infinite; } @keyframes blink { - from, to { - color: transparent; - } - 50% { - color: #070707; /* Yellow */ - } + from, + to { + color: transparent; + } + 50% { + color: #070707; /* Yellow */ + } } .back-button { - position: absolute; - top: 20px; - left: 20px; - background: rgb(240, 240, 240); - border: none; - color:rgb(240, 240, 240); - padding: 0px; - font-size: 16px; - cursor: pointer; - border-radius: 1%; - transition: background-color 0.3s, color 0.3s, transform 0.3s; + position: absolute; + top: 20px; + left: 20px; + background: rgb(240, 240, 240); + border: none; + color: rgb(240, 240, 240); + padding: 0px; + font-size: 16px; + cursor: pointer; + border-radius: 1%; + transition: background-color 0.3s, color 0.3s, transform 0.3s; } .back-button:hover { - transform: scale(1.25); - color: #000000; /* Yellow */ + transform: scale(1.25); + color: #000000; /* Yellow */ } .already-signed-up { - font-size: 14px; - color: #000000; - margin-top: 20px; - display: flex; - flex-direction: row; - align-items: center; - text-decoration: none; - gap: 5px; /* Add some space between the text and the link */ -} -a{ - font-size: 14px; - color: #000000; - text-decoration: none; - display: inline-block; + font-size: 14px; + color: #000000; + margin-top: 20px; + display: flex; + flex-direction: row; + align-items: center; + text-decoration: none; + gap: 5px; /* Add some space between the text and the link */ +} +a { + font-size: 14px; + color: #000000; + text-decoration: none; + display: inline-block; } /* .already-signed-up span { @@ -183,15 +189,15 @@ a{ /* .already-signed-up a { color: #FFA500; /* Yellow */ - /* text-decoration: none; +/* text-decoration: none; font-weight: 600; background-color: #E0FFD8; padding: 10px 20px; border-radius: 20px; transition: color 0.3s, background-color 0.3s; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -} */ +} */ /* .already-signed-up a:hover { color: white; - background-color: #FFA500; /* Darker Yellow */ \ No newline at end of file + background-color: #FFA500; /* Darker Yellow */ diff --git a/login.html b/login.html index 3d59252..d704be6 100644 --- a/login.html +++ b/login.html @@ -1,51 +1,68 @@ - - - - + + + + Login - - - + + +
-
- -

Cab Rental|

-

- Welcome to Cab Rental, your go-to platform for sharing or renting a cab effortlessly. Whether you're planning a quick trip across town or a long-distance journey, we provide a convenient and cost-effective solution to meet your travel needs. -

- -

- Not signed up? Sign In -

-
-
- car_pics - car_pics - car_pics - car_pics - car_pics - car_pics - car_pics -
+
+ +

+ Cab Rental| +

+

+ Welcome to Cab Rental, your go-to platform for sharing or renting a + cab effortlessly. Whether you're planning a quick trip across town or + a long-distance journey, we provide a convenient and cost-effective + solution to meet your travel needs. +

+ +

+ Not signed up? Sign In +

+
+
+ car_pics + car_pics + car_pics + car_pics + car_pics + car_pics + car_pics +
- + diff --git a/signup.css b/signup.css index 20af43a..ae502b1 100644 --- a/signup.css +++ b/signup.css @@ -1,179 +1,186 @@ * { - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: 'Poppins', sans-serif; + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: "Poppins", sans-serif; } body { - display: flex; - justify-content: center; - align-items: center; - height: 100vh; - background: linear-gradient(135deg, #f0f0f0, #e5f0ff); + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + background: linear-gradient(135deg, #f0f0f0, #e5f0ff); } .container { - width: 100%; - height: 100%; - background: rgb(240, 240, 240); - display: flex; - box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); - border-radius: 15px; - overflow: hidden; + width: 100%; + height: 100%; + background: rgb(240, 240, 240); + display: flex; + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); + border-radius: 15px; + overflow: hidden; } -.left-section, .right-section { - padding: 20px; +.left-section, +.right-section { + padding: 20px; } .left-section { - flex: 3; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - background: rgb(240, 240, 240); /* Light Green */ - text-align: center; + flex: 3; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background: rgb(240, 240, 240); /* Light Green */ + text-align: center; } .animated-heading { - font-size: 50px; - font-weight: 600; - margin-bottom: 20px; - color: #000000; /* Yellow */ - animation: fadeIn 2s ease-in-out; + font-size: 50px; + font-weight: 600; + margin-bottom: 20px; + color: #000000; /* Yellow */ + animation: fadeIn 2s ease-in-out; } .description { - font-size: 16px; - color: #000000; - margin-bottom: 20px; - line-height: 1.5; + font-size: 16px; + color: #000000; + margin-bottom: 20px; + line-height: 1.5; } .login-form { - display: flex; - flex-direction: column; - gap: 20px; - width: 100%; - max-width: 300px; - margin-bottom: 20px; + display: flex; + flex-direction: column; + gap: 20px; + width: 100%; + max-width: 300px; + margin-bottom: 20px; } .input-field { - padding: 12px 20px; - border: 2px solid #000000; /* Yellow */ - border-radius: 90px; - font-size: 16px; - outline: none; - transition: border-color 0.3s; + padding: 12px 20px; + border: 2px solid #000000; /* Yellow */ + border-radius: 90px; + font-size: 16px; + outline: none; + transition: border-color 0.3s; } .input-field:focus { - border-color: #000000; /* Darker Yellow */ + border-color: #000000; /* Darker Yellow */ } .submit-button { - background-color: #000000; /* Yellow */ - border: none; - color: white; - padding: 12px 20px; - font-size: 16px; - cursor: pointer; - border-radius: 90px; - transition: background-color 0.3s, color 0.3s, transform 0.3s; - width: 100%; - box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + background-color: orangered; /* Yellow */ + border: none; + color: white; + padding: 12px 20px; + font-size: 16px; + cursor: pointer; + border-radius: 90px; + transition: background-color 0.3s, color 0.3s, transform 0.3s; + width: 100%; + border: 2px solid black; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .submit-button:hover { - background-color: #ffffff; /* Darker Yellow */ - transform: scale(1.05); - color: #000000; - border:#000000; - border-style: groove; + background-color: orangered; /* Darker Yellow */ + transform: scale(1.05); + color: #fff; + border-style: groove; } - .right-section { - flex: 7; - display: flex; - justify-content: center; - align-items: center; - background: #f0f0f0; - position: relative; - overflow: hidden; - padding: 0; + flex: 7; + display: flex; + justify-content: center; + align-items: center; + background: #f0f0f0; + position: relative; + overflow: hidden; + padding: 0; } .transition-image { - position: absolute; - width: 100%; - height: 100%; - object-fit: cover; - opacity: 0; - transition: opacity 1s ease-in-out; + position: absolute; + width: 100%; + height: 100%; + object-fit: cover; + opacity: 0; + transition: opacity 1s ease-in-out; } .transition-image:first-child { - opacity: 1; + opacity: 1; } @keyframes fadeIn { - 0% { opacity: 0; transform: translateY(-20px); } - 100% { opacity: 1; transform: translateY(0); } + 0% { + opacity: 0; + transform: translateY(-20px); + } + 100% { + opacity: 1; + transform: translateY(0); + } } .blinking-cursor { - font-weight: 100; - font-size: 50px; - color: #000000; /* Yellow */ - animation: blink 1s step-end infinite; + font-weight: 100; + font-size: 50px; + color: #000000; /* Yellow */ + animation: blink 1s step-end infinite; } @keyframes blink { - from, to { - color: transparent; - } - 50% { - color: #070707; /* Yellow */ - } + from, + to { + color: transparent; + } + 50% { + color: #070707; /* Yellow */ + } } .back-button { - position: absolute; - top: 20px; - left: 20px; - background: rgb(240, 240, 240); - border: none; - color:rgb(240, 240, 240); - padding: 0px; - font-size: 16px; - cursor: pointer; - border-radius: 1%; - transition: background-color 0.3s, color 0.3s, transform 0.3s; + position: absolute; + top: 20px; + left: 20px; + background: rgb(240, 240, 240); + border: none; + color: rgb(240, 240, 240); + padding: 0px; + font-size: 16px; + cursor: pointer; + border-radius: 1%; + transition: background-color 0.3s, color 0.3s, transform 0.3s; } .back-button:hover { - transform: scale(1.25); - color: #000000; /* Yellow */ + transform: scale(1.25); + color: #000000; /* Yellow */ } .already-signed-up { - font-size: 14px; - color: #000000; - margin-top: 20px; - display: flex; - flex-direction: row; - align-items: center; - text-decoration: none; - gap: 5px; /* Add some space between the text and the link */ -} -a{ - font-size: 14px; - color: #000000; - text-decoration: none; - display: inline-block; + font-size: 14px; + color: #000000; + margin-top: 20px; + display: flex; + flex-direction: row; + align-items: center; + text-decoration: none; + gap: 5px; /* Add some space between the text and the link */ +} +a { + font-size: 14px; + color: #000000; + text-decoration: none; + display: inline-block; } /* .already-signed-up span { @@ -183,15 +190,15 @@ a{ /* .already-signed-up a { color: #FFA500; /* Yellow */ - /* text-decoration: none; +/* text-decoration: none; font-weight: 600; background-color: #E0FFD8; padding: 10px 20px; border-radius: 20px; transition: color 0.3s, background-color 0.3s; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -} */ +} */ /* .already-signed-up a:hover { color: white; - background-color: #FFA500; /* Darker Yellow */ \ No newline at end of file + background-color: #FFA500; /* Darker Yellow */ diff --git a/style.css b/style.css index 7193592..941c65d 100644 --- a/style.css +++ b/style.css @@ -11,6 +11,7 @@ text-decoration: none; font-family: "Poppins", sans-serif; background-color: rgb(238, 239, 241); + transition: all 1s ease-in-out; } .root { @@ -52,10 +53,10 @@ header { } .logo img { - width: 60px; - border-radius: 10px; /* This creates 10px rounded corners */ - } - ------------------------------------------ + width: 60px; + border-radius: 50px; /* This creates 10px rounded corners */ +} +------------------------------------------ /* header nav { padding: 20px 40px 20px 100px; @@ -113,26 +114,27 @@ header nav .nav-right .header-btn > div input { color: #fff; } */ .sign-up { - padding: 8px 30px; - border: 1px solid transparent; - border-radius: 50px; - outline: none; - cursor: pointer; - font-size: 16px; - transition: all .5s ease-in-out; + padding: 8px 30px; + border: 1px solid transparent; + border-radius: 50px; + outline: none; + cursor: pointer; + font-size: 16px; + transition: all 0.5s ease-in-out; } .sign-up { - background: transparent; - color: #eeeff1; - border-color: #ff0001; + background: transparent; + color: #eeeff1; + border-color: #ff0001; } -.sign-up:hover { - /* background: #ffffff;*/ - background: #ff0001; - color: #121212; +.contact-right button { + background-color: orangered; + color: white; + border: none; } + /*.navbar{ display: flex; } @@ -186,7 +188,6 @@ header nav .nav-right .header-btn > div input { background: rgb(211, 10, 10); }*/ - .navbar { display: flex; } @@ -195,6 +196,11 @@ header nav .nav-right .header-btn > div input { position: relative; } +.navbar li a:hover { + color: #ff0000; + transition: 0.5s; +} + .navbar a { font-size: 1rem; padding: 10px 20px; @@ -217,8 +223,6 @@ header nav .nav-right .header-btn > div input { background: rgb(231, 223, 223); } - - .navbar { display: flex; justify-content: space-between; /* Adjust alignment as needed */ @@ -245,14 +249,14 @@ header nav .nav-right .header-btn > div input { } .navbar a::after { - content: ''; + content: ""; position: absolute; left: 0; bottom: -3px; width: 0; height: 2px; background: #1e1e1e; /* Example underline color */ - transition: width .3s ease-in-out; + transition: width 0.3s ease-in-out; } .navbar a:hover::after { @@ -296,7 +300,6 @@ header nav .nav-right .header-btn > div input { background: rgb(211, 10, 10); } - .home { width: 100%; min-height: 100vh; @@ -311,7 +314,15 @@ header nav .nav-right .header-btn > div input { .carweb img { left: 1400px; - width: 100%; + width: 70%; +} +.carweb { + display: flex; + justify-content: space-between; + margin-bottom: 2rem; +} +.carweb p { + width: 30%; } .text h1 { @@ -346,11 +357,13 @@ header nav .nav-right .header-btn > div input { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; width: 100%; + margin-bottom: 2rem; } .form-group { display: flex; flex-direction: column; + text-align: center; } .form-group label { @@ -385,8 +398,10 @@ header nav .nav-right .header-btn > div input { #bookNow:hover { background-color: orangered; - transform: scale(1.1); - + transform: scale(1.05); + box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, + rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, + rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; } /* .form-container form { @@ -446,12 +461,12 @@ header nav .nav-right .header-btn > div input { .heading span { font-weight: 500; - font-size: 32px; + font-size: 2rem; text-transform: uppercase; } .heading h1 { - font-size: 2rem; + font-size: 3rem; } #why-choose-us { @@ -463,6 +478,7 @@ header nav .nav-right .header-btn > div input { width: 80%; margin: 0 auto; text-align: center; + padding: 1rem; } .header h2 { @@ -505,7 +521,7 @@ header nav .nav-right .header-btn > div input { .feature { width: 30%; - text-align: left; + text-align: center; } .feature img { @@ -526,13 +542,12 @@ header nav .nav-right .header-btn > div input { } .ride { - - display: flex; - align-items: center; - grid-template-columns: repeat(auto-fit, minmax(250px, auto)); - gap: 1rem; - margin-top: 2rem; - + display: flex; + align-items: center; + justify-content: space-evenly; + grid-template-columns: repeat(auto-fit, minmax(250px, auto)); + gap: 1rem; + margin-top: 2rem; } .ride .ride-container { @@ -565,6 +580,7 @@ header nav .nav-right .header-btn > div input { overflow: hidden; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); transition: transform 0.3s, box-shadow 0.3s; + text-align: center; } .box:hover { transform: scale(1.05); @@ -577,6 +593,26 @@ header nav .nav-right .header-btn > div input { gap: 1rem; margin-top: 2rem; } +.sub-title { + font-size: 3rem; +} +#fb:hover { + color: blue; +} +#twt { + color: lightskyblue; +} +#inst { + color: #f09433; +} +#fb:hover { + color: blue; +} + +.contact-right input, +.contact-right textarea { + background-color: #ccc; +} .services-container .box { padding: 10px; @@ -861,6 +897,7 @@ body { .view-all { margin-top: 20px; + background-color: orangered; } .view-all-button { @@ -909,6 +946,7 @@ footer { .footer-container { max-width: 1200px; margin: 0 auto; + padding: 1rem; } .call-us { @@ -1039,8 +1077,7 @@ footer { /* end */ -FAQ Section */ -.container_1 { +FAQ Section */ .container_1 { width: 100%; margin: auto; min-height: 100vh; @@ -1056,6 +1093,7 @@ FAQ Section */ width: 100%; max-width: 60rem; padding: 5rem; + margin: auto; } .accordion__title, @@ -1070,7 +1108,7 @@ FAQ Section */ .accordion { border-bottom: 0.1rem solid #dae1f5; - padding-bottom: 2rem; + padding: 1rem 1rem 2rem 1rem; margin-bottom: 3rem; } @@ -1118,10 +1156,8 @@ FAQ Section */ footer p { margin: 10px 0 0 0; text-align: center; - - } -.topbtn{ +.topbtn { position: fixed; width: 50px; height: 50px; @@ -1132,5 +1168,14 @@ footer p { line-height: 50px; user-select: none; font-size: 22px; - border-radius: 50% + border-radius: 50%; +} + +@media (max-width: 1054px) { + header { + padding: 15px 40px; + } +} +.footer-column li a { + font-weight: bold; }