Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
M
Moments
Project
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Trainees_UI_Team
Moments
Commits
64153372
Commit
64153372
authored
Jul 25, 2019
by
abraham
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
headerpadding
parent
bf07fe43
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
31 additions
and
15 deletions
+31
-15
home.component.html
src/app/body/home/home.component.html
+5
-1
home.component.scss
src/app/body/home/home.component.scss
+12
-9
responsive.scss
src/assets/responsive.scss
+14
-5
No files found.
src/app/body/home/home.component.html
View file @
64153372
<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/app/body/home/home.component.scss
View file @
64153372
.m_home_banner
{
.m_home
{
padding-top
:
100px
;
.m_home_banner
{
background-image
:
url("../../../assets/img/1519800888_1.png")
;
background-image
:
url("../../../assets/img/1519800888_1.png")
;
background-size
:
cover
;
background-size
:
cover
;
background-repeat
:
no-repeat
;
background-repeat
:
no-repeat
;
...
@@ -96,16 +98,16 @@
...
@@ -96,16 +98,16 @@
}
}
}
}
}
}
}
}
.line_design
{
.line_design
{
hr
{
hr
{
width
:
245px
;
width
:
245px
;
border
:
4px
solid
rgb
(
194
,
55
,
194
);
border
:
4px
solid
rgb
(
194
,
55
,
194
);
border-radius
:
4px
;
border-radius
:
4px
;
margin
:
0
auto
;
margin
:
0
auto
;
}
}
}
}
.m_home_review
{
.m_home_review
{
text-align
:
center
;
text-align
:
center
;
.star
{
.star
{
padding-top
:
30px
;
padding-top
:
30px
;
...
@@ -139,8 +141,8 @@
...
@@ -139,8 +141,8 @@
width
:
80px
;
width
:
80px
;
border
:
1px
solid
rgb
(
255
,
156
,
0
);
border
:
1px
solid
rgb
(
255
,
156
,
0
);
}
}
}
}
.m_home_banner2
{
.m_home_banner2
{
.row
{
.row
{
margin-left
:
0px
;
margin-left
:
0px
;
margin-right
:
0px
;
margin-right
:
0px
;
...
@@ -214,8 +216,8 @@
...
@@ -214,8 +216,8 @@
}
}
}
}
}
}
}
}
.why_moments
{
.why_moments
{
padding-top
:
50px
;
padding-top
:
50px
;
.container
{
.container
{
.row
{
.row
{
...
@@ -257,4 +259,5 @@
...
@@ -257,4 +259,5 @@
}
}
}
}
}
}
}
}
}
src/assets/responsive.scss
View file @
64153372
...
@@ -46,14 +46,16 @@
...
@@ -46,14 +46,16 @@
}
}
}
}
//scss for home.html
//scss for home.html
.m_home_banner
{
.m_home
{
padding-top
:
130px
!
important
;
.m_home_banner
{
background-size
:
cover
!
important
;
background-size
:
cover
!
important
;
.container
{
.container
{
padding-top
:
20px
!
important
;
padding-top
:
20px
!
important
;
padding-bottom
:
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
;
...
@@ -86,11 +88,12 @@
...
@@ -86,11 +88,12 @@
}
}
}
}
}
}
}
}
.why_moments
{
.why_moments
{
.why_moments_head
{
.why_moments_head
{
margin
:
5px
!
important
;
margin
:
5px
!
important
;
}
}
}
}
}
//scss for review_slide
//scss for review_slide
.review_slide
{
.review_slide
{
...
@@ -523,6 +526,7 @@ margin-top: 10px !important;
...
@@ -523,6 +526,7 @@ 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
{
.m_home_banner
{
.m_home_banner
{
background-size
:
cover
!
important
;
background-size
:
cover
!
important
;
.container
{
.container
{
...
@@ -569,6 +573,7 @@ margin-top: 10px !important;
...
@@ -569,6 +573,7 @@ margin-top: 10px !important;
margin
:
5px
!
important
;
margin
:
5px
!
important
;
}
}
}
}
}
//scss for review_slide
//scss for review_slide
.review_slide
{
.review_slide
{
.row
{
.row
{
...
@@ -877,6 +882,7 @@ margin-top: 10px !important;
...
@@ -877,6 +882,7 @@ 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
{
.m_home_banner
{
.m_home_banner
{
background-size
:
cover
!
important
;
background-size
:
cover
!
important
;
.container
{
.container
{
...
@@ -898,6 +904,7 @@ margin-top: 10px !important;
...
@@ -898,6 +904,7 @@ margin-top: 10px !important;
margin
:
5px
!
important
;
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
{
...
@@ -958,6 +966,7 @@ margin-top: 10px !important;
...
@@ -958,6 +966,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
)
{
.m-login
{
.m-login
{
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment