Skip to content

Commit

Permalink
update style
Browse files Browse the repository at this point in the history
  • Loading branch information
@margauxhaering
margauxhaering committed Dec 9, 2024
1 parent 508e3d7 commit 4a1bf26
Show file tree
Hide file tree
Showing 7 changed files with 235 additions and 173 deletions.
9 changes: 5 additions & 4 deletions assets/css/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -701,7 +701,8 @@ Banner Style
background-position: center bottom;
background-size: cover;
background-image: url(../images/bgd.jpg);
padding: 200px 0px 500px 0px;
height: 100vh;
padding-top: 200px;
position: relative;
overflow: hidden;
}
Expand Down Expand Up @@ -792,7 +793,7 @@ Banner Style
background-position: center center;
background-size: cover;
background-image: url(../images/1.jpg);
padding: 200px 0px 600px 0px;
padding: 150px 0px 30px 0px;
position: relative;
overflow: hidden;
}
Expand Down Expand Up @@ -841,7 +842,7 @@ Banner Style
background-position: center center;
background-size: cover;
background-image: url(../images/2.jpg);
padding: 200px 0px 600px 0px;
padding: 150px 0px 30px 0px;
position: relative;
overflow: hidden;
}
Expand Down Expand Up @@ -891,7 +892,7 @@ Banner Style
background-position: center center;
background-size: cover;
background-image: url(../images/4.jpg);
padding: 200px 0px 600px 0px;
padding: 150px 0px 30px 0px;
position: relative;
overflow: hidden;
}
Expand Down
6 changes: 6 additions & 0 deletions assets/css/style.min.css
View file

Large diffs are not rendered by default.

4 changes: 4 additions & 0 deletions carte.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -122,6 +122,10 @@ <h2><br>Gamme Inspiration</h2>


<!-- Scripts -->
<script>
window.history.pushState({}, "", "/carte");

</script>
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/owl-carousel.js"></script>
Expand Down
33 changes: 9 additions & 24 deletions contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,6 @@
<!-- ***** Logo End ***** -->
<!-- ***** Menu Start ***** -->
<ul class="nav">
<li><a href="index.html"></a></li>
<li><a href="index.html" >Home</a></li>
<li><a href="histoire.html">Histoire</a></li>
<li><a href="carte.html">Carte</a></li>
Expand Down Expand Up @@ -100,48 +99,30 @@ <h2>Pour passer commande...</h2>
<img src="/assets/images/logo.png" alt="Profile Picture">
</div>
<div class="profile-info">
<div class="profile-name">lamadeleinemasquee</div>
<button class="follow-btn"> <a class="follow-btn" style="font-size:15px;" href="https://www.instagram.com/lamadeleinemasquee" target="_blank"> Follow</a></button>
</div>
<div class="profile-name"><a href="https://www.instagram.com/lamadeleinemasquee" target="_blank"> lamadeleinemasquee</a>
</div>
</div>
</div>

<!-- Grid of Posts -->
<div class="posts-grid">
<!-- Post 1 -->
<div class="insta-post">
<a href="https://www.instagram.com/lamadeleinemasquee" target="_blank">
<img src="/assets/images/1.png" alt="Post Image">
</a>
<div class="insta-actions">
<div>
<b> @lamadeleinemasquee </b> Le coffret GEMINI.
Les 2 cotés de la madeleine sont...
</div>
</div>
<img src="/assets/images/1.png" alt="Post Image">
</a>
</div>

<!-- Post 2 -->
<div class="insta-post">
<a href="https:www.instagram.com/lamadeleinemasquee" target="_blank">
<img src="/assets/images/2.png" alt="Post Image"href="https://www.instagram.com/lamadeleinemasquee" target="_blank"></a>
<div class="insta-actions">
<div>
<b> @lamadeleinemasquee </b> C’est bon, c’est aujourd’hui… complet...
</div>

</div>
</div>

<!-- Post 3 -->
<div class="insta-post">
<a href="https:www.instagram.com/lamadeleinemasquee" target="_blank">
<img src="/assets/images/3.png" alt="Post Image" href="https://www.instagram.com/lamadeleinemasquee" target="_blank"></a>
<div class="insta-actions">
<div>
<b> @lamadeleinemasquee </b> Le printemps arrive !
</div>

</div>
</div>
</div>
</div>
Expand All @@ -159,6 +140,10 @@ <h2>Pour passer commande...</h2>


<!-- Scripts -->
<script>
window.history.pushState({}, "", "/contact");

</script>
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/owl-carousel.js"></script>
Expand Down
11 changes: 7 additions & 4 deletions histoire.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,6 @@
<!-- ***** Logo End ***** -->
<!-- ***** Menu Start ***** -->
<ul class="nav">
<li><a href="index.html"></a></li>
<li><a href="index.html" >Home</a></li>
<li><a href="histoire.html" class="active">Histoire</a></li>
<li><a href="carte.html" >Carte</a></li>
Expand All @@ -75,10 +74,10 @@
<div class="col-lg-12">
<div>
<h2>Notre histoire...</h2>
<h6 style="color:#fff;">Née pendant le 3ème confinement national, la Madeleine Masquée en a eu deux précédents pour perfectionner sa recette et ses délicieuses saveurs...
<br>Fondée par deux gourmandes, et partagée dans notre cité phocéenne...
<h6 style="color:#6A5535;">Née pendant le 3ème confinement national, la Madeleine Masquée a pris le temps de perfectionner sa recette et ses délicieuses saveurs...
<br>Fondée par deux gourmandes, et partagée dans notre cité phocéenne,

<br>Nos madeleines régaleront toutes les papilles, pour le dessert, le café, le goûter ou simplement une petite gourmandise aléatoire!
pour le dessert, le café, le goûter ou simplement une petite gourmandise aléatoire!

<br><br>Produits de qualité et colorants naturels!</h6>
</div>
Expand All @@ -89,6 +88,10 @@ <h6 style="color:#fff;">Née pendant le 3ème confinement national, la Madeleine


<!-- Scripts -->
<script>
window.history.pushState({}, "", "/histoire");

</script>
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/owl-carousel.js"></script>
Expand Down
68 changes: 53 additions & 15 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,6 @@
<!-- ***** Logo End ***** -->
<!-- ***** Menu Start ***** -->
<ul class="nav">
<li><a href="index.html"></a></li>
<li><a href="index.html" class="active">Home</a></li>
<li><a href="histoire.html">Histoire</a></li>
<li><a href="carte.html">Carte</a></li>
Expand All @@ -74,31 +73,70 @@
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="top-text header-text">
<h6>La madeleine de Marseille</h6>
<div class="top-text">
<img src="assets/images/mmm_logo.png" width="100" height="200">
</div>
</div>
<div class="col-lg-12">
<div class="top-text header-text">
<h5><br><br>La Madeleine Masquee, c'est la premiere madeleine de Marseille. <br> Originale, gourmande, raffinee, <br> Vous n'y trouverez que des bonnes choses...
<br><br> Visitez notre compte insta : <a style="color:#6A5535" href="https://www.instagram.com/lamadeleinemasquee/">@lamadeleinemasquee</a> !
<div class="col-lg-5">
<div class="top-text">
<h5 style="font-weight:bold;"><br><br><br>La Madeleine Masquée, c'est la première madeleine de Marseille. <br><br>Originale, gourmande, raffinée... Vous n'y trouverez que des bonnes choses!
</h5>
</div>
<ul class="categories">
<li><a href="histoire.html"><span class="icon"><i class="fas fa-clock-rotate-left"></i></span>Histoire</a></li>
<li><a href="carte.html"><span class="icon"><i class="fas fa-table-list"></i></span> Carte</a></li>
<li><a href="tarifs.html"><span class="icon"><i class="fas fa-dollar-sign"></i></span> Tarifs</a></li>
</ul>

</div>
<div class="col-lg-12">
<ul class="categories">
<li><a href="histoire.html"><span class="icon"><i class="fas fa-clock-rotate-left"></i></span>Histoire</a></li>
<li><a href="carte.html"><span class="icon"><i class="fas fa-table-list"></i></span> Carte</a></li>
<li><a href="tarifs.html"><span class="icon"><i class="fas fa-dollar-sign"></i></span> Tarifs</a></li>
</ul>
</div>
<div class="col-lg-7">

<div class="profile-container">
<!-- Profile Header -->
<div class="profile-header">
<div class="profile-pic">
<img src="/assets/images/logo.png" alt="Profile Picture">
</div>
<div class="profile-info">
<div class="profile-name"><a href="https://www.instagram.com/lamadeleinemasquee" target="_blank"> lamadeleinemasquee</a>
</div>
</div>
</div>

<!-- Grid of Posts -->
<div class="posts-grid">
<!-- Post 1 -->
<div class="insta-post">
<a href="https://www.instagram.com/lamadeleinemasquee" target="_blank">
<img src="/assets/images/1.png" alt="Post Image">
</a>
</div>

<!-- Post 2 -->
<div class="insta-post">
<a href="https:www.instagram.com/lamadeleinemasquee" target="_blank">
<img src="/assets/images/2.png" alt="Post Image"href="https://www.instagram.com/lamadeleinemasquee" target="_blank"></a>
</div>

<!-- Post 3 -->
<div class="insta-post">
<a href="https:www.instagram.com/lamadeleinemasquee" target="_blank">
<img src="/assets/images/3.png" alt="Post Image" href="https://www.instagram.com/lamadeleinemasquee" target="_blank"></a>
</div>
</div>
</div>
</div>

</div>
</div>
</div>


<!-- Scripts -->

<script>
window.history.pushState({}, "", "/");

</script>
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/owl-carousel.js"></script>
Expand Down
Loading

0 comments on commit 4a1bf26

Please sign in to comment.