97 lines
3.1 KiB
Text
97 lines
3.1 KiB
Text
<link rel="stylesheet" href="/resto.css" />
|
|
|
|
<div class="restaurant-page">
|
|
<!-- En-tête restaurant -->
|
|
<div class="header">
|
|
<div class="restaurant-info">
|
|
<h1>
|
|
Nom restaurant
|
|
<span class="heart">
|
|
<% if (user) { %>
|
|
❤️
|
|
<% } else { %>
|
|
🤍
|
|
<% } %>
|
|
</span>
|
|
</h1>
|
|
<p class="address">Adresse</p>
|
|
<div class="rating">
|
|
<span>⭐️⭐️⭐️⭐️⭐️</span>
|
|
<a href="#avis" class="btn">Voir tous les avis</a>
|
|
</div>
|
|
</div>
|
|
<div class="chart">
|
|
<div class="chart-placeholder">Graph radar</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Image principale -->
|
|
<div class="main-image"></div>
|
|
|
|
<!-- Description -->
|
|
<div class="description">
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
|
|
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
|
|
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
|
|
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
|
|
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
|
|
occaecat cupidatat
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Galerie -->
|
|
<div class="gallery">
|
|
<div class="gallery-item"></div>
|
|
<div class="gallery-item"></div>
|
|
<div class="gallery-item"></div>
|
|
</div>
|
|
|
|
<!-- Avis -->
|
|
<h2 class="reviews-title" id="avis">Avis</h2>
|
|
<div class="reviews">
|
|
<div class="review">
|
|
<h3>Titre avis</h3>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
|
eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
</p>
|
|
<div class="review-rating">
|
|
<div>Qualité des plats ⭐⭐⭐⭐⭐</div>
|
|
<div>Service ⭐⭐⭐⭐⭐</div>
|
|
<div>Ambiance ⭐⭐⭐⭐⭐</div>
|
|
<div>Accessibilité ⭐⭐⭐⭐⭐</div>
|
|
<div>Tarif ⭐⭐⭐⭐⭐</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="review">
|
|
<h3>Titre avis</h3>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
|
eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
</p>
|
|
<div class="review-rating">
|
|
<div>Qualité des plats ⭐⭐⭐⭐⭐</div>
|
|
<div>Service ⭐⭐⭐⭐⭐</div>
|
|
<div>Ambiance ⭐⭐⭐⭐⭐</div>
|
|
<div>Accessibilité ⭐⭐⭐⭐⭐</div>
|
|
<div>Tarif ⭐⭐⭐⭐⭐</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="review">
|
|
<h3>Titre avis</h3>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
|
eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
</p>
|
|
<div class="review-rating">
|
|
<div>Qualité des plats ⭐⭐⭐⭐⭐</div>
|
|
<div>Service ⭐⭐⭐⭐⭐</div>
|
|
<div>Ambiance ⭐⭐⭐⭐⭐</div>
|
|
<div>Accessibilité ⭐⭐⭐⭐⭐</div>
|
|
<div>Tarif ⭐⭐⭐⭐⭐</div>
|
|
</div>
|
|
</div>
|
|
</div>
|