s

olivier-mca · Oct 17, 2023 · 8b289a7 · 8b289a7
1 parent d1ff6f6
commit 8b289a7
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 11 deletions.
diff --git a/css/custom.css b/css/custom.css
@@ -53,7 +53,7 @@ header.masthead {
     color: #212529;
   }
   #mainNav .navbar-brand:hover {
-    color: #fff;
+    color: #f4623a;
   }
   #mainNav .navbar-nav .nav-item .nav-link {
     color: #212529;

diff --git a/fr/index.html b/fr/index.html
@@ -117,8 +117,14 @@
 	<!-- Navigation-->
 	<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
 		<div class="container px-20 px-lg-5">
-			<a class="navbar-brand" href="fr/#page-top">
-				<img src="assets/img/V2DJ_73K_Keyboard_logo.png" alt="Piano de Voyage logo 3 modules" height="30px"></a>
+			<a class="navbar-brand" href="#page-top" style="text-align: left;">
+				<span style='font-weight: 500; font-family: "Merriweather", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";'>
+				PIANO DE VOYAGE</span>
+				<br>
+				<span style="font-size: x-small; font-weight: 500; ">
+				LE PIANO PORTABLE
+				</span>
+			</a>
 			<button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse"
 				data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
 				aria-label="Toggle navigation">
@@ -152,8 +158,9 @@ <h1 style="font-size: x-large;">LE PIANO PORTABLE</h1>
 			</div>
 		</div>
 
+	<div class="row" style="background-color: #f4f1ea;">
 		<div id="carousel" class="carousel slide  carousel-fade" data-bs-ride="carousel" ride="false"
-			style="background-color: #f4f1ea;">
+			style="background-color: #f4f1ea;  max-height: 500px;">
 			<div class="carousel-indicators">
 				<button type="button" data-bs-target="#carousel" data-bs-slide-to="0" class="active" aria-current="true"
 					aria-label="Slide 1"></button>
@@ -162,7 +169,7 @@ <h1 style="font-size: x-large;">LE PIANO PORTABLE</h1>
 				<button type="button" data-bs-target="#carousel" data-bs-slide-to="3" aria-label="Slide 4"></button>
 				<button type="button" data-bs-target="#carousel" data-bs-slide-to="4" aria-label="Slide 5"></button>
 			</div>
-			<div class="carousel-inner">
+			<div class="carousel-inner" style="background-color: #f4f1ea;  max-height: 500px;">
 				<div class="carousel-item active">
 					<a href="fr/#about">
 						<img class="d-block w-100" src="assets/img/Piano-de-Voyage_3_Modules_on_table.jpg">
@@ -200,7 +207,7 @@ <h1 style="font-size: x-large;">LE PIANO PORTABLE</h1>
 			</button>
 
 		</div>
-
+	 </div>
 	</section>
 
 

diff --git a/index.html b/index.html
@@ -114,8 +114,14 @@
 	<!-- Navigation-->
 	<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
 		<div class="container px-20 px-lg-5">
-			<a class="navbar-brand" href="#page-top">
-				<img src="assets/img/V2DJ_73K_Keyboard_logo.png" alt="Voyage Piano logo 3 modules"  height="20px"></a>
+			<a class="navbar-brand" href="#page-top" style="text-align: left;">
+				<span style='font-weight: 500; font-family: "Merriweather", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";'>
+				VOYAGE</span>
+				<br>
+				<span style="font-size: x-small; font-weight: 500; ">
+				THE PORTABLE PIANO
+				</span>
+			</a>
 			<button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse"
 				data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
 				aria-label="Toggle navigation">
@@ -149,8 +155,9 @@ <h1 style="font-size: x-large;">THE PORTABLE PIANO</h1>
 			</div>
 		</div>
 
+	<div class="row" style="background-color: #f4f1ea;">
 		<div id="carousel" class="carousel slide  carousel-fade" data-bs-ride="carousel" ride="false"
-			style="background-color: #f4f1ea;">
+			style="background-color: #f4f1ea;  max-height: 500px;">
 			<div class="carousel-indicators">
 				<button type="button" data-bs-target="#carousel" data-bs-slide-to="0" class="active" aria-current="true"
 					aria-label="Slide 1"></button>
@@ -159,7 +166,7 @@ <h1 style="font-size: x-large;">THE PORTABLE PIANO</h1>
 				<button type="button" data-bs-target="#carousel" data-bs-slide-to="3" aria-label="Slide 4"></button>
 				<button type="button" data-bs-target="#carousel" data-bs-slide-to="4" aria-label="Slide 5"></button>
 			</div>
-			<div class="carousel-inner">
+			<div class="carousel-inner" style="background-color: #f4f1ea;  max-height: 500px;">
 				<div class="carousel-item active">
 					<a href="#about">
 						<img class="d-block w-100" src="assets/img/Piano-de-Voyage_3_Modules_on_table.jpg">
@@ -197,7 +204,7 @@ <h1 style="font-size: x-large;">THE PORTABLE PIANO</h1>
 			</button>
 
 		</div>
-
+	 </div>
 	</section>