coding tuttorial on October 16, 2021 Get link Facebook Twitter Pinterest Email Other Apps How to Create A Glass Website with HTML & CSS Tutorial | Step-by-Step Tutorial. HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>New Glass Look Website Design</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="main"> <div class="glass"> <div class="dashboard"> <div class="user"> <img src="iron-man-8724.png" alt=""> <h3>Iron Man</h3> <p>Gaming Site</p> </div> <div class="links"> <div class="link"> <img src="streams.png" alt=""> <h2>Streams</h2> </div> <div class="link"> <img src="Games.png" alt=""> <h2>Streams</h2> </div> <div class="link"> <img src="New.png" alt=""> <h2>Streams</h2> </div> <div class="link"> <img src="Library.png" alt=""> <h2>Streams</h2> </div> </div> <div class="pro"> <h2>Join pro for free games</h2> <img src="controller.png" alt=""> </div> </div> <div class="games"> <h1>New Games</h1> <div class="status"> <input type="text"> </div> <div class="cards"> <div class="card"> <img src="pubg-10166.png" alt=""> <div class="card-info"> <h2>pubg</h2> <p>Smartphones, pc and ps5</p> <div class="progress"></div> </div> <h2 class="percentage">70%</h2> </div> <div class="card"> <img src="spiderman-10239.png" alt=""> <div class="card-info"> <h2>Spiderman</h2> <p>Smartphones, pc and ps5</p> <div class="progress"></div> </div> <h2 class="percentage">70%</h2> </div> <div class="card"> <img src="assassins-creed-22713.png" alt=""> <div class="card-info"> <h2>assassins-creed</h2> <p>Smartphones, pc and ps5</p> <div class="progress"></div> </div> <h2 class="percentage">70%</h2> </div> </div> </div> </div> <div class="circle1"></div> <div class="circle2"></div> </div> </body> </html> <!-- For html part is end now we decorating css part --> Comments
Comments
Post a Comment