Skip to content

M
Moments
Commit 64153372 by abraham
Options

headerpadding

parent bf07fe43
Showing with 103 additions and 90 deletions
src/app/body/home/home.component.html
<div class="m_home_banner">
<div class="m_home">
<div class="m_home_banner">
<div class="container">
<div class="m_home_banner_content">
<h1>Wedding planning starts here..</h1>
......@@ -368,4 +369,6 @@
</div>
</div>
</div>
</div>
\ No newline at end of file
src/assets/responsive.scss
......@@ -46,50 +46,53 @@
}
}
//scss for home.html
.m_home_banner{
background-size: cover !important;
.container{
padding-top: 20px !important;
padding-bottom: 20px !important;
.m_home{
padding-top: 130px !important;
.m_home_banner{
background-size: cover !important;
.container{
padding-top: 20px !important;
padding-bottom: 20px !important;
}
}
}
.m_home_banner2{
.row{
display: block !important;
text-align: center !important;
.banner2_overlay1{
max-width: 100% !important;
img{
height: 300px !important;
.m_home_banner2{
.row{
display: block !important;
text-align: center !important;
.banner2_overlay1{
max-width: 100% !important;
img{
height: 300px !important;
}
}
}
.banner2_overlay2{
max-width: 100% !important;
background-size: cover !important;
.b2_over2_Contents{
padding: 20px 0px 20px 0px !important;
.row{
.col{
max-width: 100% !important;
padding-bottom: 15px !important;
.banner2_overlay2{
max-width: 100% !important;
background-size: cover !important;
.b2_over2_Contents{
padding: 20px 0px 20px 0px !important;
.row{
.col{
max-width: 100% !important;
padding-bottom: 15px !important;
}
}
}
.get_started{
padding-top: 15px !important;
}
.logo_block{
.logo_inline{
padding-left: 10px !important;
width: 150px !important;
.get_started{
padding-top: 15px !important;
}
.logo_block{
.logo_inline{
padding-left: 10px !important;
width: 150px !important;
}
}
}
}
}
}
}
.why_moments{
.why_moments_head{
margin: 5px !important;
.why_moments{
.why_moments_head{
margin: 5px !important;
}
}
}
//scss for review_slide
......@@ -523,50 +526,52 @@ margin-top: 10px !important;
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
//scss for home.html
.m_home_banner{
background-size: cover !important;
.container{
padding-top: 100px !important;
padding-bottom: 100px !important;
.m_home{
.m_home_banner{
background-size: cover !important;
.container{
padding-top: 100px !important;
padding-bottom: 100px !important;
}
}
}
.m_home_banner2{
.row{
display: block !important;
text-align: center !important;
.banner2_overlay1{
max-width: 100% !important;
img{
height: 500px !important;
.m_home_banner2{
.row{
display: block !important;
text-align: center !important;
.banner2_overlay1{
max-width: 100% !important;
img{
height: 500px !important;
}
}
}
.banner2_overlay2{
max-width: 100% !important;
background-size: cover !important;
.b2_over2_Contents{
padding: 20px 0px 20px 0px !important;
.row{
.col{
padding-bottom: 15px !important;
max-width: 33% !important;
display: inline-block;
.banner2_overlay2{
max-width: 100% !important;
background-size: cover !important;
.b2_over2_Contents{
padding: 20px 0px 20px 0px !important;
.row{
.col{
padding-bottom: 15px !important;
max-width: 33% !important;
display: inline-block;
}
}
}
}
}
}
}
.why_moments{
.container{
.row{
.col-md-3{
max-width: 50% !important;
flex: 0 0 50% !important;
.why_moments{
.container{
.row{
.col-md-3{
max-width: 50% !important;
flex: 0 0 50% !important;
}
}
}
}
.why_moments_head{
margin: 5px !important;
.why_moments_head{
margin: 5px !important;
}
}
}
//scss for review_slide
......@@ -877,27 +882,29 @@ margin-top: 10px !important;
@media only screen and (min-width: 1250px) and (max-device-width: 1359px) {
//scss for home.html
.m_home_banner{
background-size: cover !important;
.container{
padding-top: 250px !important;
padding-bottom: 150px !important;
}
}
.m_home_banner2{
.row{
.banner2_overlay2{
.b2_over2_Contents{
padding: 30px 0px 0px 30px !important;
.m_home{
.m_home_banner{
background-size: cover !important;
.container{
padding-top: 250px !important;
padding-bottom: 150px !important;
}
}
.m_home_banner2{
.row{
.banner2_overlay2{
.b2_over2_Contents{
padding: 30px 0px 0px 30px !important;
}
}
}
}
.why_moments{
.why_moments_head{
margin: 5px !important;
}
}
}
}
.why_moments{
.why_moments_head{
margin: 5px !important;
}
}
/////// login
.m-login{
.col-md-6{
......@@ -937,6 +944,7 @@ margin-top: 10px !important;
}
@media only screen and (min-width: 1360px) and (max-device-width: 1399px) {
//scss for home.html
.m_home{
.m_home_banner{
background-size: cover !important;
.container{
......@@ -957,6 +965,7 @@ margin-top: 10px !important;
}
}
}
}
}
@media only screen and (min-width: 1400px) and (max-device-width: 1600px) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment