Finishing the design and adding images.

This commit is contained in:
Tristan Roux
2019-01-20 01:34:40 +01:00
parent 1381020f15
commit 6af6d9d39e
4 changed files with 37 additions and 23 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 114 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 130 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 149 KiB

+37 -23
View File
@@ -14,7 +14,7 @@
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div id="nav" style="height: 56px;"></div>
<header id="nav" style="height: 56px;"></header>
<main role="main">
<div class="container-fluid cover" style="background-image: url(../drawables/MusicApp/Header.jpg);">
@@ -37,28 +37,42 @@
<br/><br/>You can also keep a playlist synced. So every update made to the youtube playlist will be applyed to your downloaded playlist.</p>
</div>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="row align-items-center">
<div class="col-md-6 mx-auto p-1 p-md-4 section-img">
<img src="../drawables/MusicApp/icon.png" />
</div>
<div class="col-md-6 text-center text-md-right">
<h2>Chromecast <span class="badge badge-primary">Beta</span></h2>
<p>Controls playback with multiples devices all around your house. Don't let your friends fight again for the control of the bluetooth speaker.</p>
</div>
</div>
<hr>
<div class="row align-items-center text-center pt-3 pb-3">
<div class="col">
<h2>Autoplay</h2>
<img height="260" src="../drawables/MusicApp/Autoplay.jpg" />
<p class="pt-4">Don't know what you want to play next? Don't worry, the app will choose for you.</p>
</div>
<div class="col">
<h2>Song mixes</h2>
<p>Play songs whitch are similar to the one you are playing. Kinda like youtube mixes.</p>
</div>
<div class="col">
<h2>Artist mixes</h2>
<img height="260" src="../drawables/MusicApp/Artist-Mixes.jpg" />
<p class="pt-4">Create a mixes of songs made of a particular artists.</p>
</div>
</div>
<hr>
<div class="row align-items-center">
<div class="col-md-6 text-center text-md-left">
<h2>Edit metadata</h2>
<p>Edit manually metadata for your downloaded songs or download metadata directly from youtube.</p>
</div>
<div class="col-md-6 order-md-1 mx-auto section-img">
<img class="img-fluid" style="max-height: 35rem;" src="../drawables/MusicApp/EditMetadata.jpg" />
</div>
</div>
</div>
</main>