Create slider in Reviews section
This commit is contained in:
@@ -19,6 +19,10 @@
|
||||
<!-- Bootstrap -->
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
|
||||
|
||||
<!-- Slick.JS -->
|
||||
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick-theme.css"/>
|
||||
|
||||
<!-- Custom styles -->
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
</head>
|
||||
@@ -176,10 +180,56 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="reviews container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="reviews__content col-10">
|
||||
<div class="review">
|
||||
<div class="review__author">
|
||||
<img src="img/social/userpic.png" alt="Steven Strange">
|
||||
<span class="review__author-name">Steven Strange</span>
|
||||
<span class="review__nickname">DoctorS</span>
|
||||
</div>
|
||||
<div class="review__content"><span class="review__nickname">Pixelbuddha</span> Suspendisse sodales
|
||||
sem est,
|
||||
in scelerisque felis scelerisque in. Aenean faucibus mollis risus. Praesent sit amet erat eget
|
||||
eros.
|
||||
</div>
|
||||
<div class="review__date">2 hours ago</div>
|
||||
</div>
|
||||
<div class="review">
|
||||
<div class="review__author">
|
||||
<img src="img/social/userpic.png" alt="Steven Strange">
|
||||
<span class="review__author-name">Steven Strange</span>
|
||||
<span class="review__nickname">DoctorS</span>
|
||||
</div>
|
||||
<div class="review__content"><span class="review__nickname">Pixelbuddha</span> Suspendisse sodales
|
||||
sem est,
|
||||
in scelerisque felis scelerisque in. Aenean faucibus mollis risus. Praesent sit amet erat eget
|
||||
eros.
|
||||
</div>
|
||||
<div class="review__date">2 hours ago</div>
|
||||
</div>
|
||||
<div class="review">
|
||||
<div class="review__author">
|
||||
<img src="img/social/userpic.png" alt="Steven Strange">
|
||||
<span class="review__author-name">Steven Strange</span>
|
||||
<span class="review__nickname">DoctorS</span>
|
||||
</div>
|
||||
<div class="review__content"><span class="review__nickname">Pixelbuddha</span> Suspendisse sodales
|
||||
sem est,
|
||||
in scelerisque felis scelerisque in. Aenean faucibus mollis risus. Praesent sit amet erat eget
|
||||
eros.
|
||||
</div>
|
||||
<div class="review__date">2 hours ago</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<!-- JavaScript -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.min.js"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
|
||||
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||||
<script src="js/script.js"></script>
|
||||
|
||||
Reference in New Issue
Block a user