-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
194 lines (181 loc) · 9.56 KB
/
index.html
File metadata and controls
194 lines (181 loc) · 9.56 KB
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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Sams Personal Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB"
crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp"
crossorigin="anonymous">
<link rel="stylesheet" href="animate.css">
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans" rel="stylesheet">
<link rel="stylesheet" href="assets/stylesheet.css">
</head>
<body data-spy="scroll" data-target="#navbar-example" data-offset="0">
<nav id="navbar-example" class="navbar fixed-top navbar-expand-lg navbar-dark">
<a class="navbar-tag-line" href="index.html">
<h2>Sam O'Shaughnessy Codes
<br> Hong Kong based developer</h2>
</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 ml-auto">
<li class="nav-item">
<a class="nav-link" data-scroll href="#about-me">About me</a>
</li>
<li class="nav-item">
<a class="nav-link" data-scroll href="#four-pictures">Small Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" data-scroll href="#portfolio">Hobbies & Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" data-scroll href="#contact-me">Contact me</a>
</li>
</ul>
</div>
</nav>
<section class="top-banner">
</section>
<section id="about-me" class="row-purple">
<section class="container">
<div class="row">
<div class="col-lg-6" id="bordered">
<h3>About me </h3>
<i class="fab fa-steam-symbol"></i>
<p>Born and raised in Hong Kong I have been exposed to many cultures, I went to university in the United
Kingdom to study history. Following this I worked in F&B as a bartender and then bar manager, after
which I started to teach English. Though my last job was fulfilling it wasn’t for me due to the nature
of the managers.</p>
</div>
<div class="col-lg-6" id="bordered">
<h3>Day to day</h3>
<i class="fas fa-kiwi-bird"></i>
<p>Currently I am attending a full-stack coding course at Accelerate, I hope to implement what I am currently
learning in all future projects that I face. I chose to move to coding as I’ve always wanted to make
my own games and have been interested in the production and the work out into websites.
</p>
</div>
</div>
</section>
</section>
<section class="row-purple">
<section class="picture-banner" id="four-pictures">
<section class="container-fluid">
<div class="row no-gutters">
<div class="Pics col-md-6 col-lg-3">
<img src="assets/greece-image2.JPG" alt="santorini">
<div>
<h3>Santorini</h3>
<p>Beautiful day to explore</p>
</div>
</div>
<div class="Pics col-md-6 col-lg-3">
<img src="assets/greece-image1.JPG" alt="old ruins">
<div>
<h3>Athen's ruins</h3>
<p>A glimpse of the past</p>
</div>
</div>
<div class="Pics col-md-6 col-lg-3">
<img src="assets/japan-tourist2.JPG" alt="golden temple">
<div>
<h3>Golden Temple Kyoto</h3>
<p>The elegence of Japan</p>
</div>
</div>
<div class="Pics col-md-6 col-lg-3">
<img src="assets/srilanka-image1.JPG" alt="srilanka view">
<div>
<h3>Sri Lanka, Kandy</h3>
<p>A good hike ahead</p>
</div>
</div>
</div>
</section>
</section>
</section>
<section id="portfolio" class="row-orange">
<h4>Hobbies in and around Hong Kong</h4>
<section class="container">
<div class="row">
<div class="col-md-3">
<a href="cooking.html" target="_blank">
<h4>Cooking</h4>
</a>
<i class="fab fa-free-code-camp"></i>
<p>Wheather you consume food, or enjoy to make it, a lot of effort is put into cooking meals. I enjoy cooking
that truly showcases the flavour of the ingredients that are cooked with.</p>
</div>
<div class="col-md-3">
<a href="campinghiking.html" target="_blank">
<h4>Camping & Hiking</h4>
</a>
<i class="fas fa-walking"></i>
<p>Hong Kong offers a special and unique landscape, it is fantasic for hikers who enjoy incline. With this
is mind when it's the right season the weather is perfect for camping, these are both great activites
for escaping the city.</p>
</div>
<div class="col-md-3">
<a href="travel.html" target="_blank">
<h4>Travel</h4>
</a>
<i class="fab fa-telegram-plane"></i>
<p>I am extremerly lucky that I was given the oppertunity to travel from an early age with my parents. Now
That I've grown up a litle, I thoroughly enjoy traveling the world and experiancing many cultures.
</p>
</div>
<div class="col-md-3">
<a href="pets.html" target="_blank">
<h4>Pets</h4>
</a>
<i class="fas fa-paw"></i>
<p>Growing up in a western family and enviroment means that sometimes we were taught responsibility through
the care of animals. When I have the space and the means I would like to get a larger lizard like
an Iguana.</p>
</p>
</div>
</div>
</section>
</section>
<footer class="primary-footer" id="contact-me">
<section class="container">
<div class="row">
<div class="col-lg-6" id="bordered">
<h3>Say hey</h3>
<p>Now you've seen my homepage, please checkout the rest!</p>
<p>If you would like to contact me please click below</p>
<a class="btn-contact" href="mailto:samoshaughnessy123@hotmail.com?subject=Reaching%20Out&body=How%20are%20you" target="_blank">Contact Me</a>
<br>
<div id="copyright">
<small>© Sam O'Shaughnessy</small>
</div>
</div>
<div class="col-lg-6" id="bordered">
<h3>Socials</h3>
<p>You can also look for my work on-the-line via the icons below</p>
<a href="https://www.facebook.com/sam.oshaughnessy" target="_blank">
<i class="fab fa-facebook-square"></i>
</a>
<p>facebook.com//sam.oshaughnessy</p>
<a href="https://github.com/samoshaughnessy" target="_blank">
<i class="fab fa-github"></i>
</a>
<p>github.com/samoshaughnessy</p>
</div>
</div>
</section>
</footer>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T"
crossorigin="anonymous"></script>
<script src="smooth-scroll.min.js"></script>
<script src="ppjs.js"></script>
</body>
</html>