spotify dashboard by @karenr - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

Referenze

<br>Inserisce uno spazio vuoto tra due elementi HTML.
<a>Inserisce link e collegamenti ipertestuali
dirnameInvia informazioni sulla direzione di scrittura da un elemento input
getDefinisce un metodo di invio di dati al server
<th>Definisce una cella di intestazione di una tabella HTML.
formSpecifica a quale form appartiene un elemento.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

pag. 2 progetto inf

curricculum Nicola Pochiero

INFORMATICA - ESERCIZIO 1 RISOLTO

Modern Space Invaders

Orologio Digitale

Ximena\'s hamburger

Generatore di Musica

Array of Colors

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<html>
  <head>
    <title> spotify dashboard </title>
  </head>

  <body>
<div id="main container"> 
<div class="header">
  <h1 class="szaheader">Sza </h1>
   </div>

<div class="pictures">
<h3 class="album"> Albums </h3>
<img src="https://upload.wikimedia.org/wikipedia/en/2/2c/SZA_-_S.O.S.png"class="pic1"> <h4> SOS</h4>
<img src="https://thefader-res.cloudinary.com/private_images/w_640,c_limit,f_auto,q_auto:eco/18645798_1468838703172906_5958142906920337408_n_tawr4r/sza-shares-ictrli-album-art.jpg"class="pic2"> <h4> CTRL</h4>
<img src="https://i.scdn.co/image/ab67616d0000b27332f1a3721efb2ddfb91b9c82"class="pic3"> <h4> Z</h4>
<img src="https://m.media-amazon.com/images/I/31CE2-dqxjL._UXNaN_FMjpg_QL85_.jpg"class="pic4"> <h4> Black Panther </h4>

  <h3 class="album"> Singles </h3>

</div>

<div class="single">
<img src="https://resources.tidal.com/images/3735b9c9/def9/49f7/ad08/adf1b4df0ce0/640x640.jpg" class="pic5"> <h4> Saturn </h4>
<img src="https://upload.wikimedia.org/wikipedia/en/thumb/9/9d/SZA_-_Kill_Bill_%28Remix%29.png/220px-SZA_-_Kill_Bill_%28Remix%29.png" class="pic6"> <h4>Kill Bill(feat. Doja Cat)</h4>
<img src="https://static.stereogum.com/uploads/2023/09/Jean-Dawson-No-SZNs-1695391650.jpeg" class="pic7"> <h4>NO SZNS</h4>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSrIhiVi7WwAA2trE6YdPMNVUqvrAgeaVlTfQ&s" class="pic8" > <h4>Snooze(Acoustic)(feat. Justin Bieber)</h4>
<img src="https://i1.sndcdn.com/artworks-BZwxAqJ6bEjq-0-t500x500.jpg" class="pic9"> <h4> Slime You Out</h4>





</div>
<footer class="bottom">
<p>Link to sza's spotify page below </p>
<a href="https://open.spotify.com/artist/7tYKF4w9nC0nq9CsPZTHyP"> Sza spotify<a>
 


</footer>
</div>
  </body>
</html>

.header{
background-image:url("https://www.abouther.com/sites/default/files/2021/08/16/sza-new.jpg") ;
width:97%;
height:100px;
padding:70px;
border:5px solid black;
}

.szaheader{
 color:white;
 font-size: 65px;
 position: absolute;
 left:35;

}

body{
background-color: #765A35;
font-family:'Courier New', Courier, monospace;
font-size: large;

}

.pic1, .pic2, .pic3, .pic4, .pic5, .pic6, .pic7, .pic8, .pic9{
  width:150px;
  height:150px;
  position:relative;
  margin-right:5px;
  

}




.album{
  color:white;


}

.bottom{
  background-color:rgb(210, 167, 129);
  width:100%;
  height:90px;
}