Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <br>
- <section id="blog">
- <div class="col-lg-6">
- <div id="slider-blog" class="carousel slide" data-ride="carousel">
- <div class="carousel-inner" role="listbox">
- <div class="carousel-item active" style="background-image: url(img/1.jpg)">
- <div class="carousel-caption">
- <h3>Reine</h3>
- <p>Norway</p>
- </div>
- </div>
- <div class="carousel-item" style="background-image: url(img/2.jpg)">
- <div class="carousel-caption ">
- <h3>Reine</h3>
- <p>Norway</p>
- </div >
- </div>
- <div class="carousel-item" style="background-image: url(img/3.jpg)">
- <div class="carousel-caption ">
- <h3>Reine</h3>
- <p>Norway</p>
- </div>
- </div>
- <a class="left-control " href="#slider-blog " data-slide="prev"> <i class="fa fa-chevron-left"></i>
- </a>
- <a class="right-control" href="#slider-blog" data-slide="next"> <i class="fa fa-chevron-right"></i>
- </a>
- </div>
- </div>
- </div>
- </section>
- <br>
- <br>
- <div class="col-lg-6">sasassrweeeeeeeeeeeeeeeeeeeee</div>
- </div>
- </div>
- <br>
- <br>
- --sass--
- .carousel-item
- background-position: center center
- #slider-blog
- overflow: hidden
- .carousel-inner
- .carousel-item
- background-repeat: no-repeat
- background-size: cover
- height: 240px
- .left-control, .right-control
- position: absolute
- top: 42%
- height: 25px
- width: 25px
- line-height: 20px
- font-size: 10px
- color: white
- transition: all 0.5s ease
- .left-control:focus, .right-control:focus
- color: white
- .left-control
- left: 20px
- .right-control
- right: 20px
- .left-control:hover, .right-control:hover
- color: white
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement