-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
113 lines (104 loc) · 4.53 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
<!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="Cafe Sebastian | An intimate and elegant cafe for coffee and classical music in the heart of Exeter">
<meta name="keywords" content="classical music, concerts, cafe, coffee, Exeter, cafe sebastian">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="icon" type="image/x-icon" href="assets/images/favicon.ico">
<title>Cafe Sebastian</title>
</head>
<body>
<header>
<a href="index.html">
<h1 id="logo">Cafe Sebastian</h1>
</a>
<img id="signature" src="assets/images/signature-new.svg" alt="JS Bach's Signature">
<nav>
<ul id="menu">
<li><a href="index.html" class="active">Home</a></li>
<li><a href="whats-on.html">What's On</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<section id="hero-outer">
<div id="hero-image"></div>
</section>
<section id="about-us">
<h2 id="about-us-title">An intimate venue for coffee and classical music in the heart of Exeter</h2>
<div id="about-us-squares">
<div class="about-us-square">
<div>
<h2>Our Founders</h2>
</div>
<div class="about-us-text">
<p>Brought together by a passion for live music and great coffee, our founders launched Cafe
Sebastian in 2022.</p>
</div>
</div>
<div class="about-us-square">
<div>
<h2>Our Mission</h2>
</div>
<div class="about-us-text">
<p>We are passionate about bringing sublime musical experiences to new audiences in our beautiful
cafe venue.</p>
</div>
</div>
<div class="about-us-square">
<div>
<h2>Our Artists</h2>
</div>
<div class="about-us-text">
<p>We are home to emerging artists and new voices, providing support, mentoring and performance
opportunities. We are committed to fostering the arts through an all-year round
programme of events, workshops and classes.</p>
</div>
</div>
<div class="about-us-square">
<div>
<h2>Our Community</h2>
</div>
<div class="about-us-text">
<p>We are a local, independent coffee house based in the heart of Exeter. Our coffee is good, our
food is fresh and our vibe is friendly. We welcome patrons from all walks of life and look
forward to serving you soon!</p>
</div>
</div>
</div>
</section>
<footer>
<div id="footer-left">
<h3>Opening Times</h3>
<p><span>Monday to Friday</span><span>10:00-18:00</span></p>
<p><span>Saturday</span><span> 10:00-22:00</span></p>
<p><span>Sunday</span><span>12:00-18:00</span></p>
</div>
<div id="footer-center">
<img id="signature-footer" src="assets/images/signature-new.svg" alt="JS Bach's Signature">
</div>
<div id="footer-right">
<a href="https://www.facebook.com" target="_blank"
aria-label="Visit our Facebook page (opens in a new tab)">
<i class="fa-brands fa-square-facebook"></i>
</a>
<a href="https://www.twitter.com" target="_blank" aria-label="Visit our Twitter page (opens in a new tab)">
<i class="fa-brands fa-square-twitter"></i>
</a>
<a href="https://www.instagram.com" target="_blank"
aria-label="Visit our Instagram page (opens in a new tab)">
<i class="fa-brands fa-square-instagram"></i>
</a>
<a href="https://www.youtube.com" target="_blank" aria-label="Visit our YouTube page (opens in a new tab)">
<i class="fa-brands fa-square-youtube"></i>
</a>
</div>
</footer>
<!-- font awesome script -->
<script src="https://kit.fontawesome.com/32eb0f11a8.js" crossorigin="anonymous"></script>
</body>
</html>