90 lines
3.4 KiB
HTML
90 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<!-- CSS only -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
|
|
<link href="css/style.css" rel="stylesheet">
|
|
|
|
<title>Joshua Ashton</title>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Navigation -->
|
|
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
|
<a class="navbar-brand" href="www.joshuaashton.com">Josh Ashton</a>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav">
|
|
<a class="nav-link" target="_blank" href="tables">
|
|
<li class="nav-item">YouTube Video Page</li>
|
|
</a>
|
|
<a class="nav-link" target="_blank" href="image-map">
|
|
<li class="nav-item">Mappin' It</li>
|
|
</a>
|
|
<a class="nav-link" target="_blank" href="superheroes">
|
|
<li class="nav-item">Super Heroes Page</li>
|
|
</a>
|
|
<a class="nav-link" target="_blank" href="little-boxes">
|
|
<li class="nav-item">Little Boxes</li>
|
|
</a>
|
|
<a class="nav-link" target="_blank" href="horizontal-menu">
|
|
<li class="nav-item">Horizontal Menu</li>
|
|
</a>
|
|
<a class="nav-link" target="_blank" href="js-birthday">
|
|
<li class="nav-item">Happy Birthday JS</li>
|
|
</a>
|
|
<a class="nav-link" target="_blank" href="lottery">
|
|
<li class="nav-item">Lottery Number Generator</li>
|
|
</a>
|
|
<a class="nav-link" target="_blank" href="mad-libs">
|
|
<li class="nav-item">Mad Libs</li>
|
|
</a>
|
|
<a class="nav-link" target="_blank" href="tic-tac-toe">
|
|
<li class="nav-item">Tic Tac Toe</li>
|
|
</a>
|
|
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="container" id="splash">
|
|
|
|
<h1>Hi, I'm Josh Ashton.</h1>
|
|
|
|
<h2>I'm a CS student at Salt Lake Community College, and this is my final project for CSIS1430.</h2>
|
|
|
|
<!--TODO: Need to make reflection of CSIS 1430 course.-->
|
|
<p>Lorem ipsum dolor sit amet, per ex altera ridens. Illud soleat possim eu eos, in prima libris prodesset nam, vix ex quando adolescens. In dicunt omnium cum. Mel consulatu aliquando incorrupte an, aperiri impedit scribentur ex nec. Duis omnes eum an, ad mel dicit adipiscing. An ius torquatos rationibus, no mazim graeco alterum cum.</p>
|
|
|
|
</div>
|
|
|
|
<div class="container">
|
|
|
|
<h3>Random Quote Generator</h3>
|
|
|
|
<button onclick="getQuote()">Click me</button>
|
|
|
|
</div>
|
|
|
|
<div class="container">
|
|
|
|
<h3>Reflection</h3>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
<footer>
|
|
|
|
<script src="js/script.js"></script>
|
|
|
|
</footer>
|
|
|
|
</html> |