Etudes/ENSIM/Java/tp-deezer3-squelette/47685332.html

67 lines
9.1 KiB
HTML
Raw Normal View History

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><head><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"></link><script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script></head></head><body><body><div><nav style="background-color: #3A3A3A">
<div class="nav-wrapper">
<a href="#" class="brand-logo">Shaka Ponk</a>
</div>
</nav></div><div class="container"><div class="row"><div class="col s12 m6"> <div class="card blue-grey darken-1">
<div class="card-content white-text">
<ul class="collection with-header blue-grey darken-1">
<li class="collection-header blue-grey darken-1"> <div> <img class="responsive-img circle" style="max-height: 50px; max-width: 50px" src="http://api.deezer.com/2.0/album/47685332/image"> <span class="card-title" style="display: inline-block;">The Evol<6F></span>
</div> </li>
<li class="collection-item blue-grey darken-1"><span>Gung Ho</span><audio controls style="display: block"> <source src="http://cdn-preview-a.deezer.com/stream/c-abbf47cd151375ceee9a5d3835545268-4.mp3" type="audio/mpeg"></li>
<li class="collection-item blue-grey darken-1"><span>Fear Ya</span><audio controls style="display: block"> <source src="http://cdn-preview-f.deezer.com/stream/c-f2ff0cdc8bd8e4764f59d36ccf996d7c-4.mp3" type="audio/mpeg"></li>
<li class="collection-item blue-grey darken-1"><span>Faking Love</span><audio controls style="display: block"> <source src="http://cdn-preview-f.deezer.com/stream/c-fcb2d52821e6c04143c1f22e69d428b6-4.mp3" type="audio/mpeg"></li>
<li class="collection-item blue-grey darken-1"><span>Bunker</span><audio controls style="display: block"> <source src="http://cdn-preview-f.deezer.com/stream/c-fcf5ccb3299d1a1704830381fdab640c-4.mp3" type="audio/mpeg"></li>
<li class="collection-item blue-grey darken-1"><span>On Fire</span><audio controls style="display: block"> <source src="http://cdn-preview-4.deezer.com/stream/c-4e49a416fde18e3d9f279d9d8abefaac-3.mp3" type="audio/mpeg"></li>
<li class="collection-item blue-grey darken-1"><span>Summer Camp</span><audio controls style="display: block"> <source src="http://cdn-preview-c.deezer.com/stream/c-c2faa52ad956a3f43c1eb9a0dd513b60-3.mp3" type="audio/mpeg"></li>
<li class="collection-item blue-grey darken-1"><span>Wrong Side</span><audio controls style="display: block"> <source src="http://cdn-preview-d.deezer.com/stream/c-df381a09642648d8366cb0599876861a-4.mp3" type="audio/mpeg"></li>
<li class="collection-item blue-grey darken-1"><span>Wataman</span><audio controls style="display: block"> <source src="http://cdn-preview-9.deezer.com/stream/c-95f2985340a37fc548e7d9ee59db221b-3.mp3" type="audio/mpeg"></li>
<li class="collection-item blue-grey darken-1"><span>Slam & Slam'Ed (feat. Edouard Baer)</span><audio controls style="display: block"> <source src="http://cdn-preview-e.deezer.com/stream/c-e78585cc5b14ad6b0722ac5155414ce5-3.mp3" type="audio/mpeg"></li>
<li class="collection-item blue-grey darken-1"><span>Rusty Fonky</span><audio controls style="display: block"> <source src="http://cdn-preview-e.deezer.com/stream/c-ee21b7bada5a57f30d22f2fc62b06ddf-5.mp3" type="audio/mpeg"></li>
<li class="collection-item blue-grey darken-1"><span>Share a Line</span><audio controls style="display: block"> <source src="http://cdn-preview-2.deezer.com/stream/c-23bb98abf95e1615764b974d1c091bb8-5.mp3" type="audio/mpeg"></li>
<li class="collection-item blue-grey darken-1"><span>Mysterious Ways</span><audio controls style="display: block"> <source src="http://cdn-preview-f.deezer.com/stream/c-f9924ab2fff9b4c5e9a133cadbbf191e-4.mp3" type="audio/mpeg"></li>
</div></div></div><div class="col s12 m6"> <div class="card blue-grey darken-1">
<div class="card-content white-text">
<ul class="collection with-header blue-grey darken-1">
<li class="collection-header blue-grey darken-1"> <div> <img class="responsive-img circle" style="max-height: 50px; max-width: 50px" src="http://api.deezer.com/2.0/album/1121440/image"> <span class="card-title" style="display: inline-block;">The Geeks And The Jerkin' Socks</span>
</div> </li>
</div></div></div></div><div class="row"><div class="col s12 m6"> <div class="card blue-grey darken-1">
<div class="card-content white-text">
<ul class="collection with-header blue-grey darken-1">
<li class="collection-header blue-grey darken-1"> <div> <img class="responsive-img circle" style="max-height: 50px; max-width: 50px" src="http://api.deezer.com/2.0/album/7529289/image"> <span class="card-title" style="display: inline-block;">The White Pixel Ape (Smoking Isolate to Keep in Shape)</span>
</div> </li>
</div></div></div><div class="col s12 m6"> <div class="card blue-grey darken-1">
<div class="card-content white-text">
<ul class="collection with-header blue-grey darken-1">
<li class="collection-header blue-grey darken-1"> <div> <img class="responsive-img circle" style="max-height: 50px; max-width: 50px" src="http://api.deezer.com/2.0/album/625593/image"> <span class="card-title" style="display: inline-block;">Bad Porn Movie Trax</span>
</div> </li>
</div></div></div></div><div class="row"><div class="col s12 m6"> <div class="card blue-grey darken-1">
<div class="card-content white-text">
<ul class="collection with-header blue-grey darken-1">
<li class="collection-header blue-grey darken-1"> <div> <img class="responsive-img circle" style="max-height: 50px; max-width: 50px" src="http://api.deezer.com/2.0/album/8910295/image"> <span class="card-title" style="display: inline-block;">The Black Pixel Ape (Drinking Cigarettes to Take a Break) [Deezer Edition]</span>
</div> </li>
</div></div></div><div class="col s12 m6"> <div class="card blue-grey darken-1">
<div class="card-content white-text">
<ul class="collection with-header blue-grey darken-1">
<li class="collection-header blue-grey darken-1"> <div> <img class="responsive-img circle" style="max-height: 50px; max-width: 50px" src="http://api.deezer.com/2.0/album/7084004/image"> <span class="card-title" style="display: inline-block;">Monkeys in Bercy</span>
</div> </li>
</div></div></div></div><div class="row"><div class="col s12 m6"> <div class="card blue-grey darken-1">
<div class="card-content white-text">
<ul class="collection with-header blue-grey darken-1">
<li class="collection-header blue-grey darken-1"> <div> <img class="responsive-img circle" style="max-height: 50px; max-width: 50px" src="http://api.deezer.com/2.0/album/56633592/image"> <span class="card-title" style="display: inline-block;">Smells Like Teen Spirit</span>
</div> </li>
</div></div></div><div class="col s12 m6"> <div class="card blue-grey darken-1">
<div class="card-content white-text">
<ul class="collection with-header blue-grey darken-1">
<li class="collection-header blue-grey darken-1"> <div> <img class="responsive-img circle" style="max-height: 50px; max-width: 50px" src="http://api.deezer.com/2.0/album/637662/image"> <span class="card-title" style="display: inline-block;">Loco Con Da Frenchy Talkin' (Recycled version 2009)</span>
</div> </li>
</div></div></div></div><div class="row"><div class="col s12 m6"> <div class="card blue-grey darken-1">
<div class="card-content white-text">
<ul class="collection with-header blue-grey darken-1">
<li class="collection-header blue-grey darken-1"> <div> <img class="responsive-img circle" style="max-height: 50px; max-width: 50px" src="http://api.deezer.com/2.0/album/43199651/image"> <span class="card-title" style="display: inline-block;">ApeTizer - EP</span>
</div> </li>
</div></div></div><div class="col s12 m6"> <div class="card blue-grey darken-1">
<div class="card-content white-text">
<ul class="collection with-header blue-grey darken-1">
<li class="collection-header blue-grey darken-1"> <div> <img class="responsive-img circle" style="max-height: 50px; max-width: 50px" src="http://api.deezer.com/2.0/album/7327738/image"> <span class="card-title" style="display: inline-block;">Wanna Get Free - Single</span>
</div> </li>
</div></div></div></div></div></body></body></html>