HTMLify

index.html
Views: 33 | Author: light
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Favorite Anime List</title>
    <link rel="stylesheet" href="styles.css">
<style>
    body {
    margin: 0px;
    background-color: whitesmoke;
}

.logo {
    width: 40px;
}

h1 {
    background-color: rgb(125, 78, 169);
    color: bisque;
}

div {
    font-size: 40px;
   background-color: aliceblue;

   border-style: solid;
   border-width: 3px;
   border-color: black;
   border-radius: 5px;
   padding: 10px;
   margin: 10px;
}
.anime{
    width: 80px;
   
    border-style: solid;
    border-radius: 10px;
  

}
</style>
</head>
<body>
    <h1>
        <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRl2xNjQWREGPYFGbrqNiRaHWenOpIt4zpFIg&s" alt="" class="logo">
        My Anime List</h1>
       
 <span>
    <div>
       
        One Piece
        <img src="https://wallpapers.com/images/high/awesome-one-piece-film-red-teaser-1mw866lrqklhunj5.webp" alt="" class="anime">
    </div>
    <div>
        
        Naruto
        <img src="https://wallpapers.com/images/high/yellow-naruto-800-x-1373-g9pxcaca9nf5l94v.webp" alt="" class="anime">
       
    </div>
        
    <div>
   
        Hell Paradise
        <img src="https://wallpapers.com/images/high/hells-paradise-manga-cast-splash-art-rp0g21ootjsneui9.webp" alt="" class="anime">
    </div>
 </span>
</body>
</html>

Comments