-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
118 lines (106 loc) · 5.42 KB
/
about.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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Me - Joshc0des</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="site.css">
<link rel="shortcut icon" type="image/png" href="/favicon.png">
</head>
<body>
<nav class="navbar fixed-top navbar-expand-lg" style="background-color: #1c2236;">
<div class="container">
<a class="navbar-brand" href="index.html">Joshc0des</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">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="projects.html">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="skills.html">Skills</a>
</li>
<li class="nav-item">
<a class="nav-link" href="employment.html">Employment History</a>
</li>
</ul>
</div>
</div>
</nav>
<hr>
<main class="container py-5">
<h1 class="text-center mb-5">About Me</h1>
<p class="n">I am passionate about using technology to solve real-world problems and improve business
processes. In my free time, a few things I enjoy doing are coding, playing the guitar, riding my
bicycle and playing ping pong. I love the outdoors and my favorite place to hike is in
Breckenridge, CO. I have two loving parents and two extraordinary sisters. My family is full of
hard-working, loving individuals. My parents did a good job of raising us to be sincere in our
intentions and to try our hardest to exceed expectations at every chance. With these values
instilled upon us, we have grown to be independent thinkers of radiant passion for what we do.
</p>
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="media">
<img src="static/dad_hike.jpg" class="align-self-center me-3 mb-3" alt="Image 1" data-bs-toggle="modal"
data-bs-target="#modal1">
<img src="static/dog.JPG" class="align-self-center me-3 mb-3" alt="Image 2" data-bs-toggle="modal"
data-bs-target="#modal2">
<img src="static/family.jpg" class="align-self-center me-3 mb-3" alt="Image 3" data-bs-toggle="modal"
data-bs-target="#modal3">
<img src="static/josh_hike.jpg" class="align-self-center me-3 mb-3" alt="Image 4" data-bs-toggle="modal"
data-bs-target="#modal4">
</div>
</div>
</div>
</div>
<!-- Modals -->
<div class="modal fade" id="modal1" tabindex="-1" aria-labelledby="modal1Label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body">
<img src="static/dad_hike.jpg" class="img-fluid" alt="Image 1">
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal2" tabindex="-1" aria-labelledby="modal2Label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body">
<img src="static/dog.JPG" class="img-fluid" alt="Image 2">
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal3" tabindex="-1" aria-labelledby="modal3Label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body">
<img src="static/family.jpg" class="img-fluid" alt="Image 3">
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal4" tabindex="-1" aria-labelledby="modal4Label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body">
<img src="static/josh_hike.jpg" class="img-fluid" alt="Image 4">
</div>
</div>
</div>
</div>
</main>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>