Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/tynanpurdy/bootstrap. Learning project for custom web and eventual portfolio page
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899<!DOCTYPE html><html lang="en"><head>
<title>Tynan Purdy</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="bootstrap/css/bootstrap.css"> <link rel="stylesheet" type="text/css" href="index.css"> <link rel="stylesheet" type="text/css" href="style.css">
</head><body>
<nav class="navbar navbar-expand-md"> <a class="navbar-brand" href="#">TYNAN <strong>PURDY</strong></a> <button class="navbar-toggler navbar-dark" type="button" data-toggle="collapse" data-target="#main-navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="main-navigation"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="#">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="#">About</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Contact</a> </li> </ul> </div> </nav>
<header class="parallax-window page-header header container-fluid" data-parallax="scroll" data-image-src="imgs/header-background.jpg"> <div class="overlay"></div> <div class="description"> <h1>TYNAN <strong>PURDY</strong></h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque interdum quam odio, quis placerat ante luctus eu. Sed aliquet dolor id sapien rutrum, id vulputate quam iaculis. Suspendisse consectetur mi id libero fringilla, in pharetra sem ullamcorper.</p> <button class="btn btn-outline-secondary btn-lg">Tell Me More!</button> </div> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"> <polygon fill="white" points="0,100 100,0 100,100"/> </svg> </header>
<div class="container features"> <div class="row"> <div class="col-lg-4 col-md-4 col-sm-12"> <h3 class="feature-title">Lorem ipsum</h3> <img src="imgs/column-1.jpg" class="img-fluid"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque interdum quam odio, quis placerat ante luctus eu. Sed aliquet dolor id sapien rutrum, id vulputate quam iaculis.</p> </div> <div class="col-lg-4 col-md-4 col-sm-12"> <h3 class="feature-title">Lorem ipsum</h3> <img src="imgs/column-1.jpg" class="img-fluid"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque interdum quam odio, quis placerat ante luctus eu. Sed aliquet dolor id sapien rutrum, id vulputate quam iaculis.</p> </div> <div class="col-lg-4 col-md-4 col-sm-12"> <h3 class="feature-title">Get in Touch!</h3> <div class="form-group"> <input type="text" class="form-control" placeholder="Name" name=""> </div> <div class="form-group"> <input type="email" class="form-control" placeholder="Email Address" name="email"> </div> <div class="form-group"> <textarea class="form-control" rows="4"></textarea> </div> <input type="submit" class="btn btn-secondary btn-block" value="Send" name=""> </div> </div> </div>
<footer class="page-footer"> <div class="container"> <div class="row"> <div class="col-lg-8 col-md-8 col-sm-12"> <h3 class="text-uppercase font-weight-bold">Additional Information</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque interdum quam odio, quis placerat ante luctus eu. Sed aliquet dolor id sapien rutrum, id vulputate quam iaculis.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque interdum quam odio, quis placerat ante luctus eu. Sed aliquet dolor id sapien rutrum, id vulputate quam iaculis.</p> </div> <div class="col-lg-4 col-md-4 col-sm-12"> <h3 class="text-uppercase font-weight-bold">Contact</h6> <p>42 Clarendon Ave, Avondale Estates, Georgia <br/>tynanpurdy@gmail.com <br/>404 408 5556 </div> </div> <div class="footer-copyright text-center">© 2019 Copyright: tynanpurdy.com</div> </footer>
<script src="bootstrap/jquery-3.4.1.min.js"></script> <script src="bootstrap/js/bootstrap.min.js"></script> <script src="bootstrap/parallax.js"></script> <script src="main.js"></script></body></html>