-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
executable file
·132 lines (119 loc) · 6.69 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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html>
<!-- Basic Page Needs––––––––––––––––––––––––––– -->
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="About page for Jessie Houghton's portfolio website." />
<meta name="keywords" content="About, Computer Science, Artwork, UX design, UI design, Graphic Design, Digital
Illustration, Logo Design" />
<meta name="author" content="Jessie Houghton" />
<title>Jessie | About</title>
<!-- Bootstrap Core CSS ––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!-- Custom CSS ––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/selectors.css">
<!-- Fontawesome ––––––––––––––––––––––––––– -->
<script src="https://kit.fontawesome.com/5c9f2dfb26.js"></script>
<!-- Favicon––––––––––––––––––––––––––– -->
<link rel="icon" type="image/x-icon" href="img/favicon.ico" />
</head>
<body>
<!-- Navigation Bar -->
<div class="container-fluid">
<div class="row">
<nav class="navbar navbar-expand-sm navbar-light">
<!-- Brand -->
<a class="navbar-brand" href="index.html">
<img alt="logo" width="50" height="50" src="img/menu_bar_logo.svg" />
</a>
<!-- Toggler/collapsibe Button -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="galleries.html">Galleries</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<!-- Main content -->
<div class="container">
<div class="row">
<div class="text-center col-sm-12 mt-4 mt-sm-2">
<h1>About Me</h1>
</div>
</div>
<div class="row my-sm-3">
<div class="col-sm-6 order-sm-12 mb-3">
<picture>
<source media="(min-width:480px)" srcset="img/[email protected]" class="img-fluid">
<img alt="profile image" src="img/profile.png" class="img-fluid" />
</picture>
</div>
<div class="col-sm-6 order-sm-1">
<h2 class="text-center text-sm-left">Who is Jessie</h2>
<p>A software engineer and human computer interaction specialist, Jessie looks towards the intersection between art and technology to create intuitive user interfaces with secure, scalable backends. She hopes to develop the next wave of interactive technologies that revolutionizes the world of education.</p>
<a href="resources/resume.pdf" target="_blank">
<button class="btn btn-primary">Resume</button>
</a>
</div>
</div>
<div class="row align-items-center mt-sm-3">
<div class="col-sm mb-4">
<img class="d-block mx-auto img-fluid" alt="software engineer icon" src="img/software_engineer_normal.svg" height="100px" />
</div>
<div class="col-sm mb-4">
<img class="d-block mx-auto img-fluid" alt="ui ux designer icon" src="img/ui_ux_designer_normal.svg" height="100px" />
</div>
<div class="col-sm mb-4">
<img class="d-block mx-auto img-fluid" alt="program manager icon" src="img/program_manager_normal.svg" height="100px" />
</div>
<div class="col-sm mb-4">
<img class="d-block mx-auto img-fluid" alt="visual artist icon" src="img/visual_artist_normal.svg" height="100px" />
</div>
<div class="col-sm mb-4">
<img class="d-block mx-auto img-fluid" alt="community builder icon" src="img/community_builder_normal.svg" height="100px" />
</div>
</div>
</div>
<!--footer-->
<footer>
<div class="container-fluid align-items-center text-center">
<div class="row">
<div class="col-sm-12">
<hr>
<div class="social_icons">
<a href="https://github.com/houghj16" target="_blank"><img src="img/github.svg" alt="Github"></a>
<a href="https://www.facebook.com/jessie.houghton.372" target="_blank"><img src="img/facebook.svg" alt="Facebook"></a>
<a href="https://www.linkedin.com/in/jessica-houghton-336403169/" target="_blank"><img src="img/linkedin.svg" alt="LinkedIn"></a>
<a href="mailto:[email protected]"><img src="img/envelope.svg" alt="Email"></a>
</div>
</div>
<div class="col-sm-12">
<p>Made with ❤ in Ann Arbor, Michigan.<br>
Copyright © 2020 Jessie Houghton. All rights reserved.</p>
</div>
</div>
</div>
</footer>
<!--end of footer-->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>