-
Notifications
You must be signed in to change notification settings - Fork 0
/
gallary.html
209 lines (188 loc) · 6.24 KB
/
gallary.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
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
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Archery Academy</title>
<link rel="stylesheet" href="second-stylesheet.css" />
</head>
<body>
<div class="container">
<nav class="topnav" id="myTopnav">
<p class="logobox">
<a href="index.html"></a>
</p>
<h1>Straight to the Point Archery</h1>
<a href="index.html">HOME</a>
<a href="gallary.html" target="_blank" class="active">GALLARY</a>
<a href="#" target="_blank">TIPS</a>
<a href="#" target="_blank">DIY</a>
<a href="#" target="_blank">CONTACT US</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()"
>☰</a
>
</nav>
<main></main>
<div id="sidebar">
<aside>
<div>
<div>
<h3>Warriores of light!</h3>
<br />
<video width="300px" height="600px" controls autoplay loop>
<source
src="videos/pexels-mikhail-nilov-6603007.mp4"
type="video/mp4"
/>
<source
src="videos/pexels-mikhail-nilov-6603007.ogg"
type="video/ogg"
/>
your browser dosen't support video elements
</video>
<br />.... <br />
<a href="#" target="_blank"
><br />
more videos... >></a
>
</div>
</div>
</aside>
</div>
<article id="content1">
<div class="box-one">
<h3 class="connect-me">level 2 Student</h3>
<br />
<img src="images/DSC00415.jpg" alt="AMY on traing ,level 2 student" />
<br />
Amy <br />
<p class="maincontent">
Amy ,16 is a student from Seattle
<a href="#" target="_blank">read more >></a>
</p>
</div>
</article>
<article id="content2">
<div class="box-one">
<h3 class="connect-me">personal trainee</h3>
<br />
<img
src="images/DSC00462.JPG"
alt="Brian, a personal trainee on practice "
/>
<br />
Brian <br />
<p class="maincontent">
Brian, 17 is a personal trainee and highschool champion
<a href="#" target="_blank">read more >></a>
</p>
</div>
</article>
<article id="content3">
<div class="box-one">
<h3 class="connect-me">Summer camp package students</h3>
<br />
<img
src="images/DSC00296.JPG"
alt="Zoy and keya on summer camp training "
/>
<br />
Zoy and keya <br />
<p class="maincontent">
Zoy and keya are 5 and 6 from Tacoma
<a href="#" target="_blank">read more >></a>
</p>
</div>
</article>
<article id="content4">
<div class="box-one">
<h3 class="connect-me">we encourage parents support</h3>
<br />
<img src="images/IMG_5832.JPG" alt="Instructor Nathan' picture " />
<br />
Zoy and her mom <br />
<p class="maincontent">
Zoy and has been with us for our summer camp special private
training
<a href="#" target="_blank">read more >></a>
</p>
</div>
</article>
<article id="content5">
<div class="box-one">
<h3 class="connect-me">we make it fun</h3>
<br />
<img
src="images/IMG_4938.JPG"
alt="Zoy and keya on summer camp training "
/>
<br />
Zoy and keya <br />
<p class="maincontent">
Zoy and keya are 5 and 6 from Tacoma
<a href="#" target="_blank">read more >></a>
</p>
</div>
</article>
<article id="content6">
<div class="box-one">
<h3 class="connect-me">warriores of life</h3>
<br />
<img src="images/IMG_5838.JPG" alt="Instructor Nathan' picture " />
<br />
Zoy and Lee <br />
<p class="maincontent">
Zoy with her instructor Lee, we don't only teach archery we creat
warriores of life
<a href="#" target="_blank">read more >></a>
</p>
</div>
</article>
<footer>
<div>
<ul class="footerpad">
<li>
<a href="#"><ion-icon name="logo-facebook"></ion-icon></a>
</li>
<li>
<a href="#"><ion-icon name="logo-twitter"></ion-icon></a>
</li>
<li>
<a href="#"><ion-icon name="logo-instagram"></ion-icon></a>
</li>
<li>
<a href="#"><ion-icon name="logo-googleplus"></ion-icon></a>
</li>
<li>
<a href="#"><ion-icon name="logo-linkedin"></ion-icon></a>
</li>
<li>
<a href="https://wa.me/12535551010" target="_blank"
><ion-icon name="logo-whatsapp"></ion-icon
></a>
</li>
</ul>
<ul class="menu">
<li><a href="index.html">HOME</a></li>
<li><a href="gallary.html">gallary </a></li>
<li><a href="#">TIPS</a></li>
<li><a href="#">DIY</a></li>
<li><a href="#">CONTACT US</a></li>
</ul>
<a>© 2022 by Abel Mengstu All Rights Reserved</a>
</div>
</footer>
</div>
<script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
</body>
</html>