Skip to content

Jay Mehta / zango-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit c44516da by Ravindra Kanojiya
Options

home page changes done

1 parent 32ef7d12
Inline Side-by-side
Showing 3 changed files with 26 additions and 16 deletions
components/home/BrowseExperiences.js
...@@ -137,13 +137,13 @@ const BrowseExperiences = ({allActivitiesData}) => { ...@@ -137,13 +137,13 @@ const BrowseExperiences = ({allActivitiesData}) => {
</div> </div>
</div> </div>
</div> </div>
<div className="row"> {/* <div className="row">
<div className="col-12"> <div className="col-12">
<div className="btn-center"> <div className="btn-center">
<Button variant="outline-secondary">Sign In for Member Price</Button> <Button variant="outline-secondary">Sign In for Member Price</Button>
</div> </div>
</div> </div>
</div> </div> */}
</div> </div>
</section> </section>
</> </>
......
components/layout/Footer.js
...@@ -6,7 +6,7 @@ const Footer = () => { ...@@ -6,7 +6,7 @@ const Footer = () => {
return ( return (
<> <>
<footer> <footer>
<div className="container"> <div className="container-fluid">
<div className="row"> <div className="row">
<div className="col-md-9"> <div className="col-md-9">
<div className="footer-logo"> <div className="footer-logo">
......
styles/globals.css
...@@ -433,22 +433,22 @@ header { ...@@ -433,22 +433,22 @@ header {
} }
.home-banner .banner-txt h1 { .home-banner .banner-txt h1 {
font-size: 24px; font-size: 1.25vw;
line-height: 25px; line-height: 1.25vw;
font-weight: 300; font-weight: 300;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.home-banner .banner-txt .title { .home-banner .banner-txt .title {
font-size: 55px; font-size: 2.865vw;
line-height: 56px; line-height: 2.865vw;
font-weight: 300; font-weight: 300;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.home-banner .banner-txt .disc { .home-banner .banner-txt .disc {
font-size: 16px; font-size: 0.833vw;
line-height: 17px; line-height: 0.933vw;
font-weight: 300; font-weight: 300;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
...@@ -1916,7 +1916,7 @@ span.form-error, ...@@ -1916,7 +1916,7 @@ span.form-error,
} }
.info .top-name .title { .info .top-name .title {
font-size: 17px; font-size: 0.885vw;
line-height: 20px; line-height: 20px;
} }
...@@ -1927,6 +1927,7 @@ span.form-error, ...@@ -1927,6 +1927,7 @@ span.form-error,
font-size: 14px; font-size: 14px;
padding: 0.1rem 0.3rem; padding: 0.1rem 0.3rem;
margin-right: 10px; margin-right: 10px;
height: 23px;
} }
.info .rating-wishlist .wishlist .image-container { .info .rating-wishlist .wishlist .image-container {
...@@ -1952,6 +1953,7 @@ span.form-error, ...@@ -1952,6 +1953,7 @@ span.form-error,
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
height: 32px;
} }
.browse-experiences-item .info .discription a { .browse-experiences-item .info .discription a {
...@@ -2073,8 +2075,8 @@ span.form-error, ...@@ -2073,8 +2075,8 @@ span.form-error,
} }
.signUp-to-experience-our-platform .title { .signUp-to-experience-our-platform .title {
font-size: 40px; font-size: 2.083vw;
line-height: 40px; line-height: 2.083vw;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
...@@ -2094,8 +2096,8 @@ footer .footer-logo { ...@@ -2094,8 +2096,8 @@ footer .footer-logo {
} }
.footer-link h3 { .footer-link h3 {
font-size: 24px; font-size: 1.25vw;
line-height: 24px; line-height: 1.25vw;
font-weight: 700; font-weight: 700;
text-transform: uppercase; text-transform: uppercase;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
...@@ -2877,7 +2879,7 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -2877,7 +2879,7 @@ input[type="number"]::-webkit-outer-spin-button {
} }
.swiper.mySwiper02 { .swiper.mySwiper02 {
width: 92%; /* width: 92%; */
} }
.mySwiper01 .swiper-button-prev:after, .mySwiper01 .swiper-button-prev:after,
...@@ -2889,7 +2891,8 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -2889,7 +2891,8 @@ input[type="number"]::-webkit-outer-spin-button {
.home_nav { .home_nav {
position: absolute; position: absolute;
left: 0; left: 0;
width: 100%; width: 107%;
margin-left: -45px;
} }
.swiper-nav { .swiper-nav {
...@@ -3628,6 +3631,13 @@ img:hover { ...@@ -3628,6 +3631,13 @@ img:hover {
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.info .top-name .title {
font-size: 4vw;
}
.home-banner .banner-txt .disc {
font-size: 3vw;
line-height: 4vw;
}
.home-banner-bg > span > span .image { .home-banner-bg > span > span .image {
border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px;
} }
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!