Skip to content

M
Moments
Commit 53ca668a by abraham
Options

Merge branch 'abraham' into 'master'

Abraham See merge request !13
parents c350e16a ea3151ae
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="container">
<div class="m_home_banner_content"> <div class="m_home_banner_content">
<h1>Wedding planning starts here..</h1> <h1>Wedding planning starts here..</h1>
...@@ -368,4 +369,6 @@ ...@@ -368,4 +369,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
\ No newline at end of file
src/assets/responsive.scss
...@@ -46,50 +46,53 @@ ...@@ -46,50 +46,53 @@
} }
} }
//scss for home.html //scss for home.html
.m_home_banner{ .m_home{
background-size: cover !important; padding-top: 130px !important;
.container{ .m_home_banner{
padding-top: 20px !important; background-size: cover !important;
padding-bottom: 20px !important; .container{
padding-top: 20px !important;
padding-bottom: 20px !important;
}
} }
} .m_home_banner2{
.m_home_banner2{ .row{
.row{ display: block !important;
display: block !important; text-align: center !important;
text-align: center !important; .banner2_overlay1{
.banner2_overlay1{ max-width: 100% !important;
max-width: 100% !important; img{
img{ height: 300px !important;
height: 300px !important; }
} }
} .banner2_overlay2{
.banner2_overlay2{ max-width: 100% !important;
max-width: 100% !important; background-size: cover !important;
background-size: cover !important; .b2_over2_Contents{
.b2_over2_Contents{ padding: 20px 0px 20px 0px !important;
padding: 20px 0px 20px 0px !important; .row{
.row{ .col{
.col{ max-width: 100% !important;
max-width: 100% !important; padding-bottom: 15px !important;
padding-bottom: 15px !important; }
} }
} .get_started{
.get_started{ padding-top: 15px !important;
padding-top: 15px !important; }
} .logo_block{
.logo_block{ .logo_inline{
.logo_inline{ padding-left: 10px !important;
padding-left: 10px !important; width: 150px !important;
width: 150px !important; }
} }
} }
} }
} }
} }
} .why_moments{
.why_moments{ .why_moments_head{
.why_moments_head{ margin: 5px !important;
margin: 5px !important; }
} }
} }
//scss for review_slide //scss for review_slide
...@@ -523,50 +526,52 @@ margin-top: 10px !important; ...@@ -523,50 +526,52 @@ margin-top: 10px !important;
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
//scss for home.html //scss for home.html
.m_home_banner{ .m_home{
background-size: cover !important; .m_home_banner{
.container{ background-size: cover !important;
padding-top: 100px !important; .container{
padding-bottom: 100px !important; padding-top: 100px !important;
padding-bottom: 100px !important;
}
} }
} .m_home_banner2{
.m_home_banner2{ .row{
.row{ display: block !important;
display: block !important; text-align: center !important;
text-align: center !important; .banner2_overlay1{
.banner2_overlay1{ max-width: 100% !important;
max-width: 100% !important; img{
img{ height: 500px !important;
height: 500px !important; }
} }
} .banner2_overlay2{
.banner2_overlay2{ max-width: 100% !important;
max-width: 100% !important; background-size: cover !important;
background-size: cover !important; .b2_over2_Contents{
.b2_over2_Contents{ padding: 20px 0px 20px 0px !important;
padding: 20px 0px 20px 0px !important; .row{
.row{ .col{
.col{ padding-bottom: 15px !important;
padding-bottom: 15px !important; max-width: 33% !important;
max-width: 33% !important; display: inline-block;
display: inline-block; }
} }
} }
} }
} }
} }
} .why_moments{
.why_moments{ .container{
.container{ .row{
.row{ .col-md-3{
.col-md-3{ max-width: 50% !important;
max-width: 50% !important; flex: 0 0 50% !important;
flex: 0 0 50% !important; }
} }
} }
} .why_moments_head{
.why_moments_head{ margin: 5px !important;
margin: 5px !important; }
} }
} }
//scss for review_slide //scss for review_slide
...@@ -877,27 +882,29 @@ margin-top: 10px !important; ...@@ -877,27 +882,29 @@ margin-top: 10px !important;
@media only screen and (min-width: 1250px) and (max-device-width: 1359px) { @media only screen and (min-width: 1250px) and (max-device-width: 1359px) {
//scss for home.html //scss for home.html
.m_home_banner{ .m_home{
background-size: cover !important; .m_home_banner{
.container{ background-size: cover !important;
padding-top: 250px !important; .container{
padding-bottom: 150px !important; padding-top: 250px !important;
} padding-bottom: 150px !important;
} }
.m_home_banner2{ }
.row{ .m_home_banner2{
.banner2_overlay2{ .row{
.b2_over2_Contents{ .banner2_overlay2{
padding: 30px 0px 0px 30px !important; .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 /////// login
.m-login{ .m-login{
.col-md-6{ .col-md-6{
...@@ -937,6 +944,7 @@ margin-top: 10px !important; ...@@ -937,6 +944,7 @@ margin-top: 10px !important;
} }
@media only screen and (min-width: 1360px) and (max-device-width: 1399px) { @media only screen and (min-width: 1360px) and (max-device-width: 1399px) {
//scss for home.html //scss for home.html
.m_home{
.m_home_banner{ .m_home_banner{
background-size: cover !important; background-size: cover !important;
.container{ .container{
...@@ -957,6 +965,7 @@ margin-top: 10px !important; ...@@ -957,6 +965,7 @@ margin-top: 10px !important;
} }
} }
} }
}
} }
@media only screen and (min-width: 1400px) and (max-device-width: 1600px) { @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