VOLVER
NOTAS
Close
texto. texto, texto
texto. texto, texto
×
DIGI
Projects
Atelier
Run ❯
<!DOCTYPE html> <html lang="en" > <head> <style> input{ width: 900px !important; } section{ margin-top: 15px; width: 25%; } ul{ list-style-type: none; padding-left: 15px; display: flex; flex-direction: column; margin:5px; } li{ padding-bottom: 20px; } img{ margin: 10px; } .main-card{ width: 75%; height: 100%; } .row{ display: flex; justify-content: center; justify-content: space-between; } .container2{ display:flex; } .cardimg{ justify-content: contain; width:250px; height:200px; } .btngroup{ margin:10px; } </style> </head> <body> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"></script> <!-- nav --> <nav class="navbar navbar-expand-lg navbar-light bg-light"> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="search"> <form class="form-inline my-2 my-lg-0"> <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search"> <button id="search" class="btn btn-outline-success my-2 my-sm-0" type="submit"> </button> </form> </div> </div> </nav> <!-- end nav --> <div class="btngroup" role="group" aria-label="Basic example"> <button type="button" class="btn btn-secondary">Gaming</button> <button type="button" class="btn btn-secondary">Sports</button> <button type="button" class="btn btn-secondary">XBOX</button> <button type="button" class="btn btn-secondary">Ps4</button> <button type="button" class="btn btn-secondary">Eating</button> <button type="button" class="btn btn-secondary">Hauls</button> <button type="button" class="btn btn-secondary">Editing</button> <button type="button" class="btn btn-secondary">Fortnite</button> <button type="button" class="btn btn-secondary">Pop music</button> <button type="button" class="btn btn-secondary">Visuals</button> </div> <div class="container2"> <!-- side column --> <div class="section"> <ul> <li><img src=""/>Home</li> <li><img src=""/>Trending</li> <li><img src=""/> Subscriptions</li> <li><img src=""/> Originals</li> <li><img src=""/>Library</li> <li> <img src=""/>History</li> <li><img src=""/>Your Videos</li> <li><img src=""/>Purchases</li> <li><img src=""/>Watch Later</li> <li><img src=""/>Show More</li> </ul> </div> <!-- end side column --> <!-- main card section --> <div class="main-card"> <div class="row"> <div class="card" style="width: 18rem;"> <img class="cardimg" src="img/giphy.webp" class="card-img-top" alt="..."> <div class="card-body"> <h5 class="card-title">Need for Speed Payback</h5> <p class="card-text">Need For Speed Playback-Trailer(Snippet)</p> <a href="https://www.netflix.com/title/80027042" ></a> </div> </div> <div class="card" style="width: 18rem;"> <img class="cardimg" src="img/200.gif" class="card-img-top" alt="..."> <div class="card-body"> <h5 class="card-title">Crash Bandicoot</h5> <p class="card-text">Will this Be the End Of Crash Bandicoot. Tune in to this video to find out more!!!</p> <a href="https://www.netflix.com/title/80027042"> </a> </div> </div> <div class="card" style="width: 18rem;"> <img class="cardimg" src="img/400.gif" class="card-img-top" alt="..."> <div class="card-body"> <h5 class="card-title">Rainbow Six Seige</h5> <p class="card-text">New Operators in Rainbow Six Seige. Tune in to find out more.!!</p> <a href="https://www.netflix.com/title/80027042"> </a> </div> </div> <hr style="height:2px;border-width:0;"> </div> <div class="row"> <div class="card" style="width: 18rem;"> <img class="cardimg" src="img/tenor.gif" class="card-img" alt="..."> <div class="card-body"> <h5 class="card-title">Nba 2k21</h5> <p class="card-text">Pre-Order your copy of 2k21 For Next gen NOW!!!!.</p> <a href="https://en.wikipedia.org/wiki/Flash_(DC_Comics_character)"> </a> </div> </div> <div class="card" style="width: 18rem;"> <img src="img/600.gif" class="card-img-top" alt="..."> <div class="card-body"> <h5 class="card-title">Modern Warfare</h5> <p class="card-text">DROP IN TODAY! DOUBLE XPPP WEEKEND!!!!</p> <a href="https://en.wikipedia.org/wiki/Flash_(DC_Comics_character)"> </a> </div> </div> <div class="card" style="width: 18rem;"> <img class="cardimg" src="img/giphy-2.webp" class="card-img-top" alt="..."> <div class="card-body"> <h5 class="card-title">Fortnite</h5> <p class="card-text">Tune into FORTNITE now!!! NEW FORTNITEMARES!!! TIME TO GET SPOOKY!!!</p> <a href="https://en.wikipedia.org/wiki/Flash_(DC_Comics_character)"> </a> </div> </div> </div> <!-- end card section --> </div> </body> </html>