Skip to content

Commit

Permalink
fr
Browse files Browse the repository at this point in the history
  • Loading branch information
@0ba-pia
0ba-pia committed Oct 16, 2023
1 parent 1c89350 commit ab042bb
Show file tree
Hide file tree
Showing 2 changed files with 54 additions and 65 deletions.
69 changes: 27 additions & 42 deletions fr/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -135,20 +135,18 @@
</div>
</div>
</nav>
<!-- Masthead-->
<section class="page-section" style="background-color: #f4f1ea;">

<div class="row gx-4 gx-lg-5 align-items-center justify-content-center text-center">
<!-- Masthead-->
<section class="page-section">
<div class="row gx-4 gx-lg-5 align-items-center justify-content-center text-center"
style="background-color: #f4f1ea;">
<br>
</div>




<div class="row gx-4 gx-lg-5 align-items-center justify-content-center text-center">
<div class="col-lg-12 align-self-end">
<div class="row gx-4 gx-lg-5 align-items-center justify-content-center text-center"
style="background-color: #f4f1ea;">
<div class="col-lg-12">
<br><br><br>
<span style="font-size: 40px;">VOYAGE</span>
<span style="font-size: 40px;">PIANO DE VOYAGE</span>
<h1 style="font-size: x-large;">LE PIANO PORTABLE</h1>
<hr class="divider" />
</div>
Expand All @@ -166,32 +164,32 @@ <h1 style="font-size: x-large;">LE PIANO PORTABLE</h1>
</div>
<div class="carousel-inner" style="height: 500px;">
<div class="carousel-item active">
<a href="fr/#about">
<a href="#about">
<img class="d-block w-100" src="assets/img/Piano-de-Voyage_3_Modules_on_table.jpg">
</a>
</div>
<div class="carousel-item">
<a href="fr/#musicians">
<a href="#musicians">
<img class="d-block w-100" src="assets/img/Piano-de-Voyage_2_modules_assembly.jpeg">
</a>
</div>
<div class="carousel-item">
<a href="fr/#travel">
<a href="#travel">
<img class="d-block w-100" src="assets/img/Piano de Voyage with bags.jpg">
</a>
</div>
<div class="carousel-item">
<a href="fr/#keys">
<a href="#keys">
<img class="d-block w-100" src="assets/img/Piano de Voyage_Full_73K_Keyboard_.jpg">
</a>
</div>
<div class="carousel-item">
<a href="fr/#features">
<a href="#features">
<img class="d-block w-100" src="assets/img/Piano de Voyage - back view 20231002_122503.jpg">
</a>
</div>
</div>

<button class="carousel-control-prev" type="button" data-bs-target="#carousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
Expand All @@ -200,7 +198,7 @@ <h1 style="font-size: x-large;">LE PIANO PORTABLE</h1>
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>

</div>

</section>
Expand Down Expand Up @@ -228,13 +226,12 @@ <h2>PIANO DE VOYAGE</h2>
</div>

</div>

</section>

<div class="row">
<br>
<br>
<br>
</div>

<section class="page-section" id="musicians">

<div class="row" style="background-color: rgb(215, 214, 178);">

<div class="col-lg-1">
Expand All @@ -259,19 +256,16 @@ <h2>POUR LES MUSICIENS</h2>

</div>

</section>

<div class="row">
<br>
<br>
<br>
</div>

<section class="page-section" id="travel">

<div class="row" style="background-color: rgb(215, 214, 178);">


<div class="col-lg-5">
<img class="img-fluid" src="assets/img/Piano-de-Voyage-3 modules with bags 20231002_150700.jpg"
<img class="img-fluid" src="assets/img/Piano de Voyage with bags.jpg"
alt="Piano de Voyage 73 keys with travel bags">
</div>

Expand All @@ -296,7 +290,7 @@ <h2 style="text-transform:uppercase">Conçu pour voyager</h2>



<section class="page-section" id="features">
<section class="page-section" id="keys">

<div class="row" style="background-color: rgb(215, 214, 178);">
<div class="col-lg-6 text-end px-4 align-self-center" style="text-align: right;">
Expand All @@ -316,12 +310,9 @@ <h2 style="text-transform:uppercase">Touches de taille standard</h2>
</div>

</div>

<div class="row">
<br>
<br>
<br>
</div>
</section>

<section class="page-section" id="features">

<div class="row" style="background-color: rgb(215, 214, 178);">
<div class="col-lg-6">
Expand Down Expand Up @@ -420,7 +411,7 @@ <h2 class="text-center mt-0">CONTACT</h2>
<br><br>
</div>

<!-- Begin Sendinblue Form -->
<!-- Begin Brevo Form -->


<!-- START - We recommend to place the below code where you want the form in your website html -->
Expand Down Expand Up @@ -538,12 +529,6 @@ <h2 class="text-center mt-0">CONTACT</h2>
</div>
</section>

<div class="container text-center align-items-center justify-content-center text-center">
<img class="img-fluid" src="assets/img/Piano de Voyage-3-modules-top_with-logo.png"
alt="Piano de Voyage 73 keys top view">
</div>



<!-- Footer-->
<footer>
Expand Down
50 changes: 27 additions & 23 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -134,11 +134,13 @@
</nav>

<!-- Masthead-->
<section class="page-section" >
<div class="row gx-4 gx-lg-5 align-items-center justify-content-center text-center" style="background-color: #f4f1ea;">
<section class="page-section">
<div class="row gx-4 gx-lg-5 align-items-center justify-content-center text-center"
style="background-color: #f4f1ea;">
<br>
</div>
<div class="row gx-4 gx-lg-5 align-items-center justify-content-center text-center" style="background-color: #f4f1ea;">
<div class="row gx-4 gx-lg-5 align-items-center justify-content-center text-center"
style="background-color: #f4f1ea;">
<div class="col-lg-12">
<br><br><br>
<span style="font-size: 40px;">VOYAGE</span>
Expand All @@ -147,50 +149,52 @@ <h1 style="font-size: x-large;">THE PORTABLE PIANO</h1>
</div>
</div>

<div id="carousel" class="carousel slide carousel-fade" data-bs-ride="carousel" ride="false" style="background-color: #f4f1ea;">
<div id="carousel" class="carousel slide carousel-fade" data-bs-ride="carousel" ride="false"
style="background-color: #f4f1ea;">
<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>
<button type="button" data-bs-target="#carousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
<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>
<button type="button" data-bs-target="#carousel" data-bs-slide-to="0" class="active" aria-current="true"
aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
<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" style="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">
<img class="d-block w-100" src="assets/img/Piano-de-Voyage_3_Modules_on_table.jpg">
</a>
</div>
<div class="carousel-item">
<a href="#musicians">
<img class="d-block w-100" src="assets/img/Piano-de-Voyage_2_modules_assembly.jpeg">
<img class="d-block w-100" src="assets/img/Piano-de-Voyage_2_modules_assembly.jpeg">
</a>
</div>
<div class="carousel-item">
<a href="#travel">
<img class="d-block w-100" src="assets/img/Piano de Voyage with bags.jpg">
<img class="d-block w-100" src="assets/img/Piano de Voyage with bags.jpg">
</a>
</div>
<div class="carousel-item">
<a href="#keys">
<img class="d-block w-100" src="assets/img/Piano de Voyage_Full_73K_Keyboard_.jpg">
<img class="d-block w-100" src="assets/img/Piano de Voyage_Full_73K_Keyboard_.jpg">
</a>
</div>
<div class="carousel-item">
<a href="#features">
<img class="d-block w-100" src="assets/img/Piano de Voyage - back view 20231002_122503.jpg">
<img class="d-block w-100" src="assets/img/Piano de Voyage - back view 20231002_122503.jpg">
</a>
</div>
</div>

<button class="carousel-control-prev" type="button" data-bs-target="#carousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
<button class="carousel-control-prev" type="button" data-bs-target="#carousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>

</div>

Expand Down

0 comments on commit ab042bb

Please sign in to comment.