-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathgallery.html
More file actions
167 lines (156 loc) · 7.47 KB
/
gallery.html
File metadata and controls
167 lines (156 loc) · 7.47 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
<!DOCTYPE HTML>
<html>
<head>
<title>Kyle Tam - Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/general.css">
<link rel="stylesheet" href="css/gallery.css">
<link rel="stylesheet" media="screen and (max-device-width: 500px)" href="css/mobile.css">
<link rel="icon" href="images/logo.png">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="javascript/scrolling.js" async></script>
</head>
<body>
<div class="banner">
<ul class="pull-left nav--left">
<div class="icon">
<a class ="icon" href="index.html">
Kyle Tam
</a>
</div>
</ul>
<ul class="pull-right nav--right">
<li><a href="index.html">Home</a>
<li><a href="design">Design</a>
<li><a href="manufacturing">Manufacturing</a>
<li><a href="projects">Projects</a>
<li><a href="hobbies.html">Hobbies</a>
<li><a href="gallery.html" class="page">Gallery</a>
<li><a href="contact.html">Contact</a>
</ul>
</div>
<div class="cover-photo">
<div class="box">
<div class="name">
Gallery
</div>
</div>
</div>
<div class="col-md-12">
<div class="downArrow bounce">
<a href="#photos">▼</a>
</div>
</div>
<div class="content">
<div class="content__about col-md-12">
<p2 class="content-text">For a more photos, check out my <a href="https://www.instagram.com/photographyjuicewithice/" >Instagram account</a> for my most recent shots!</p2>
</div>
</div>
<div class="photos" id="photos">
<div class="box__wrapper col-md-12">
<div class="ind_photo col-md-3">
<a href="https://www.flickr.com/photos/kylemtam/48419236996/in/dateposted-public/">
<div class="box__outer" id="riley_cat">
<div class="box__inner">
<h1 class="cat_name">Cat</h1>
<h1 class="cat_title">Taken on July 21, 2019 in Ottawa, ON, Canada</h1>
</div>
</div>
</a>
</div>
<div class="ind_photo col-md-3">
<a href="https://www.flickr.com/photos/kylemtam/48419313417/in/dateposted-public/">
<div class="box__outer" id="sots">
<div class="box__inner" id="sots__inner">
<h1 class="cat_name">Shark of the Sky</h1>
<h1 class="cat_title">Taken on June 20, 2019 at Spaceport America, NM, USA</h1>
</div>
</div>
</a>
</div>
<div class="ind_photo col-md-3">
<a href="https://www.flickr.com/photos/kylemtam/48419197381/in/dateposted-public/">
<div class="box__outer" id="windmills">
<div class="box__inner">
<h1 class="cat_name">Texas Windmills</h1>
<h1 class="cat_title">Taken on June 23, 2019 in Texas, USA</h1>
</div>
</div>
</a>
</div>
<div class="ind_photo col-md-3">
<a href="https://www.flickr.com/photos/kylemtam/32408453137/in/dateposted-public/">
<div class="box__outer" id="beach_corgi">
<div class="box__inner">
<h1 class="cat_name">Corgi</h1>
<h1 class="cat_title">Taken on February 22, 2019 in Toronto, ON, Canada</h1>
</div>
</div>
</a>
</div>
<div class="ind_photo col-md-3">
<a href="https://www.flickr.com/photos/kylemtam/33000958388/in/dateposted-public/">
<div class="box__outer" id="lunar_eclipse">
<div class="box__inner">
<h1 class="cat_name">Lunar Eclipse</h1>
<h1 class="cat_title">Taken on January 25, 2019 in Waterloo, ON, Canada</h1>
</div>
</div>
</a>
</div>
<div class="ind_photo col-md-3">
<a href="media/gallery/palace.jpg">
<div class="box__outer" id="changdeokgung">
<div class="box__inner">
<h1 class="cat_name">Changdeokgung Palace</h1>
<h1 class="cat_title">Taken on December 24, 2018 in Seoul, South Korea</h1>
</div>
</div>
</a>
</div>
<div class="ind_photo col-md-3">
<a href="media/gallery/MinnehahaFalls.jpg">
<div class="box__outer" id="minnehaha">
<div class="box__inner">
<h1 class="cat_name">Minnehaha Falls</h1>
<h1 class="cat_title">Taken on August 23, 2018 in Minneapolis, MN, USA</h1>
</div>
</div>
</a>
</div>
<div class="ind_photo col-md-3">
<a href="media/gallery/vancouverlake.jpg">
<div class="box__outer" id="vancouverlake">
<div class="box__inner">
<h1 class="cat_name">Cameron Lake</h1>
<h1 class="cat_title">Taken on January 01, 2018 near Nanaimo, BC, Canada</h1>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="footer col-md-12">
<div class="copyright__container">
<a href="index.html">© 2023 Kyle Tam</a>
</div>
<div class="footer__container">
<a href="mailto:kyle.m.tam@gmail.com">
<img src="media/icon_mail.png">
</a>
</div>
<div class="footer__container">
<a href="https://www.linkedin.com/in/kyle-m-tam/">
<img src="media/icon_linkedin.png">
</a>
</div>
<div class="footer__container">
<a href="https://github.com/kylemtam">
<img src="media/icon_github.png">
</a>
</div>
</div>
</body>
</html>