Skip to content

M
Moments
Commit ad62e43a by Aksa98
Options

Merge branch 'master' into aksa

parents eae43a68 70822a27
Showing with 107 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/app/body/loginaccount/loginaccount.component.scss
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
.loginaccount_overlay{
padding-top: 100px;
.loginaccount_overlay1{
background-image:url("../../../assets/img/loginaccount1.png");
.container{
......
src/app/footer/footer.component.scss
......@@ -13,6 +13,7 @@
margin-bottom: 16px;
}
a{
text-decoration: none;
display: block;
font-weight: 400;
font-size: 15px;
......@@ -41,6 +42,7 @@
.footer_bottom{
text-align: center;
a{
text-decoration: none;
font-weight: 400;
font-size: 15px;
color: #767676;
......
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
......@@ -114,6 +117,7 @@
}
//scss for loginaccount
.loginaccount_overlay{
padding-top: 130px !important;
.loginaccount_overlay1{
.container{
.row{
......@@ -523,50 +527,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 +883,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 +945,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 +966,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