user review section done
This commit is contained in:
1 parent
a0387b8ca6
commit
4171a21caa
5 files changed
+308
-13
No files matched your search
@@ -163,6 +163,10 @@
|
||||
cumque, quas, ut corporis incidunt deserunt quae architecto
|
||||
voluptate.
|
||||
</p>
|
||||
<p class="paragraph">
|
||||
Accusantium cumque, quas, ut corporis incidunt deserunt quae
|
||||
architecto voluptate delectus, inventore iure aliquid aliquam.
|
||||
</p>
|
||||
<ul class="list">
|
||||
<li class="list__item">Close to the beach</li>
|
||||
<li class="list__item">Breakfast included</li>
|
||||
@@ -203,7 +207,48 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="user-reviews">User reviews</div>
|
||||
<div class="user-reviews">
|
||||
<!-- NOTE: figure are great for descriptions -->
|
||||
<figure class="review">
|
||||
<blockquote class="review__text">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga
|
||||
doloremque architecto dicta animi, totam, itaque officia ex.
|
||||
</blockquote>
|
||||
<figcaption class="review__user">
|
||||
<img
|
||||
src="img/user-1.jpg"
|
||||
alt="User 1"
|
||||
class="review__photo"
|
||||
/>
|
||||
<div class="review__user-box">
|
||||
<p class="review__user-name">Nick Smith</p>
|
||||
<p class="review__user-date">Feb 23rd, 2017</p>
|
||||
</div>
|
||||
<div class="review__rating">7.8</div>
|
||||
</figcaption>
|
||||
</figure>
|
||||
|
||||
<figure class="review">
|
||||
<blockquote class="review__text">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga
|
||||
doloremque architecto dicta animi.
|
||||
</blockquote>
|
||||
<figcaption class="review__user">
|
||||
<img
|
||||
src="img/user-2.jpg"
|
||||
alt="User 2"
|
||||
class="review__photo"
|
||||
/>
|
||||
<div class="review__user-box">
|
||||
<p class="review__user-name">Mary thoms</p>
|
||||
<p class="review__user-date">Sep 13rd, 2017</p>
|
||||
</div>
|
||||
<div class="review__rating">9.3</div>
|
||||
</figcaption>
|
||||
</figure>
|
||||
|
||||
<button class="btn-inline">Show all <span>→</span></button>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
Reference in new issue
Block a user