diff --git a/src/app/body/landingpage/landingpage.component.scss b/src/app/body/landingpage/landingpage.component.scss index 4184a5e..895e14b 100644 --- a/src/app/body/landingpage/landingpage.component.scss +++ b/src/app/body/landingpage/landingpage.component.scss @@ -327,15 +327,14 @@ .rating_review{ display: inline-block; width: 50%; - padding-left: 60px; - padding-right: 60px; + padding-left: 200px; background-color: #ffffff; text-align: left; .rating_overlay{ padding-top: 73px; h2{ color: #3c3c3b !important; - font-size: 36px !important; + font-size: 36px; } hr{ margin-left: 0px; @@ -426,7 +425,6 @@ } .advert_space{ text-align: right; - padding-left: 100px; padding-right: 200px; width: 50%; float: right; @@ -434,7 +432,7 @@ padding-bottom: 40px; h2{ color: #3c3c3b !important; - font-size: 36px !important; + font-size: 36px; } .advert_image{ height: 550px; diff --git a/src/assets/img/SliderImg_1.png b/src/assets/img/SliderImg_1.png new file mode 100644 index 0000000..8855d4f Binary files /dev/null and b/src/assets/img/SliderImg_1.png differ diff --git a/src/assets/img/SliderImg_2.png b/src/assets/img/SliderImg_2.png new file mode 100644 index 0000000..3bde808 Binary files /dev/null and b/src/assets/img/SliderImg_2.png differ diff --git a/src/assets/img/SliderImg_3.png b/src/assets/img/SliderImg_3.png new file mode 100644 index 0000000..0ad43d5 Binary files /dev/null and b/src/assets/img/SliderImg_3.png differ diff --git a/src/assets/responsive.scss b/src/assets/responsive.scss index f924753..e05ee55 100644 --- a/src/assets/responsive.scss +++ b/src/assets/responsive.scss @@ -206,13 +206,16 @@ nav{ } .advert_space{ text-align: center !important; - padding-left: 40px !important; - padding-right: 40px !important; + padding-left: 30px !important; + padding-right: 30px !important; padding-top: 10px !important; width: 100% !important; float: none !important; .advert_image{ - height: 350px !important; + height: 330px !important; + img{ + width: 100% !important; + } } } } @@ -490,6 +493,9 @@ nav{ float: none !important; .advert_image{ height: 500px !important; + img{ + width: 100% !important; + } } } } @@ -699,7 +705,7 @@ nav{ } } .our_products{ - margin-bottom: 40px !important; + margin-bottom: 60px !important; .prod_overlay{ padding-top: 50px !important; } @@ -728,6 +734,53 @@ nav{ } } } + .rating_review{ + padding-left: 100px !important; + .rating_overlay{ + padding-top: 40px !important; + h2{ + font-size: 28px !important; + } + } + .rating_review_box{ + max-width: 700px !important; + .rating_slide{ + .rating_review_box_one{ + .rating_head{ + .rating_star{ + margin: 0px 10px 0px 10px !important; + fieldset{ + font-size: 10px !important; + padding-top: 5px !important; + } + } + .for-design-quality{ + font-size: 15px !important; + } + .kochi_taxi{ + font-size: 13px !important; + } + } + .rating_body{ + .rating_content{ + font-size: 12px !important; + margin: 12px 8px 12px 15px !important; + } + } + } + } + } + } + .advert_space{ + padding-right: 100px !important; + padding-top: 40px !important; + h2{ + font-size: 28px !important; + } + .advert_image{ + height: 400px !important; + } + } } } @@ -789,7 +842,7 @@ nav{ border: 3px solid rgb(125,181,50) !important; } .our_products{ - margin-bottom: 40px !important; + margin-bottom: 60px !important; .prod_overlay{ padding-top: 50px !important; } @@ -819,8 +872,50 @@ nav{ } } .rating_review{ + padding-left: 100px !important; + .rating_overlay{ + padding-top: 40px !important; + h2{ + font-size: 28px !important; + } + } .rating_review_box{ max-width: 700px !important; + .rating_slide{ + .rating_review_box_one{ + .rating_head{ + .rating_star{ + margin: 0px 15px 0px 15px !important; + fieldset{ + font-size: 12px !important; + padding-top: 5px !important; + } + } + .for-design-quality{ + font-size: 16px !important; + } + .kochi_taxi{ + font-size: 14px !important; + } + } + .rating_body{ + .rating_content{ + font-size: 13px !important; + margin: 15px 10px 15px 20px !important; + } + } + } + } + } + } + .advert_space{ + padding-right: 100px !important; + padding-top: 40px !important; + h2{ + font-size: 28px !important; + } + .advert_image{ + height: 400px !important; } } } @@ -909,7 +1004,57 @@ nav{ } - } + } + //scss for landing + .landing_page{ + .rating_review{ + padding-left: 100px !important; + .rating_overlay{ + padding-top: 40px !important; + h2{ + font-size: 28px !important; + } + } + .rating_review_box{ + max-width: 700px !important; + .rating_slide{ + .rating_review_box_one{ + .rating_head{ + .rating_star{ + margin: 0px 15px 0px 15px !important; + fieldset{ + font-size: 12px !important; + padding-top: 5px !important; + } + } + .for-design-quality{ + font-size: 16px !important; + } + .kochi_taxi{ + font-size: 14px !important; + } + } + .rating_body{ + .rating_content{ + font-size: 13px !important; + margin: 15px 10px 15px 20px !important; + } + } + } + } + } + } + .advert_space{ + padding-right: 100px !important; + padding-top: 40px !important; + h2{ + font-size: 28px !important; + } + .advert_image{ + height: 450px !important; + } + } + } }