-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
118 lines (114 loc) · 4.61 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
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-us">
<head>
<meta charset="UTF-8" />
<title>About | Mary Frances Skibiel</title>
<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"
/>
<link rel="stylesheet" type="text/css" href="assets/css/style.css" />
<link
href="https://fonts.googleapis.com/css?family=Montserrat|Raleway&display=swap"
rel="stylesheet"
/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<nav
class="navbar navbar-expand-lg navbar-light bg-light"
style="width: 100%"
>
<a class="navbar-brand" href="index.html">Mary Frances Skibiel</a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-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 active">
<a class="nav-link" href="index.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="portfolio.html">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Resume</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/mfskibiel">Github</a>
</li>
</ul>
</div>
</nav>
<div id="main-container" class="container">
<section class="main-section">
<h1>About Me</h1>
<div id="slideshow">
<div class="imgbox">
<span class="helper"></span
><img class="slides" src="assets/images/grad.JPG" />
</div>
<div class="imgbox">
<span class="helper"></span
><img class="slides" src="assets/images/goldennugs.jpg" />
</div>
<div class="imgbox">
<span class="helper"></span
><img class="slides" src="assets/images/crater.JPG" />
</div>
<div class="imgbox">
<span class="helper"></span
><img class="slides" src="assets/images/bondi beach.jpg" />
</div>
<div class="imgbox">
<span class="helper"></span
><img class="slides" src="assets/images/dolphin.JPG" />
</div>
</div>
<p>
Hey there! My name is Mary Frances, welcome to my website! A little
about me: I graduated from the Georgia Institute of Technology in May
of 2019 with a degree in Biology, and certificates in Marine and
Environmental Science. I love nature and animals and pretty much
anything outdoors. I spend a lot of time outside hiking, camping, and
rock climbing with my friends and family.
</p>
<p>
Post college, I was planning on pursuing a master's and eventually
research in the field of marine biology. However, when I took my first
computer science class my senior year of college, I had a quick (and
quite terrifying) change in interests. I spent a lot of time
researching the possibility of changing majors or even just taking on
a certificate. However, due to my proximity to graduation, these
options weren't exactly feasible.
</p>
<p>
I graduated with my biology degree and worked for a few months,
teaching myself small coding snippets on the side. When I heard about
the Georgia Tech Coding Bootcamp through my past computer science
professor, I knew it was my oppurtunity to jump back in the subject. I
am loving the bootcamp and the knowledge and experience I am gaining
by developing complex applications. I am looking forward to pursuing a
career in this field, with the end goal of finding an employer that
allows me to merge my love of coding and science! Feel free to click
around my site to view some of my projects! Thanks for visiting!
</p>
</section>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="javascript.js"></script>
</body>
</html>