-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtides.html
More file actions
161 lines (150 loc) · 6.75 KB
/
tides.html
File metadata and controls
161 lines (150 loc) · 6.75 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
<!DOCTYPE html>
<html lang="en">
<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">
<title>Seapoint Swimming Club</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
</head>
<body>
<main class="showcase-2">
<div class="container-fluid main-menu-wrap">
<div class="row main-menu">
<div class="col-3"><a href="index.html">Home</a></div>
<div class="col-3"><a href="about.html">About</a></div>
<div class="col-3"><a href="events.html">Events</a></div>
<div class="col-3"><a href="tides.html">Tides</a></div>
</div>
</div>
<!--tides-->
<section class="forecast container-fluid row">
<div class="tide-txt col-12">
<i class="fas fa-cloud-sun-rain fa-5x"></i>
<h3>7 Day Forecast</h3>
</div>
<table class="table">
<thead>
<tr>
<th>Date</th>
<th>Max Temp</th>
<th>Conditions</th>
</tr>
</thead>
<tbody>
<tr>
<td>22nd April</td>
<td>12º</td>
<td>Dry and Cloudy</td>
</tr>
<tr>
<td>23nd April</td>
<td>11º</td>
<td>Mostly Rain</td>
</tr>
<tr>
<td>24th April</td>
<td>9º</td>
<td>Dry and Foggy</td>
</tr>
<tr>
<td> 25th April</td>
<td>15º</td>
<td>Sunny</td>
</tr>
<tr>
<td>26th April</td>
<td>16º</td>
<td>Sunny</td>
</tr>
<tr>
<td>27th April</td>
<td>14º</td>
<td>Some Scattered Showers</td>
</tr>
</tbody>
</table>
</section>
<section class="forecast container-fluid row center">
<div class="tide-txt col-12">
<i class="fas fa-water fa-5x"></i>
<h3>Tide Times</h3>
</div>
<div class="container" id="main">
<h3>Galeria de Imagenes</h3>
<hr>
<table class="table table-borderless" id="galeria">
<tr>
<td><img src="https://i.pinimg.com/564x/2a/c9/ba/2ac9ba4a11b2e36d0f92e667445d94c0.jpg"></td>
<td><img src="https://i.pinimg.com/564x/60/4d/a6/604da6311ef99a799b657c5d75bd91e5.jpg"></td>
</tr>
<tr>
<td><img src="https://i.pinimg.com/564x/db/26/8c/db268c51d8f7b0dd81631ec4ef35d801.jpg"></td>
<td><img src="https://i.pinimg.com/564x/96/04/65/960465421755b3913873f8b27df02295.jpg"></td>
</tr>
<tr>
<td><img src="https://i.pinimg.com/564x/d8/44/e8/d844e8e6ba1fb99258507c9f2d403306.jpg"></td>
<td><img src="https://i.pinimg.com/564x/86/01/90/86019014eebd405ff55a200b24962068.jpg"></td>
</tr>
<tr>
<td><img src="https://i.pinimg.com/564x/a1/d3/dc/a1d3dc4cd32fb2fd726f4dbab89850ca.jpg"></td>
<td><img src="https://i.pinimg.com/564x/28/3a/b9/283ab9b62177c551f3ce439b285bd341.jpg"></td>
</tr>
</table>
</div>
</section>
</main>
<!-- Services -->
<section class="services bg-dark">
<div class="container-fluid center">
<div class="row">
<div class="col-md-4 col-sm-12 grid-1">
<i class="fas fa-info-circle fa-4x iconic"></i>
<h3><a href="about.html">About</a></h3>
<p>Read about the benifits of Sea Swimming </p>
</div>
<div class="col-md-4 col-sm-12 grid-1">
<i class="fas fa-calendar-alt fa-4x iconic"></i>
<h3><a href="events.html">Events</a></h3>
<p>View up and coming events </p>
</div>
<div class="col-md-4 col-sm-12 grid-1">
<i class="fas fa-cloud-sun-rain fa-4x iconic"></i>
<h3><a href="tides.html">Tides and Weather</a></h3>
<p>View tide times and 7 day weather forecast </p>
</div>
</div>
</div>
</section>
<!-- About -->
<section class="bg-light about">
<div class="container-fluid">
<div class="grid-2">
<div class="center">
<i class="fas fa-swimmer fa-5x"> </i>
</div>
<div>
<h3>About Us </h3>
<p> Seapoint Swimming Club was established in 2019 as a ficticious swimming club, created for the purpose of a web design project. Everything you see on this website is purely for that purpose </p>
</div>
</div>
</div>
<footer class="center bg-dark footer">
<div class="row">
<div class="col-md-8 col-sm-12">
<p>ANASAC © 2021</p>
</div>
<div class="col-md-4 col-sm-12">
<p id="follow">Follow us on Social Media</p>
<a href="https://www.youtube.com/" class="fab fa-youtube social fa-2x"></a>
<a href="https://www.facebook.com/" class="fab fa-facebook social fa-2x"></a>
<a href="https://www.instagram.com/" class="fab fa-instagram social fa-2x"></a>
<a href="https://www.twitter.com/" class="fab fa-twitter social fa-2x"></a>
</div>
</div>
</footer>
</body>
</html>