-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
85 lines (73 loc) · 3.17 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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Jordan Carlile Portfolio</title>
<!-- Boostrap Stylesheet -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<!-- Custom CSS stylesheet -->
<link rel="stylesheet" href="assets/css/styles.css" media="screen">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<a class="navbar-brand" href="index.html" id="logo">Jordan Carlile</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01"
aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
<ul class="navbar-nav ml-auto mt-2 mt-lg-0">
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="portfolio.html">Portfolio</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="index.html">About</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- End of navbar -->
<!-- Start of container -->
<main class="container">
<section class="row">
<div class="col-md-8">
<article class="block">
<h1 class="block-header">About Me</h1>
<hr />
<img src="assets/imgs/headshot.jpg" alt="" id="about-image" />
<p>Hi there! My name is Jordan Carlile. I am an aspiring software engineer from Sacramento, California. I am currently a 4th year
undergraduate computer science student at University of California, Davis. In addition to having an academic computer science background, I also have taken it upon myself to learn web development.</p>
<br />
<p>Though software development is my primary hobby, I also enjoy dancing, playing board games, and traveling. Please feel free to look through my portfolio, Github, and LinkedIn pages. If you would like to contact me, feel free to use the form provided on my "Contact" page listed above.
</p>
</article>
</div>
</section>
</main>
<!-- End of container -->
<!-- Start of footer -->
<footer class="footer">
<div class="two-toned-footer-color"></div>
<p class="text-muted text-muted-footer text-center">
© Copyright
</p>
</footer>
<!-- End of footer -->
<!-- jQuery CDN -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- Bootstrap CDN -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
</script>
</body>
</html>