Skip to content

Commit

Permalink
voyage
Browse files Browse the repository at this point in the history
  • Loading branch information
@0ba-pia
0ba-pia committed Oct 16, 2023
1 parent 15bfb16 commit 1c89350
Show file tree
Hide file tree
Showing 3 changed files with 63 additions and 37 deletions.
7 changes: 6 additions & 1 deletion css/custom.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -90,7 +90,12 @@ header.masthead {
background-color: #f4f1ea;
}


hr.divider {
max-width: 3.25rem;
border-width: 0.2rem;
border-color: #f4623a;
margin: 1rem auto;
}


.tech {
Expand Down
91 changes: 56 additions & 35 deletions fr/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,10 @@
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.15.1/js/all.js" crossorigin="anonymous"></script>

<!-- Bootstrap Icons-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">

<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet" />
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet" />
Expand Down Expand Up @@ -150,34 +153,58 @@ <h1 style="font-size: x-large;">LE PIANO PORTABLE</h1>
<hr class="divider" />
</div>
</div>

<div id="carouselExampleControls" class="carousel slide" data-ride="carousel" data-interval="3000" >
<div class="carousel-inner" style="height: 500px;">
<div class="carousel-item active">
<img class="d-block w-100" src="assets/img/Piano de Voyage - USB Module 24 20231002_142107.jpg" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/img/Piano-de-Voyage_3_Modules_on_table.jpg" alt="Second slide">
</div>
</div>

<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>

</div>


<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>
<div class="carousel-inner" style="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">
</a>
</div>
<div class="carousel-item">
<a href="fr/#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">
<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">
<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">
<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>

</div>

</section>

<div class="row">
<br>

</div>


<!-- About-->
Expand Down Expand Up @@ -528,18 +555,12 @@ <h2 class="text-center mt-0">CONTACT</h2>
</div>
</div>
</footer>


<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>


<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V" crossorigin="anonymous"></script>
<!-- SimpleLightbox plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/SimpleLightbox/2.1.0/simpleLightbox.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js?v=1"></script>
<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
</body>

Expand Down
2 changes: 1 addition & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -139,7 +139,7 @@
<br>
</div>
<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 align-self-end">
<div class="col-lg-12">
<br><br><br>
<span style="font-size: 40px;">VOYAGE</span>
<h1 style="font-size: x-large;">THE PORTABLE PIANO</h1>
Expand Down

0 comments on commit 1c89350

Please sign in to comment.