Skip to content

Commit

Permalink
i
Browse files Browse the repository at this point in the history
  • Loading branch information
@0ba-pia
0ba-pia committed Oct 31, 2023
1 parent 17cdf3c commit 88beadc
Show file tree
Hide file tree
Showing 17 changed files with 137 additions and 47 deletions.
Binary file added assets/img/20231002_120618_v2.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/20231002_151620.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions assets/img/Model-A/.gitignore
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
/.DS_Store
Binary file removed ...del-A/V2DJ_73K_Keyboard_2023-Oct-02_08-28-40AM-000_CustomizedView2901158254.jpg
View file
Binary file not shown.
Binary file added assets/img/Model-A/V2DJ_73_X-Stand.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/Model-A/products/V2DJ_49.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/Model-A/products/V2DJ_49D.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/Model-A/products/V2DJ_73.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/Model-A/products/V2DJ_73D.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/Model-A/products/V2DJ_88.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/Model-A/products/V2DJ_88D.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...eyboard_(configured)_v1_2023-Oct-30_03-36-49PM-000_CustomizedView9058464041.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...yboard_(configured)_v1_2023-Oct-30_03-47-36PM-000_CustomizedView42969531335.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/Model-A/products/V2DJ_Full_73K.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/logo_ryme-music-130x42.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified assets/img/logo_ryme-music-vect-50x30.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
183 changes: 136 additions & 47 deletions index2.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -113,10 +113,9 @@
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
<div class="container px-20 px-lg-5">
<div class="container-fluid">
<a class="navbar-brand" href="#page-top" style="text-align: left;">
<span style='font-weight: 500;'>
VOYAGE</span>
<img src="assets/img/logo_ryme-music-130x42.png">
</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
Expand All @@ -140,18 +139,18 @@

<header
style="
padding-top: 5rem;
padding-top: 8rem;
padding-bottom: calc(10rem - 7.5rem);
">
<div class="container h-100">
<div class="container-fluid h-100">
<div class="row h-100 align-items-center justify-content-center text-center">
<div class="col-lg-12">
<span style="font-size: 40px;">VOYAGE</span>
<h1 style="font-size: x-large;">THE PORTABLE PIANO</h1>
<hr class="divider my-4" />
</div>
<div class="col-lg-12">
<img style="display: block !important; width: 100% !important;" src="assets/img/Piano-de-Voyage_3_Modules_on_table.jpg"/>
<img style="display: block !important; width: 100% !important;" src="assets/img/20231002_120618_v2.jpg"/>
</div>
</div>
</div>
Expand All @@ -161,39 +160,56 @@ <h1 style="font-size: x-large;">THE PORTABLE PIANO</h1>

<!-- About-->
<section class="page-section" id="about">
<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; 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>
<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 class="container">
<div class="row align-items-center justify-content-center">
<div class="col-lg-10 px-4">
<br>
<h2>Made for traveling</h2>
<p>
The Voyage is a modular, piano keyboard aimed at portability.<br>
A portable piano that will fit in your backpack or carry-on bag, which will become your ideal travel
companion. <br>
<br>
</p>
</div>
<div class="carousel-inner" style="background-color: #f4f1ea; max-height: 500px;">
<div class="carousel-item active">
<a href="#keys">
<img class="d-block" src="assets/img/Piano de Voyage_Full_73K_Keyboard_.jpg">
</a>
</div>
<div class="carousel-item">
<a href="#features">
<img class="d-block" src="assets/img/Piano de Voyage - back view 20231002_122503.jpg">
</a>
</div>

<div class="row align-items-center justify-content-center">
<div class="col-lg-10 px-4">
<div id="carousel" class="carousel carousel-dark carousel-fade" ride="false"
style="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>
<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 justify-content-center">
<div class="carousel-item active justify-content-center text-center">
<a href="#keys">
<img style="max-height: 500px; width:fit-content;" src="assets/img/Piano de Voyage_Full_73K_Keyboard_.jpg">
</a>
</div>
<div class="carousel-item justify-content-center text-center">
<a href="#features">
<img style="max-height: 500px; width:fit-content;" src="assets/img/Model-A/V2DJ_73_X-Stand.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>
</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>
</div>
</section>
Expand All @@ -203,6 +219,13 @@ <h1 style="font-size: x-large;">THE PORTABLE PIANO</h1>
<!-- About-->
<section class="page-section" id="about">
<div class="container">

<div class="row align-items-center justify-content-center text-center">
<div class="col-lg-10 px-4">
<img style="display: block !important; width: 100% !important;"
src="assets/img/forest/20231015_175807_Edit.jpeg" />
</div>
</div>
<div class="row align-items-center justify-content-center">
<div class="col-lg-10 px-4">
<br>
Expand All @@ -214,12 +237,6 @@ <h2>Made for traveling</h2>
</p>
</div>
</div>
<div class="row align-items-center justify-content-center text-center">
<div class="col-lg-10 px-4">
<img style="display: block !important; width: 100% !important;"
src="assets/img/forest/20231015_175807_Edit.jpeg" />
</div>
</div>
</div>
</section>

Expand All @@ -231,15 +248,87 @@ <h2>Made for traveling</h2>
<section class="page-section" id="about">
<div class="container">
<div class="row align-items-center justify-content-center text-center">
<div class="col-lg-12">
<br>
<h2>Available in three sizes</h2>
<p>
The Voyage is a modular, piano keyboard aimed at portability.<br>
A portable piano that will fit in your backpack or carry-on bag, which will become your ideal travel companion. <br>
</p>
<br><br>
<br><br>
</div>
</div>

<div class="row align-items-center justify-content-center " >
<div class="col-lg-10">
<img style="display: block !important; width: 100% !important;"
src="assets/img/forest/20231015_175807_Edit.jpeg" />
<style>
.modela88 {
height:100px;
background: url("assets/img/Model-A/products/V2DJ_88.jpg"); background-repeat:no-repeat;
background-size:contain;
}
.modela88:hover {
height:100px;
background: url("assets/img/Model-A/products/V2DJ_88D.jpg"); background-repeat:no-repeat;
background-size:contain;
}
</style>
<div class='modela88'></div>
<br>
<h3>Voyage Model-A 88 Keys</h3>
<p>
The Voyage is a modular, piano keyboard aimed at portability.<br>
A portable piano that will fit in your backpack or carry-on bag, which will become your ideal travel companion. <br>
</p>
<br><br>
<br><br>
</div>
</div>
<div class="row align-items-center justify-content-center">
<div class="col-lg-10 px-4">

<div class="row align-items-center justify-content-center " >
<div class="col-lg-10">
<style>
.modela73 {
height:100px;
background: url("assets/img/Model-A/products/V2DJ_73.jpg"); background-repeat:no-repeat;
background-size:contain;
}
.modela73:hover {
height:100px;
background: url("assets/img/Model-A/products/V2DJ_73D.jpg"); background-repeat:no-repeat;
background-size:contain;
}
</style>
<div class='modela73'></div>
<br>
<h2>Made for traveling</h2>
<h3>Voyage Model-A 73 Keys</h3>
<p>
The Voyage is a modular, piano keyboard aimed at portability.<br>
A portable piano that will fit in your backpack or carry-on bag, which will become your ideal travel companion. <br>
</p>
<br><br>
<br><br>
</div>
</div>

<div class="row align-items-center justify-content-center " >
<div class="col-lg-10">
<style>
.modela49 {
height:100px;
background: url("assets/img/Model-A/products/V2DJ_49.jpg"); background-repeat:no-repeat;
background-size:contain;
}
.modela49:hover {
height:100px;
background: url("assets/img/Model-A/products/V2DJ_49D.jpg"); background-repeat:no-repeat;
background-size:contain;
}
</style>
<div class='modela49'></div>
<br>
<h3>Voyage Model-A 49 Keys</h3>
<p>
The Voyage is a modular, piano keyboard aimed at portability.<br>
A portable piano that will fit in your backpack or carry-on bag, which will become your ideal travel companion. <br>
Expand Down

0 comments on commit 88beadc

Please sign in to comment.