-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
66 lines (62 loc) · 2.92 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Michael Peterson</title>
<link href="images/cover.jpg" rel="shortcut icon" type="image/x-icon">
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/index.css"></head>
<body data-spy="scroll" data-target=".navbar" data-offset="50">
<nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark">
<a class="navbar-brand" href="#section1">Michael Peterson</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" id='navlist'>
<li id="aboutNavItem" class="nav-item">
<a class="nav-link" id="aboutNav" href="#about">About</a>
</li>
</ul>
</div>
</nav>
<div id="section1" class="coverImage">
<div class="ptext">
<span class="border">
<header>
<h1>Michael Peterson</h1>
</header>
</span>
</div>
</div>
<main>
<div id="about">
<section class="section section_light">
<h2>About Me</h2>
<p>Hi I am Michael Peterson, I have a passion for anything related to computers. I have been developing my coding skills and applying those skills to web development. I am equally comfortable working on the front end and back end of web projects. Besides programming I love to play guitar and ukulele, and love to share my knowledge with fellow musicians or people just learning.I also enjoy video games and taking hanging out with my dog, you can see a picture of him at the bottom of the page! If you think he's cute check out his instagram!</p>
<h2>Contact Info</h2>
<p><a href="mailto:[email protected]?Subject=Web%20Contact">Email</a>: [email protected]</p>
<p>GitHub</p><a target="_blank" href="https://github.com/michaeljoepeterson"><img alt="Github Icon" src="images/github32.png"></a>
</section>
</div>
<div id="page-content">
</div>
</main>
<div class="bottomImage">
<div class="ptext">
<span class="border">
<h1>Michael Peterson</h1>
</span>
</div>
</div>
<script type="text/javascript" src="js/page-data.js"></script>
<script type="text/javascript" src="js/project-section.js"></script>
<script type="text/javascript" src="js/project-image.js"></script>
<script type="text/javascript" src="js/page-builder.js"></script>
<script type="text/javascript" src="js/navbar.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>