forked from hebercg/ca2-webdev
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
104 lines (99 loc) · 4.82 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- other meta tags for SEO to follow later-->
<title>About Us</title>
<!-- link stylesheet -->
<link rel="stylesheet" href="css/style.css" />
<!--Bootstrap links; includes Popper for now-->
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
crossorigin="anonymous"
/>
<script
src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
crossorigin="anonymous"
></script>
<!-- JQuery -->
<script
src="https://code.jquery.com/jquery-3.7.1.js"
integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4="
crossorigin="anonymous"
></script>
<!-- when referring to scripts use -->
<script src="scripts/scripts.js"></script>
</head>
<body>
<header id="page-header"></header>
<nav
id="main-navigation"
class="navbar navbar-expand-lg navbar-light bg-light"
></nav>
<main>
<p>
Hello, <span id="username"></span>! Let us tell you about our story so
far.
</p>
<div class="image-container">
<!-- photo -->
<div class="image" style="background-image: url('images/roastingcoffee2.jpg');">
<div class="text-overlay center description-text">
<h2>About Us. Our Story.</h2>
<p>Our story began over a decade ago, fueled by our passion for coffee and a desire to share it with the world. With each sip, our love for this beverage grew, leading us to embark on a journey of discovery and exploration.</p>
</div>
</div>
<div class="image" style="background-image: url('images/farming1.jpg');">
<div class="text-overlay right description-text"> <!-- second photo -->
<p>Starting with a humble café, we encountered challenges along the way, particularly in sourcing the highest quality beans. Determined to offer only the best to our customers, we embarked on a quest to find the perfect beans, scouring farms across multiple countries.</p>
<p>As we traveled, we not only sought exceptional beans but also honed our craft, learning the intricacies of cultivation and brewing methods. Today, we proudly offer a curated selection of premium beans sourced from five countries, each meticulously chosen to deliver an unparalleled coffee experience.</p>
</div>
</div>
<div class="image" style="background-image: url('images/farming2.jpg');">
<div class="text-overlay left description-text"> <!-- 3rd photo -->
<p>Our dedication to excellence extends beyond sourcing beans. We offer comprehensive services, including barista training and equipment consultancy, ensuring that every cup of coffee served is crafted with care and expertise.</p>
<p>Driven by our passion for coffee and a commitment to quality, we have developed unique offerings tailored to the needs of small and medium-sized businesses. From Brazil to Ethiopia, we bring the finest beans directly to our customers, delivering not just coffee, but an experience crafted with love and devotion to our craft.</p>
</div>
</div>
</div>
</main>
<footer>
<div class="footer-column about-us">
<h4>About the shop</h4>
<p>Coffee enthusiasts, we supply and prepare coffee beans from the largest producing countries.</p>
</div>
<div class="footer-column menu">
<h4>Menu</h4>
<ul>
<li><a href="about.html">Info</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="footer-column email-input">
<h4>Join our VIP CLUB</h4>
<form>
<input type="email" name="email" placeholder="Enter your email address">
<tr>
<td class="submit-button-row"><button onclick="formValidate()">Submit</button></td>
</tr>
</form>
</div>
<div class="footer-column social">
<a href="https://www.ncirl.ie/">
<img src="images/NCI-Logo.png" alt="Social">
</a>
</div>
</footer>
</main>
<footer></footer>
</body>
</html>