generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
192 lines (182 loc) · 8.23 KB
/
index.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
<!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="Limerick Comedy Guide for comedy fans in Limerick, Ireland">
<meta name="keywords" content="comedy, Limerick comedy guide, Ireland, stand-up">
<link rel="stylesheet" href="assets/css/style.css">
<title>Limerick Comedy Guide</title>
</head>
<body>
<header>
<!-- Logo/Home Button -->
<a href="index.html" class="big-logo">
<h1 class="logos">
Limerick Comedy Guide
</h1>
</a>
<a href="index.html" class="small-logo">
<h1 class="logos">
L.C.G.
</h1>
</a>
<nav>
<!-- Menu for wider screens -->
<ul id="menu">
<li>
<a href="contact.html">Contact</a>
</li>
<li>
<a href="comedy-links.html">Comedy Links</a>
</li>
<li>
<a href="index.html" class="active">Home</a>
</li>
</ul>
<!-- Menu for smaller screens -->
<ul class="mobile-menu">
<li>
<a href="index.html"><i class="fa-solid fa-house"></i></a>
</li>
<li>
<a href="comedy-links.html"><i class="fa-solid fa-arrow-up-right-from-square"></i></a>
</li>
<li>
<a href="contact.html"><i class="fa-regular fa-message"></i></a>
</li>
</ul>
</nav>
</header>
<!-- Animated hero image -->
<section id="hero-outer">
<div id="hero-image"></div>
<div id="cover-text">
<h2>Welcome to the Limerick Comedy Guide!</h2>
<h3>I'll be your MC tonight aaaand coming up next we have the best directions on keeping abreast of the
Limerick comedy scene!</h3>
</div>
</section>
<!-- "Regular Limerick Comedy Nights" Section -->
<div id="regular-section-outer">
<section id="regular-section" class="home-sections">
<h1>The Regular Limerick Comedy Nights</h1>
<p id="regular-blurb">Limerick currently has two Comedy Groups hosting monthly "Closed Mic" gigs.
<br>For these gigs expect 5 or 6 comedians and a MC doing sets on the shorter side.
<br>It'll often be fresher material that's being tried out, but don't worry, they are
<em>professionals</em>... at
whatever their day job is...
</p>
<div id="regular-nights-flex">
<div id="first-regular" class="regular-night-boxes home-section-cards">
<h2>Mic Drop Comedy</h2>
<h3>First Saturday of every month 8:30pm <br><br>
The Commercial Bar,
<br>Catherine Street.</h3>
<br><br>
<p>Mic Drop Comedy is Limerick's leading regular Stand-Up night.
<br><br>
Every month, they bring in some of the finest Limerick Comedians and many more from around the
country.
<br><br>
<br><br>
<br><br>
Find More Details and booking links on our
<br><br>
<a href="comedy-links.html">Comedy Links Page</a> for Limerick
</p>
</div>
<div id="second-regular" class="regular-night-boxes home-section-cards">
<h2>Four Corners Comedy Club</h2>
<h3>First Thursday of every month at 8pm <br><br>
Katie Daly's Bar,<br>
12 Castle Street</h3>
<br><br>
<p>The new kid on the block, but rapidly gaining steam.
<br><br>
Plenty of amazing comedians making their way through this club!
<br><br>Well Worth a visit!
<br><br>
<br><br>
<br><br>
Find More Details and booking links on our
<br><br>
<a href="comedy-links.html">Comedy Links Page</a> for Limerick
</p>
</div>
<div id="third-regular" class="regular-night-boxes home-section-cards">
<h2>University of Limerick Comedy Society</h2>
<p> Currently defunct/in hibernation as of COVID
They'll be back, though. Mark my words; They always come back!
</p>
</div>
</div>
</section>
</div>
<!-- "Featured Upcoming Gigs" Section -->
<section class="home-sections upcoming-gigs-section">
<h1>Featured Upcoming Gigs</h1>
<div class="upcoming-gigs-grid">
<div class="gigs-boxes home-section-cards">
<h2>David O'Doherty in Dolans</h2>
<br><br>
<h3>5th January 2023</h3>
<br><br>
<p>The ever ruffled David O'Doherty is breaking in the new year in dolans.
<br><br>
<a href="https://www.dolans.ie/gigs-events-live-music-listings/2023/1/5/david-odoherty-3rd-date"
target="_blank" rel="noopener" aria-label="Book David O'Doherty at dolans.ie">>Get
your tickets here.</a>
</p>
</div>
<div class="gigs-boxes home-section-cards">
<h2>Donal Vaughan's Science Magic Show</h2>
<br><br>
<h3>2nd December 2022</h3>
<br><br>
<p>Donal Vaughan has long cut his teeth on the comedy circuit and now he's distilled his skills into
quite the saucy little production experiment!
<br><br>
<a href="https://limetreetheatre.ie/events/science-magic-xxx/" target="_blank" rel="noopener"
aria-label="Book Donal Vaughan's gig at limetreetheatre.ie">>Get your tickets here.</a>
</p>
</div>
<div class="gigs-boxes home-section-cards">
<h2>Mic Drop Comedy's Next Gig</h2>
<br><br>
<h3>10th December 2022</h3>
<br><br>
<p>Mic Drop are back once again with a impressive line up. Get your tickets soon, they snap up early!
<br><br>
<a href="https://www.eventbrite.ie/e/mic-drop-comedy-saturday-10th-december-tickets-474826427627?aff=ebdsoporgprofile"
target="_blank" rel="noopener" aria-label="Book Mic Drop Comedy Gig at eventbrite.ie">Get
your tickets here.</a>
</p>
</div>
</div>
</section>
<footer>
<!-- Social Media Links in footer -->
<ul class="social-links">
<li>
<a href="https://facebook.com" target="_blank" rel="noopener"
aria-label="Visit our Facebook page to stand in awe of Mr Zuckerberg (opens in a new tab)"><i
class="fa-brands fa-square-facebook"></i></a>
</li>
<li>
<a href="https://twitter.com" target="_blank" rel="noopener"
aria-label="Visit our Twitter page to see Elon Musk in action(opens in a new tab)"><i
class="fab fa-twitter-square"></i></a>
</li>
<li>
<a href="https://youtube.com" target="_blank" rel="noopener"
aria-label="Visit our YouTube page (opens in a new tab) to escape this reality"><i
class="fab fa-youtube-square"></i></a>
</li>
</ul>
</footer>
<!-- font awesome script -->
<script src="https://kit.fontawesome.com/ae0900deec.js" crossorigin="anonymous"></script>
</body>
</html>