107 lines
5.0 KiB
HTML
107 lines
5.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<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">
|
|
|
|
<audio>
|
|
<source src="img/notify.mp3"/>
|
|
Your browser isn't invited for super fun audio time.
|
|
</audio>
|
|
|
|
<title>Joshua Ashton</title>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Navigation -->
|
|
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
|
<a class="navbar-brand" href="">Josh Ashton</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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 nav-fill w-100">
|
|
<a class="nav-link" target="_blank" href="tables">
|
|
<li class="nav-item">YouTube</li>
|
|
</a>
|
|
<a class="nav-link" target="_blank" href="image-map">
|
|
<li class="nav-item">Map</li>
|
|
</a>
|
|
<a class="nav-link" target="_blank" href="superheroes">
|
|
<li class="nav-item">Heroes</li>
|
|
</a>
|
|
<a class="nav-link" target="_blank" href="little-boxes">
|
|
<li class="nav-item">Boxes</li>
|
|
</a>
|
|
<a class="nav-link" target="_blank" href="horizontal-menu">
|
|
<li class="nav-item">Menus</li>
|
|
</a>
|
|
<a class="nav-link" target="_blank" href="pizza-2">
|
|
<li class="nav-item">Pizza</li>
|
|
</a>
|
|
<a class="nav-link" target="_blank" href="js-birthday">
|
|
<li class="nav-item">Birthday</li>
|
|
</a>
|
|
<a class="nav-link" target="_blank" href="lottery">
|
|
<li class="nav-item">Lottery</li>
|
|
</a>
|
|
<a class="nav-link" target="_blank" href="mad-lib">
|
|
<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="custom-container" id="splash">
|
|
|
|
<h1 class="light-text">Hi, I'm Josh Ashton!</h1>
|
|
|
|
<h2 class="light-text">Aspiring developer at SLCC</h2>
|
|
|
|
</div>
|
|
|
|
<div class="custom-container" id="quoter">
|
|
|
|
<h2 class="dark-text">Random Quote Generator</h2>
|
|
|
|
<span class="bar"></span>
|
|
|
|
<h3 class="dark-text" id="quote">"Hello there!"</h3>
|
|
<p class="dark-text" id="person">-Obi-Wan Kenobi</p>
|
|
|
|
<button class="light-text" id="getNewQuote" onclick="getQuote()">New Quote</button>
|
|
|
|
</div>
|
|
|
|
<div class="custom-container">
|
|
|
|
<h2 class="light-text">Reflection</h2>
|
|
<p>One of the things that made this web development class so enjoyable was the immediate application of the concepts we were learning. After learning new concepts, we had the opportunity to put those concepts into practice right away through hands-on projects. It was very satisfying to see my own creations come to life and be able to apply the skills I was learning in a real-world context.</p>
|
|
<p>Another aspect of the coursework that I found enjoyable was the variety of projects we worked on. We covered a range of topics, from basic HTML and CSS to more advanced concepts like responsive design and JavaScript. Each project presented a new challenge and allowed me to explore different areas of web development. I really appreciated the opportunity to try out different techniques and approaches, and it helped to keep things interesting and engaging.</p>
|
|
<p>Overall, I found the web development class to be a highly enjoyable and rewarding learning experience. The combination of clear explanations, hands-on projects, and a supportive instructor made it a truly enjoyable experience.</p>
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
<footer>
|
|
|
|
<!-- JavaScript Bundle with Popper -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
|
|
<script src="js/script.js"></script>
|
|
|
|
</footer>
|
|
|
|
</html> |