Scribd Logo
Upload

Welcome to Scribd!

  • DOCTYPE HTML

    Uploaded by

    deejvrhb
    7 views6 pages
    This document is a website for a bootcamp that teaches web development. The navigation bar at the top links to pages about what is taught, frequently asked questions, and the instructors. The hero section promotes becoming a web developer and has a button to enroll. There is a signup form for a newsletter. Three boxes provide more information about virtual learning opportunities with buttons to read more.

    Original Description:

    Original Title

    DOCTYPE html

    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
    This document is a website for a bootcamp that teaches web development. The navigation bar at the top links to pages about what is taught, frequently asked questions, and the instructors. The hero section promotes becoming a web developer and has a button to enroll. There is a signup form for a newsletter. Three boxes provide more information about virtual learning opportunities with buttons to read more.

    Copyright:

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

    DOCTYPE HTML

    Uploaded by

    deejvrhb
    This document is a website for a bootcamp that teaches web development. The navigation bar at the top links to pages about what is taught, frequently asked questions, and the instructors. The hero section promotes becoming a web developer and has a button to enroll. There is a signup form for a newsletter. Three boxes provide more information about virtual learning opportunities with buttons to read more.

    Copyright:

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

    <!

    DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>BOOT-CAMP WEBSITE</title>

    <link rel="stylesheet" type="text/css" href="style.css">

    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">

    <script type="js/bootstrap.min.js"></script>

    </head>

    <body>

    <!---Navigation---->

    <nav class="navbar navbar-expand-lg bg-dark navbar-dark py-3 fixed-top">

    <div class="container">

    <a href="#" class="navbar-brand"> BOOT-CAMP WEBSITE</a>

    <button class="navbar-toggler" type="button" data-bs-toggle="collapse"

    data-bs-target="#navmenu">

    <span class="navbar-toggler-icon"></span>

    </button>

    <div class="collapse navbar-collapse" id="navmenu">

    <ul class="navbar-nav ms-auto">

    <li class="nav-item">

    <a href="#learn" class="nav-link"> What You'll Learn </a>

    </li>

    <li class="nav-item">

    <a href="#questions" class="nav-link"> Questions</a>


    </li>

    <li class="nav-item">

    <a href="#instructors" class="nav-link"> Instructors</a>

    </li>

    </ul>

    </div>

    </div>

    </nav>

    <!---hero---->

    <section class="bg-dark text-light p-5 p-lg-0 pt-lg-5 text-center text-sm-start">

    <div class="container">

    <div class="d-sm-flex align-items-center justify-content-between">

    <div>

    <h1> Become a <span class="text-warning"> Web


    Developer</span></h1>

    <p class="lead my-4">

    We focus on teaching our students the fundamentals of latest


    and greatest

    technologies to prepare them for their first dev role </p>

    <button class="btn btn-primary btn-lg" data-bs-toggle="model"


    data-bs-target="#enroll"> Start the Enrollment</button>

    </div>
    <img class="img-fluid w-50 d-done d-sm-block" src="img/showcase.svg"
    alt="">

    </div>

    </div>

    </section>

    <!----subscribe---->

    <section class="bg-primary text-light p-5">

    <div class="container">

    <div class="d-md-flex justify-content-between align-items-center">

    <h3 class="mb-3 mb-md-0"> Sign Up For Our Newletter</h3>

    <div class="input-group news-input">

    <input type="text" class="form-control" placeholder="enter


    email" name=""/>

    <button class="btn btn-dark btn-lg"


    type="button">Submit</button>

    </div>

    </div>

    </div>

    </section>

    <!---boxes--->

    <section class="p-5">

    <div class="container">

    <div class="row text-center g-4">


    <div class="col-md">

    <div class="card bg-dark text-light">

    <div class="card-body text-center">

    <div class="h1 mb-3">

    <i class="bi bi-laptop"></i>

    </div>

    <h3 class="card-title mb-3"> Virtual</h3>

    <p class="card-text">

    Lorem ipsum dolor sit amet, consectetur


    adipisicing elit, sed do eiusmod

    </p>

    <a href="#" class="btn btn-primary"> Read More</a>

    </div>

    </div>

    </div>

    <div class="col-md">

    <div class="card bg-secondary text-light">

    <div class="card-body text-center">

    <div class="h1 mb-3">

    <i class="bi bi-laptop"></i>

    </div>

    <h3 class="card-title mb-3"> Virtual</h3>

    <p class="card-text">

    Lorem ipsum dolor sit amet, consectetur


    adipisicing elit, sed do eiusmod
    </p>

    <a href="#" class="btn btn-dark"> Read More</a>

    </div>

    </div>

    </div>

    <div class="col-md">

    <div class="card bg-dark text-light">

    <div class="card-body text-center">

    <div class="h1 mb-3">

    <i class="bi bi-laptop"></i>

    </div>

    <h3 class="card-title mb-3"> Virtual</h3>

    <p class="card-text">

    Lorem ipsum dolor sit amet, consectetur


    adipisicing elit, sed do eiusmod

    </p>

    <a href="#" class="btn btn-primary"> Read More</a>

    </div>

    </div>

    </div>

    </div>
    </div>

    </section>

    </section>

    </body>

    </html>

    You might also like