Add new sponsor and exposant images

ClubCedille · Nov 26, 2024 · d182cbe · d182cbe
1 parent b4993ed
commit d182cbe
Show file tree

Hide file tree

Showing 35 changed files with 124 additions and 9 deletions.
diff --git a/__MACOSX/._1.png b/__MACOSX/._1.png
diff --git a/__MACOSX/._10.png b/__MACOSX/._10.png
diff --git a/__MACOSX/._11.png b/__MACOSX/._11.png
diff --git a/__MACOSX/._12.png b/__MACOSX/._12.png
diff --git a/__MACOSX/._13.png b/__MACOSX/._13.png
diff --git a/__MACOSX/._2.png b/__MACOSX/._2.png
diff --git a/__MACOSX/._3.png b/__MACOSX/._3.png
diff --git a/__MACOSX/._4.png b/__MACOSX/._4.png
diff --git a/__MACOSX/._5.png b/__MACOSX/._5.png
diff --git a/__MACOSX/._6.png b/__MACOSX/._6.png
diff --git a/__MACOSX/._7.png b/__MACOSX/._7.png
diff --git a/__MACOSX/._8.png b/__MACOSX/._8.png
diff --git a/__MACOSX/._9.png b/__MACOSX/._9.png
diff --git a/source/images/sponsors/1.png b/source/images/sponsors/1.png
diff --git a/source/images/sponsors/10.png b/source/images/sponsors/10.png
diff --git a/source/images/sponsors/11.png b/source/images/sponsors/11.png
diff --git a/source/images/sponsors/12.png b/source/images/sponsors/12.png
diff --git a/source/images/sponsors/13.png b/source/images/sponsors/13.png
diff --git a/source/images/sponsors/2.png b/source/images/sponsors/2.png
diff --git a/source/images/sponsors/3.png b/source/images/sponsors/3.png
diff --git a/source/images/sponsors/4.png b/source/images/sponsors/4.png
diff --git a/source/images/sponsors/5.png b/source/images/sponsors/5.png
diff --git a/source/images/sponsors/6.png b/source/images/sponsors/6.png
diff --git a/source/images/sponsors/7.png b/source/images/sponsors/7.png
diff --git a/source/images/sponsors/8.png b/source/images/sponsors/8.png
diff --git a/source/images/sponsors/9.png b/source/images/sponsors/9.png
diff --git a/source/images/sponsors/gl-spon-one.png b/source/images/sponsors/gl-spon-one.png
diff --git a/source/images/sponsors/gl-spon-three.png b/source/images/sponsors/gl-spon-three.png
diff --git a/source/images/sponsors/gl-spon-two.png b/source/images/sponsors/gl-spon-two.png
diff --git a/source/images/sponsors/pt-spon-four.png b/source/images/sponsors/pt-spon-four.png
diff --git a/source/images/sponsors/pt-spon-one.png b/source/images/sponsors/pt-spon-one.png
diff --git a/source/images/sponsors/pt-spon-three.png b/source/images/sponsors/pt-spon-three.png
diff --git a/source/images/sponsors/pt-spon-two.png b/source/images/sponsors/pt-spon-two.png
diff --git a/source/partials/blocks/microbreweries.htm b/source/partials/blocks/microbreweries.htm
@@ -2,17 +2,127 @@
 =           Microbreweries         =
 =================================-->
 
-<section class="section schedule">
+<section class="section exposants">
 	<div class="container">
 		<div class="row">
 			<div class="col-12">
 				<div class="section-title">
 					<h3>Microbrasseries et <span class="alternate">Exposants</span></h3>
-					<p>À VENIR</p>
+					<p>Merci à nos exposants de contribuer à cet événement exceptionnel et de partager leurs produits uniques avec notre communauté.</p>
+				</div>
+			</div>
+		</div>
+		<div class="row">
+			<div class="col-12">
+				<div class="exposants-grid mb-3">
+					<!-- Exposants image list -->
+					<div class="exposant-item">
+						<a href="https://dieuduciel.com/" target="_blank">
+							<img src="images/sponsors/1.png" alt="Dieu du ciel" class="img-fluid">
+						</a>
+					</div>
+          <div class="exposant-item">
+            <a href="https://brasseriewalkyrie.com/" target="_blank">
+                <img src="images/sponsors/2.png" alt="Brasserie Walkyrie" class="img-fluid exposant-specific">
+            </a>
+        </div>
+					<div class="exposant-item">
+						<a href="https://www.brasseriememento.com/" target="_blank">
+							<img src="images/sponsors/3.png" alt="Brasserie memento" class="img-fluid">
+						</a>
+					</div>
+					<div class="exposant-item">
+						<a href="https://siboire.ca/fr/" target="_blank">
+							<img src="images/sponsors/4.png" alt="Brasserie Siboire" class="img-fluid">
+						</a>
+					</div>
+					<div class="exposant-item">
+						<a href="https://www.lestroismousquetaires.ca/fr/nos-bieres/" target="_blank">
+							<img src="images/sponsors/5.png" alt="Les trois mousquetaires" class="img-fluid">
+						</a>
+					</div>
+				</div>
+				<div class="exposants-grid">
+					<!-- Exposants image list -->
+					<div class="exposant-item">
+						<a href="https://www.domaineberthiaume.com/" target="_blank">
+							<img src="images/sponsors/6.png" alt="Domaine Berthiaume" class="img-fluid">
+						</a>
+					</div>
+					<div class="exposant-item">
+						<a href="https://etohbrasserie.com/" target="_blank">
+							<img src="images/sponsors/7.png" alt="Etoh Brasserie" class="img-fluid">
+						</a>
+					</div>
+					<div class="exposant-item">
+						<a href="https://oquaidesbrasseurs.com/" target="_blank">
+							<img src="images/sponsors/8.png" alt="Ô quai des brasseurs" class="img-fluid">
+						</a>
+					</div>
+					<div class="exposant-item">
+						<a href="https://biererieshelton.com/en/" target="_blank">
+							<img src="images/sponsors/9.png" alt="Bièrerie Shelton" class="img-fluid">
+						</a>
+					</div>
+					<div class="exposant-item">
+						<a href="https://www.hopfenstark.com/en/beers/" target="_blank">
+							<img src="images/sponsors/10.png" alt="Hopfenstark" class="img-fluid">
+						</a>
+					</div>
+					<div class="exposant-item">
+						<a href="https://messorem.co/en/" target="_blank">
+							<img src="images/sponsors/13.png" alt="Messorem" class="img-fluid">
+						</a>
+					</div>
 				</div>
 			</div>
 		</div>
 	</div>
 </section>
 
-<!--====  End of Microbreweries  ====-->
+<!--====  End of Microbreweries  ====-->
+
+<style>
+.exposants-grid {
+	display: grid;
+	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+	gap: 20px;
+	justify-items: center;
+  padding-bottom: 20px;
+}
+
+.exposant-item {
+	width: 150px;
+	height: 150px;
+	border: 1px solid #ddd;
+	border-radius: 8px;
+	overflow: hidden;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	background-color: #fff;
+	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+	transition: transform 0.3s, box-shadow 0.3s;
+}
+
+.exposant-specific {
+  width: 89% !important;
+  height: auto;
+  margin: 0 auto;
+  display: block;
+}
+
+.exposant-item img {
+  width: auto;
+  height: 100%;
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: scale-down;
+}
+
+.exposant-item:hover {
+	transform: scale(1.05);
+	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
+}
+
+</style>
diff --git a/source/partials/blocks/sponsors.htm b/source/partials/blocks/sponsors.htm
@@ -20,13 +20,18 @@ <h3>Nos <span class="alternate">Partenaires</span></h3>
 					<ul class="list-inline sponsors-list">
 						<li class="list-inline-item">
 							<div class="image-block text-center">
-								À VENIR
-								<!--  <a href="#">
-									<img src="images/sponsors/pt-spon-two.png" alt="sponsors-logo" class="img-fluid">
-								</a>  -->
+								<a href="https://www.berliefalco.com/">
+									<img src="images/sponsors/12.png" alt="sponsors-logo" class="img-fluid">
+								</a>
+							</div>
+						</li>
+            <li class="list-inline-item">
+							<div class="image-block text-center">
+								<a href="https://www.aeets.com/">
+									<img src="images/sponsors/11.png" alt="sponsors-logo" class="img-fluid">
+								</a>
 							</div>
 						</li>
-					</ul>
 				</div>
 				<div class="sponsor-btn text-center">
 					<a href="contact.html" class="btn btn-main-md">Devenir partenaire</a>
@@ -36,4 +41,4 @@ <h3>Nos <span class="alternate">Partenaires</span></h3>
 	</div>
 </section>
 
-<!--====  End of Sponsors  ====-->
+<!--====  End of Sponsors  ====-->