Scribd Logo
Upload

Welcome to Scribd!

  • Bootstrap Code

    Uploaded by

    Lavanya Dani
    7 views6 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    7 views6 pages

    Bootstrap Code

    Uploaded by

    Lavanya Dani

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 6

    <!

    DOCTYPE html>
    <html>
    <head>
    <title></title>
    <link rel="stylesheet" type="text/css"
    href="css/bootstrap.css">

    </head>
    <body>
    <div class="container-fluid">
    <div class="row">
    <div class="col-md-3">
    <img src="cvru.png" class="img-fluid">
    </div>
    <div class="col-md-9">Menu</div>
    </div>
    <div class="row">
    <div class="col-md-12">
    <img src="slide.jpg" class="img-fluid">
    </div>
    </div>
    <div class="row bg-warning">
    <div class="col-md-2">Notice Board
    </div>
    <div class="col-md-10"></div>
    </div>
    <div class="row">
    <div class="col-md-3 bg-
    info">Admission<br><br><br><br></div>
    <div class="col-md-3 bg-
    success">Downloads<br><br><br><br>
    </div>
    <div class="col-md-3 bg-primary">Training &
    Placement<br><br><br><br>
    </div>
    <div class="col-md-3 bg-secondary">Important
    Links<br><br><br><br></div>
    </div>
    <div class="row">
    <div class="col-md-8"><img src="banner.jpg"
    class="img-fluid"></div>

    <div class="col-md-4">Important links</div>


    </div>
    <div class="row">
    <div class="col-md-4">
    <iframe width="100%" height="315"
    src="https://www.youtube.com/embed/gaM28bS_xHg"
    title="YouTube video player" frameborder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-
    media; gyroscope; picture-in-picture; web-share"
    allowfullscreen></iframe>
    </div>
    <div class="col-md-4">
    <iframe width="100%" height="315"
    src="https://www.youtube.com/embed/irqbmMNs2Bo"
    title="YouTube video player" frameborder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-
    media; gyroscope; picture-in-picture; web-share"
    allowfullscreen></iframe>
    </div>
    <div class="col-md-4">
    <iframe width="100%" height="315"
    src="https://www.youtube.com/embed/eKqY-oP1d_Y"
    title="YouTube video player" frameborder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-
    media; gyroscope; picture-in-picture; web-share"
    allowfullscreen></iframe>
    </div>
    <div class="row">
    <div class="col-md-3">
    <img src="labs.jpg" class="img-fluid">
    </div>
    <div class="col-md-3">
    <img src="labs.jpg" class="img-fluid">
    </div>
    <div class="col-md-3">
    <img src="Hostel.jpg"
    class="img-fluid">
    </div>
    <div class="col-md-3">
    <img src="Gallery.jpg" class="img-
    fluid">
    </div>

    </div>
    <div class="row">
    <div class="col-md-4">
    <i class="fa-sharp fa-solid fa-calendar-
    days"></i>
    </div>
    <div class="col-md-4"></div>
    <div class="col-md-4"></div>

    </div>

    </div>
    </div>
    </body>

    </html>

    You might also like