0% found this document useful (0 votes)
32 views6 pages

DOCTYPE HTML

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.

Uploaded by

deejvrhb
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
32 views6 pages

DOCTYPE HTML

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.

Uploaded by

deejvrhb
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 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