trillo detail layout
This commit is contained in:
dqnid committed
1 parent
a0e1f31987
commit
a0387b8ca6
5 files changed
+337
-7
No files matched your search
+110
-1
@@ -96,7 +96,116 @@
|
||||
<div class="legal">© 2017 by trillo. Al rights reserved.</div>
|
||||
</nav>
|
||||
|
||||
<main class="hotel-view">Hotel view</main>
|
||||
<main class="hotel-view">
|
||||
<div class="gallery">
|
||||
<figure class="gallery__item">
|
||||
<img
|
||||
src="img/hotel-1.jpg"
|
||||
alt="Photo of hotel 1"
|
||||
class="gallery__photo"
|
||||
/>
|
||||
</figure>
|
||||
|
||||
<figure class="gallery__item">
|
||||
<img
|
||||
src="img/hotel-2.jpg"
|
||||
alt="Photo of hotel 2"
|
||||
class="gallery__photo"
|
||||
/>
|
||||
</figure>
|
||||
|
||||
<figure class="gallery__item">
|
||||
<img
|
||||
src="img/hotel-3.jpg"
|
||||
alt="Photo of hotel 3"
|
||||
class="gallery__photo"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
<div class="overview">
|
||||
<h1 class="overview__heading">Hotel Las Palmas</h1>
|
||||
<div class="overview__stars">
|
||||
<svg class="overview__icon-star">
|
||||
<use xlink:href="img/sprite.svg#icon-star"></use>
|
||||
</svg>
|
||||
<svg class="overview__icon-star">
|
||||
<use xlink:href="img/sprite.svg#icon-star"></use>
|
||||
</svg>
|
||||
<svg class="overview__icon-star">
|
||||
<use xlink:href="img/sprite.svg#icon-star"></use>
|
||||
</svg>
|
||||
<svg class="overview__icon-star">
|
||||
<use xlink:href="img/sprite.svg#icon-star"></use>
|
||||
</svg>
|
||||
<svg class="overview__icon-star">
|
||||
<use xlink:href="img/sprite.svg#icon-star"></use>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="overview__location">
|
||||
<svg class="overview__icon-location">
|
||||
<use xlink:href="img/sprite.svg#icon-location-pin"></use>
|
||||
</svg>
|
||||
<button class="btn-inline">Albufeira, Portugal</button>
|
||||
</div>
|
||||
|
||||
<div class="overview__rating">
|
||||
<div class="overview__rating-average">8.6</div>
|
||||
<div class="overview__rating-count">429 votes</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="detail">
|
||||
<div class="description">
|
||||
<p class="paragraph">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi
|
||||
nisi dignissimos debitis ratione sapiente saepe. Accusantium
|
||||
cumque, quas, ut corporis incidunt deserunt quae architecto
|
||||
voluptate.
|
||||
</p>
|
||||
<ul class="list">
|
||||
<li class="list__item">Close to the beach</li>
|
||||
<li class="list__item">Breakfast included</li>
|
||||
<li class="list__item">Free airport shuttle</li>
|
||||
<li class="list__item">Free wifi in all rooms</li>
|
||||
<li class="list__item">Air conditioning and heating</li>
|
||||
<li class="list__item">Pets allowed</li>
|
||||
<li class="list__item">We speak all languages</li>
|
||||
<li class="list__item">Perfect for families</li>
|
||||
</ul>
|
||||
|
||||
<div class="recommend">
|
||||
<p class="recommend__count">
|
||||
Lucy and 3 other friends recommend this hotel.
|
||||
</p>
|
||||
<div class="recommend__friends">
|
||||
<img
|
||||
src="img/user-3.jpg"
|
||||
alt="Friend 1"
|
||||
class="recommend__photo"
|
||||
/>
|
||||
<img
|
||||
src="img/user-4.jpg"
|
||||
alt="Friend 2"
|
||||
class="recommend__photo"
|
||||
/>
|
||||
<img
|
||||
src="img/user-5.jpg"
|
||||
alt="Friend 3"
|
||||
class="recommend__photo"
|
||||
/>
|
||||
<img
|
||||
src="img/user-6.jpg"
|
||||
alt="Friend 4"
|
||||
class="recommend__photo"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="user-reviews">User reviews</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
Reference in new issue
Block a user