<!doctype html>
<html lang="en">
<head>
<title>Its Off To Work We Go</title>
<meta name="description" content="I feel so pretty :D">
<meta name="author" content="Simon Gilbert">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="CSS/Style.css" rel="stylesheet">
<!-- LEARN THIS ASAP Bootstrap CSS -->
<link rel="stylesheet" href="[URL]https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css[/URL]" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="[URL]https://code.jquery.com/jquery-3.2.1.slim.min.js[/URL]" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="[URL]https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js[/URL]" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="[URL]https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js[/URL]" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script type="text/javascript">
$('.carousel').carousel({
interval: 2000
})
</script>
</head>
<body>
<!-- Top Container Start -->
<div class="container">
<nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>
</div>
<!-- Top Container End -->
<!-- Slider Start -->
<div id="slider">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class=""></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1" class=""></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2" class="active"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="Images/SlideOne.jpeg">
<div class="carousel-caption d-none d-md-block">
<h5>Slide one</h5>
<p>One our Way Baby</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="Images/SlideTwo.jpeg">
<div class="carousel-caption d-none d-md-block">
<h5>Slide Two</h5>
<p>Just Amazing</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="Images/SlideThree.jpeg">
<div class="carousel-caption d-none d-md-block">
<h5>Slide Three</h5>
<p>Now im showing off</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<!-- Slider End -->
<div class="container">
<div class="row">
<div class="col">
<form>
<div class="form-row align-items-center">
<div class="col-11">
<label class="sr-only" for="inlineFormInputName">Enter your email</label>
<input type="text" class="form-control" id="inlineFormInputName" placeholder="Enter your email and sign up">
</div>
<div class="col-1">
<button type="submit" class="btn btn-primary">Sign up</button>
</div>
</div>
</form>
</div>
</div><!-- end of row -->
<div class="row">
<div class="col">
<div class="card-deck">
<div class="card">
<img class="card-img-top" src="Images/SlideOne.jpeg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 3 mins ago</small>
</div>
</div>
<div class="card">
<img class="card-img-top" src="Images/SlideTwo.jpeg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 3 mins ago</small>
</div>
</div>
<div class="card">
<img class="card-img-top" src="Images/SlideThree.jpeg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</p>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 3 mins ago</small>
</div>
</div>
</div>
</div>
</div><!-- end of row -->
<div class="row">
<div class="col-12">
<h1>Little Bit of checky Lorem ipsum</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida finibus risus vitae sagittis. Praesent magna purus, fringilla eu viverra ac, tempor at ex. Donec quis lacus nibh. Mauris fermentum eleifend quam sit amet ultrices. In feugiat, risus non imperdiet pharetra, ex dolor dictum dolor, eget rhoncus orci tortor vel nisl. Sed vulputate lectus vel hendrerit malesuada. Integer id justo congue mi porta interdum non sit amet libero. Aliquam congue purus quis ultrices tincidunt. Quisque egestas odio libero, et auctor urna luctus id. Maecenas interdum consectetur enim, facilisis tempus nisl tincidunt non.
Vivamus facilisis bibendum vulputate. Sed finibus, ipsum vitae pharetra mollis, quam erat sodales purus, sit amet tempus mi diam eu augue. Sed lobortis dignissim ipsum, nec condimentum erat elementum vitae. Praesent justo eros, sagittis quis cursus a, dapibus sed leo. Etiam mi diam, aliquam sed neque auctor, hendrerit molestie justo. Fusce maximus velit risus. Phasellus non tempus urna. Phasellus risus arcu, pellentesque in justo vitae, condimentum eleifend diam. Curabitur at felis sit amet justo viverra fermentum accumsan cursus arcu. Aenean dictum velit leo, ac congue augue vulputate non. Nullam eu lacus in tortor ornare fermentum.
</p>
</div>
</div><!-- end of row -->
</div><!-- end of container -->
<footer class="footer card-footer">
<div class="container">
<span class="text-muted">Created By Simon Gilbert :D.</span>
</div>
</footer>
</body>
</html>