generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
gallery.html
117 lines (100 loc) · 5.71 KB
/
gallery.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
<!DOCTYPE html>
<html lang="en">
<!-- Head -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="Maynooth University Aikido Club">
<meta name="keywords"
content="aikido, aikikai, irish aikido federation, ireland, maynooth, university, mu, nuim, detta dickinson, martial arts, japanese, sports, club">
<link rel="stylesheet" href="assets/css/style.css">
<title>MU Aikido</title>
</head>
<!-- Body -->
<body>
<div class="flexbox">
<!-- Club logo, upper left -->
<header class="header-normal">
<h2 class="logo">
<a href="index.html">Maynooth University</a>
</h2>
<h1 class="logo">
<a href="index.html">Aikido Club</a>
</h1>
<!-- Nav bar, upper right on wide screens, left below logo on small screens -->
<nav>
<div id="nav">
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="faq.html">FAQ</a>
</li>
<li>
<a href="gallery.html">Gallery</a>
</li>
<li>
<a href="join.html">Join</a>
</li>
</ul>
</div>
</nav>
</header>
<!-- Gallery with photos from aikido club practice and events, inspired by the Code Institute Love Running gallery -->
<div id="pics">
<img src="assets/images/sensei-rogers.webp" alt="Sensei John Rogers, head of the Irish Aikido Federation">
<img src="assets/images/practice-1.webp" alt="Maynooth, suwariwaza katatedori kokyunage">
<img src="assets/images/practice-12.webp" alt="Maynooth, katatedori kokyunage">
<img src="assets/images/sitting-5.webp" alt="Sitting after training in Macken St. dojo, Dublin">
<img src="assets/images/practice-2.webp" alt="Maynooth, katatedori kotegaeshi">
<img src="assets/images/social-6.webp" alt="Aikido dinner social in Maynooth">
<img src="assets/images/practice-3.webp" alt="Maynooth, suwariwaza katatedori kokyunage">
<img src="assets/images/sitting-2.webp" alt="Sitting after training in Maynooth">
<img src="assets/images/social-4.webp" alt="Aikido dinner social in Maynooth">
<img src="assets/images/practice-4.webp" alt="Maynooth, katatedori kotegaeshi">
<img src="assets/images/practice-13.webp" alt="Maynooth, pinning after kotegaeshi throw">
<img src="assets/images/social-3.webp" alt="Aikido dinner social in Maynooth">
<img src="assets/images/practice-5.webp" alt="Maynooth, katatedori kokyunage">
<img src="assets/images/social-2.webp" alt="Aikido dinner social at Galway course">
<img src="assets/images/sitting-1a.webp" alt="MU Aikido club, sitting very informally">
<img src="assets/images/sitting-1.webp" alt="MU Aikido club, sitting formally">
<img src="assets/images/practice-7.webp" alt="Maynooth, suwariwaza katatedori">
<img src="assets/images/social-1.webp" alt="Aikido pub social in Maynooth">
<img src="assets/images/practice-8.webp" alt="Maynooth, katatedori kotegaeshi">
<img src="assets/images/sitting-4.webp" alt="Sitting after training at Galway course">
<img src="assets/images/practice-9.webp" alt="Maynooth, katatedori kokyunage">
<img src="assets/images/practice-10.webp" alt="Maynooth, suwariwaza kokyunage">
<img src="assets/images/sitting-3.webp" alt="Sitting after training at Maynooth course">
<img src="assets/images/practice-11.webp" alt="Maynooth, suwariwaza katatedori">
<img src="assets/images/practice-6.webp" alt="Maynooth, katatedori kaitennage">
<img src="assets/images/social-5.webp" alt="Aikido pub social at Galway course">
<img src="assets/images/practice-14.webp" alt="Maynooth, bowing afrer training">
</div>
<!-- Footer with external links (inspired by the Code Institute Love running footer) plus quote from aikido founder -->
<footer class="quote-social">
<h2 class="centred quote">“Failure is the key to success; each mistake teaches us something.” — Morihei
Ueshiba</h2>
<ul class="centred social-icons">
<li>
<a href="https://www.facebook.com/MaynoothAikido" target="_blank" rel="noopener"
aria-label="Visit our Facebook page (opens in a new tab)"><i class="fab fa-facebook"></i></a>
</li>
<li>
<a href="https://twitter.com/MaynoothUni" target="_blank" rel="noopener"
aria-label="Visit Maynooth University on Twitter (opens in a new tab)"><i
class="fab fa-twitter-square"></i></a>
</li>
<li>
<a href="https://www.youtube.com/c/Aikido-internationalOrg" target="_blank" rel="noopener"
aria-label="Visit the International Aikido Federation on YouTube (opens in a new tab)"><i
class="fab fa-youtube-square"></i></a>
</li>
</ul>
</footer>
</div>
<!-- font awesome script -->
<script src="https://kit.fontawesome.com/8d7fda743f.js" crossorigin="anonymous"></script>
</body>
</html>