-
Notifications
You must be signed in to change notification settings - Fork 0
/
travels.html
141 lines (118 loc) · 4.89 KB
/
travels.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
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gist-embed/2.2/gist-embed.min.js"></script>
<link rel="stylesheet" href="css/studies.css" type="text/css" />
<title>Travels</title>
<head>
<style>
div.gallery {
margin: 5px;
border: 1px solid #ccc;
float: left;
width: 180px;
}
div.gallery:hover {
border: 1px solid #777;
}
div.gallery img {
width: 100%;
height: auto;
}
div.desc {
padding: 15px;
text-align: center;
}
</style>
</head>
<body>
<div id="all-contents">
<nav>
<header>Aaron's Awesome Website</header>
<ul>
<li><a href="index.html">Home</a>
</li>
<li><a href="portfolio.html">Portfolio</a>
</li>
<li><a href="studies.html">Studies</a>
</li>
<li><a href="travels.html">Travels</a>
</li>
</ul>
</nav>
<main>
<div class="content">
<header>
Adventures
</header>
<div class="gallery">
<a target="_blank" href="img/gondola.jpg">
<img src="img/gondola.jpg" alt="Aaron in a gondola" width="300" height="200">
</a>
<div class="desc">Venice 2015.</div>
</div>
<div class="gallery">
<a target="_blank" href="img/falconry.jpg">
<img src="img/falconry.jpg" alt="Aaron with a Falcon" width="300" height="200">
</a>
<div class="desc">Falconry in southern Ireland 2016.</div>
</div>
<div class="gallery">
<a target="_blank" href="img/Mexico.jpg">
<img src="img/Mexico.jpg" alt="Friends taking pictures overlooking a city" width="300" height="200">
</a>
<div class="desc">That time I tried to learn some spanish, but made a few friends instead. Mexico 2011.</div>
</div>
<div class="gallery">
<a target="_blank" href="img/laBoca.jpg">
<img src="img/laBoca.jpg" alt="La Boca in Buenos Aires" width="300" height="200">
</a>
<div class="desc">My Dad and I walking through La Boca in Buenos Aires 2010.</div>
</div>
<div class="gallery">
<a target="_blank" href="img/Temple of the sun.jpg">
<img src="img/Temple of the sun.jpg" alt="Teotihuacan in Mexico" width="300" height="200">
</a>
<div class="desc">Teotihuacan Pyramid of the Sun.</div>
</div>
<div class="gallery">
<a target="_blank" href="img/capri.jpg">
<img src="img/capri.jpg" alt="the isle of Capri italy" width="300" height="200">
</a>
<div class="desc">A boat tour of the Grottos of Capri.</div>
</div>
<div class="gallery">
<a target="_blank" href="img/Forbidden_city.jpg">
<img src="img/Forbidden_city.jpg" alt="The Forbidden city Beijing" width="300" height="200">
</a>
<div class="desc">The Forbidden City.</div>
</div>
<div class="gallery">
<a target="_blank" href="img/The Coliseum.jpg">
<img src="img/The Coliseum.jpg" alt="The Coliseum Rome Italy" width="300" height="200">
</a>
<div class="desc">The Coliseum. </div>
</div>
<div class="gallery">
<a target="_blank" href="img/the_great_wall.jpg">
<img src="img/the_great_wall.jpg" alt="the Great Wall of China" width="300" height="200">
</a>
<div class="desc">My First stop in China. The Great Wall outside of Beijing.</div>
</div>
<div class="gallery">
<a target="_blank" href="img/K&A seattle.jpg">
<img src="img/K&A seattle.jpg" alt="Pike Place Market" width="300" height="200">
</a>
<div class="desc">Hanging out at Pike Place Market in Seattle.</div>
</div>
<div class="gallery">
<a target="_blank" href="img/Canadian_barat.jpg">
<img src="img/Canadian_barat.jpg" alt="Barat with a secondLine Theme" width="300" height="200">
</a>
<div class="desc">Blending New Orleans Sound into a Hindu Wedding. Barat Secondline Toronto 2012.</div>
</div>
</div>
</main>
</div>
</body>
</html>