generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathevents.html
180 lines (174 loc) · 7.87 KB
/
events.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Syncro Ireland">
<meta name="keywords" content="vw syncro, 4x4, t3, t25, offroad, event, ireland">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicon_io/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon_io/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon_io/favicon-16x16.png">
<link rel="manifest" href="assets/favicon_io/site.webmanifest">
<title>Syncro Ireland</title>
</head>
<body>
<!-- Header containing logo and navigation -->
<header>
<div class="navbar">
<a href="index.html"><p class="logo">Syncro Ireland</p></a>
<nav id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="events.html" class="active">Events</a></li>
<li><a href="signup.html" >Sign Up!</a></li>
</ul>
</nav>
</div>
</header>
<!-- Events page content section -->
<!-- Upcoming events -->
<main class="section-flex-wrapper">
<div class="section-heading">
<h1>Upcoming Event News</h1>
</div>
<div class="content-wrapper">
<div class="content-text">
<br>
<h2>Syncro Ireland 2022</h2>
<br>
<p>
Dates: To be Agreed
</p>
<br><br>
<p>
We're currently organising next year's event and the plan is to run it
over two weekends. Having an East coast / West coast split
went down a treat on the last occasion. We encourage all attendees to take the week
between to explore our wonderful country.
</p>
<br>
<P>
Be sure to check back often for more info.
</P>
<br>
<p>
Please <a class="inline-link" href="signup.html">sign up</a> for our newsletter
and connect with us on our <a class="inline-link" href="#footer">social media</a> platforms.
</P>
</div>
</div>
<div class="content-wrapper">
<div class="sticky-note">
<p><i class="fas fa-thumbtack"></i></p>
<br>
<h2>Event volunteers needed!</h2>
<br><br>
<p>
As a non-profit we always need volunteers to help organise and run events.
</p>
<br>
<p>
If you think you can offer your time, expertise and entusiasm, then we need you!
</p>
<br>
<p>
<i class="far fa-check-square"></i> Be sure to tick the box when you <a class="inline-link" href="signup.html">sign up here</a> for our event mailing list.
</p>
</div>
</div>
</main>
<hr class="hr-style">
<!-- end upcoming events -->
<!-- Previous events -->
<!-- first section -->
<section class="section-flex-wrapper">
<div class="section-heading">
<h2 id="prev-events">Previous Events</h2>
</div>
<div class="content-wrapper">
<div class="content-text">
<br>
<h2>Syncropendence</h2>
<br>
<p>
We're just back from Syncropendence 2021.
</p>
<br>
<p>Our Syncronaut friends in the UK never fail to organise a great event,
and this year was no exception. We took in the splendour of the Welsh border country.
A fantastic time was had by all. We'll share some pictures here soon. A big 'Thank you!' to all involved.
</p>
<br>
<p>
It goes without saying that you are all invited to Syncro Ireland next year, so we hope you can make it.
</p>
</div>
</div>
<div class="content-wrapper">
<div class="content-text">
<div class="image-wrapper">
<img src="assets/images/syncropendence21-poster.jpeg" alt="Syncropendence event poster 2021">
</div>
</div>
</div>
</section>
<hr class="hr-style">
<!-- second section -->
<section class="section-flex-wrapper">
<div class="content-wrapper">
<div class="content-text">
<h3>Eire Syncro was the first ever Syncro event held in Ireland in 2011</h3>
<br>
<p>
Eire Syncro was the first ever Syncro event held in Ireland.
This event was attended by the French Syncro Club and also Club 8090 Syncronauts
of which the organisers of Eire Syncro were also members.
</p>
<p>
From what we know there were approximately 16-20 Syncros in total in the whole of Ireland so it was quite amazing to have our ranks swelled to approximately 30 Syncros with our French and English fellow Syncronauts and some members from the Irish VW clubs.
</p>
<p>
The event was held over two weekends - the first part in the East of the country, and the second in the West, which gave all who attended a week to go exploring in between.
We would very much like to repeat this event and this websote has been built to advertise and promote it so that we can do this again. Please enjoy all the amazing photos and videos that were taken by the participants, including some of my own, and please feel free to comment and share
on our <a class="inline-link" href="#footer">social media</a> platforms.
</p>
</div>
</div>
<div class="content-wrapper">
<div class="content-text">
<div class="image-wrapper">
<iframe width="560" height="315" src="https://www.youtube.com/embed/i-wTIPIL1sY" title="YouTube video player" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe>
</div>
</div>
</div>
</section>
<!-- End events page content section -->
<!-- Footer -->
<footer id="footer">
<div id="copyright">
<p>Copyright © 2021 Syncro Ireland</p>
</div>
<div id="social-links">
<ul>
<li><a href="https://facebook.com/pages/category/Event/Eire-Syncro-261159948060757/"
target="_blank" rel="noopener"
aria-label="Syncro Ireland as Eire Syncro on Facebook (opens in new tab)">
<i class="fab fa-facebook"></i></a>
</li>
<li><a href="https://youtube.com" target="_blank" rel="noopener"
aria-label="Syncro Ireland YouTube channel (opens in new tab)">
<i class="fab fa-youtube"></i></a>
</li>
<li><a href="https://instagram.com" target="_blank" rel="noopener"
aria-label="Syncro Ireland Instagram page (opens in new tab)">
<i class="fab fa-instagram"></i></a>
</li>
</ul>
</div>
</footer>
<!-- Font Awesome script -->
<script src="https://kit.fontawesome.com/002af28fb5.js" crossorigin="anonymous"></script>
</body>
</html>