-
Notifications
You must be signed in to change notification settings - Fork 0
/
images.htmlbkp
117 lines (104 loc) · 3.98 KB
/
images.htmlbkp
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" class="no-js">
<!--
author: Paulo Negrao
date: 21/10/2018
notes: Project1
-->
<head>
<meta charset="UTF-8" />
<title>Capoeira</title>
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" type="text/css" href="css/component.css" />
<link rel="stylesheet" type="text/css" href="css/images.css" />
<link rel="stylesheet" type="text/css" href="css/videos.css" />
<script src="js/modernizr-2.6.2.min.js"></script>
</head>
<body onload="loading()">
<div class="container">
<div class="component">
<h2>capoeira</h2>
<!-- Start Nav Structure -->
<button class="cn-button" id="cn-button">Menu</button>
<div class="cn-wrapper" id="cn-wrapper">
<ul>
<li><a href="index.html"><span class="flip">About</span></a></li>
<li><a href="history.html"><span class="flip">History</span></a></li>
<li><a href="elements.html"><span class="flip">Elements</span></a></li>
<li><a href="images.html"><span class="flip">Images</span></a></li>
<li><a href="videos.html"><span class="flip">Videos</span></a></li>
<li><a href="around.html"><span class="flip">Around</span></a></li>
<li><a href="contact.html"><span class="flip">Contact</span></a></li>
</ul>
</div>
<!-- End of Nav Structure -->
</div>
<section>
<h2>Images Gallery</h2>
<p>Capoeira is also an expression of art. The movements, performances, batizados and rodas are plenty of good moments to enjoy, capture and share. Here we have some images about Capoeira that deserve to be remebered.</p>
<contimages>
<div class="slideshow-container">
<div class="mySlides fade">
<div class="numbertext">1 / 3</div>
<img src="images/image1.jpg" style="width:100%">
<div class="text">Caption Text</div>
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 3</div>
<img src="images/image2.jpg" style="width:100%">
<div class="text">Caption Two</div>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 4</div>
<img src="images/image3.jpg" style="width:100%">
<div class="text">Caption Three</div>
</div>
<div class="mySlides fade">
<div class="numbertext">4 / 4</div>
<img src="images/image4.jpg" style="width:100%">
<div class="text">Caption Three</div>
</div>
<div class="mySlides fade">
<div class="numbertext">5 / 6</div>
<img src="images/image5.jpg" style="width:100%">
<div class="text">Caption 5</div>
</div>
<div class="mySlides fade">
<div class="numbertext">6 / 6</div>
<img src="images/image6.jpg" style="width:100%">
<div class="text">Caption 6</div>
</div>
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
<br>
<div style="text-align:center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
<span class="dot" onclick="currentSlide(4)"></span>
<span class="dot" onclick="currentSlide(5)"></span>
<span class="dot" onclick="currentSlide(6)"></span>
</div>
<br><br><br>
</contimages>
</section>
<div class="sitemap">
<table>
<tr>
<td><a href="index.html">About</a></td>
<td><a href="history.html">History</a></td>
<td><a href="elements.html">Elements</a></td>
<td><a href="images.html">Images</a></td>
<td><a href="videos.html">Videos</a></td>
<td><a href="around.html">Around</a></td>
<td><a href="contact.html">Contact</a></td>
</div>
</div><!-- /container -->
<script src="js/polyfills.js"></script>
<script src="js/base.js"></script>
<!-- For the demo ad only -->
</body>
</html>