image set to background of each slide instead of a common background

This commit is contained in:
Arvind Tiwari 2017-11-25 02:34:26 +05:30
commit 38c0c653df
6 changed files with 63 additions and 137 deletions

View file

@ -262,24 +262,16 @@ fieldset[disabled] .btn-xl.active {
padding: 10px 0;
background-color: #222;
}
}
.navbar-default.navbar-shrink .navbar-brand {
font-size: 1.5em;
padding: 8px;
}
.navbar-default .navbar-brand {
padding: 8px;
}
header {
text-align: center;
color: #fff;
background-attachment: scroll;
background-image: url(../img/header-bg.jpg);
background-position: center center;
background-repeat: none;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
background: rgba(0,0,0,0.25);
}
header .intro-text {
@ -913,29 +905,6 @@ logo-image {
background-color: #fed136;
}
intro-cap {
margin-bottom: 25px;
text-transform: uppercase;
font-family: 'Raleway', "Helvetica Neue", "Helvetica Neue", Helvetica,Arial,sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 50px;
color:#fff
background-color: #fed136;
}
h6 intro-smallcap {
margin-bottom: 25px;
text-transform: none;
font-family:'Raleway' , Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 50px;
color:#fff
background-color: #fed136;
}
.carousel-indicators li.active, .text-carousel .carousel-indicators li.active {
width: 15px;
height: 15px;

View file

@ -8,18 +8,16 @@
}
.intro-cap {
margin-top: 25px;
margin-bottom: 25px;
font-family: 'Raleway', 'Helvetica Neue', 'Open Sans Bold', Helvetica, Arial, 'Arial Bold', sans-serif;
font-size: 26px;
font-size: 24px;
font-style: normal;
font-weight: 200;
text-transform: uppercase;
color: #FFF;
}
.intro-cap {
font-size: 24px;
}
.intro-smallcap {
font-family: 'Raleway' , "Open Sans Bold", Helvetica, Arial, "Arial Bold", sans-serif;
font-size: 22px;
@ -117,12 +115,28 @@
}
.header_slider > .carousel {
display: flex;
flex-direction: column;
height: 100%;
align-items: stretch;
}
.header_slider > .carousel .carousel-inner {
height: 100%;
}
.header_slider > .carousel .item {
padding-top: 150px;
height: 100%;
}
.header_slider > .carousel .item .container {
padding-top: 25px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.header_slider > .carousel .bg_img {
position: absolute;
top: 0;
z-index: -1;
width: 100%;
}