-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
157 lines (156 loc) · 6.92 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mc Daid Bro's Pizza Co.</title>
<link rel="stylesheet" href="styles.css">
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.12.13/dist/full.min.css" rel="stylesheet" type="text/css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet">
</head>
<body class="bg-white">
<div class="top"></div>
<!-- Navigation Bar -->
<div class="background">
<div class="nav-bar">
<div class="nav-container1 flex">
<!-- Left: Logo -->
<ul class="nav-links nav-left">
<li>
<a href="index.html">
<div class="nav-logo"></div>
</a>
</li>
</ul>
<!-- Center: Navigation Links -->
<ul class="nav-links nav-center">
<li>
<a href="about.html">OUR STORY</a>
</li>
<li>
<a href="pizza.html">PIZZA</a>
</li>
<li>
<a href="bakery.html">BAKERY</a>
</li>
<li>
<a href="assets/menu/menu.pdf" target="_blank">MENU</a>
</li>
<li>
<a href="contact.html">CONTACT</a>
</li>
</ul>
<!-- Dropdown for smaller screens -->
<button id="dropdown-modal" class="btn bg-white" onclick="my_modal_3.showModal()">
<i id="chimney" class="fa-solid fa-house-chimney bg-white"></i>
</button>
<dialog id="my_modal_3" class="modal fixed inset-0 w-full h-full flex items-center justify-center bg-white bg-opacity-50">
<div class="modal-box w-full h-full max-w-none p-6 bg-white">
<form method="dialog">
<button class="btn btn-sm btn-circle btn-ghost absolute right-4 top-4 bg-black">✕</button>
</form>
<ul tabindex="0" class="w-full h-auto p-4 space-y-6 bg-white text-black text-[35px]">
<li class="dropdown-image">
</li>
<br>
<li>
<a href="index.html">HOME</a>
</li>
<li>
<a href="about.html">OUR STORY</a>
</li>
<li>
<a href="pizza.html">PIZZA</a>
</li>
<li>
<a href="bakery.html">BAKERY</a>
</li>
<li>
<a href="assets/menu/menu.pdf" target="_blank">MENU</a>
</li>
<li>
<a href="contact.html">CONTACT</a>
</li>
<li>
<a href="https://www.facebook.com/">
<i class="fa-brands fa-facebook"></i>
</a>
<a href="https://www.instagram.com/">
<i class="fa-brands fa-instagram ml-2"></i>
</a>
</li>
</ul>
</div>
</dialog>
<!-- Right: Social Media Icons -->
<ul class="nav-links nav-right">
<li class="nav-end">
<a href="https://www.facebook.com/">
<i class="fa-brands fa-facebook"></i>
</a>
</li>
<li class="nav-end">
<a href="https://www.instagram.com/">
<i class="fa-brands fa-instagram"></i>
</a>
</li>
</ul>
</div>
</div>
<!-- Logo Section -->
<div class="logo our-story-headline">
<h2>OUR STORY</h2>
<p>A little bit about how we began..</p>
</div>
</div>
<!-- Home Bottom Section -->
<div class="home-bottom">
<h2 class="section-title">THE BEGINNING OF SOMETHING GREAT</h2>
<div class="bottom-container">
<div class="bottom-left">
<h1>OUR STORY</h1>
<p class="text-left">Welcome to our family-run pizzeria and bakery! I'm proud to share the story of how it all began back in 1985 Sean and Matthew Mc Daid, two brothers, opened their doors right here in the heart of Donegal. What started as a shared dream between the two of them has since grown into a local institution, rooted in their love for baking and passion for authentic Italian pizza.</p>
<p class="text-left">We’ve always believed in using simple, high-quality ingredients—many sourced right here in Donegal—combined with traditional recipes passed down through generations. Whether it's our hand-stretched pizzas or freshly baked breads and pastries, every item is crafted with the same care and attention we’ve had since day one.</p>
</div>
<div class="bottom-right">
<div class="photo-3 about-photo-2"></div>
<p class="text-left">We’re still as passionate as ever about sharing good food and great memories. So whether you're visiting for the first time or you’ve been with us since we opened, we welcome you to experience the warmth and tradition of our family kitchen.</p>
</div>
</div>
</div>
<!-- Footer -->
<footer class="footer p-10 footer-about">
<nav>
<h6 class="text-xl text-white" style='font-family: "Oswald", sans-serif;'>Contact Us</h6>
<p>info@mcdaidbros.com</p>
<p>+44 (0) 75 5675 2876</p>
<p>© <span id="year"></span> Mc Daid Brother's Bakery and Pizzeria | All rights reserved. </p>
</nav>
<nav>
<h6 class="text-xl text-white" style='font-family: "Oswald", sans-serif;'>About</h6>
<a href="about.html" class="link link-hover">Our Story</a>
<a href="pizza.html" class="link link-hover">Pizza</a>
<a href="bakery.html" class="link link-hover">Bakery</a>
</nav>
<nav>
<h6 class="text-xl text-white" style='font-family: "Oswald", sans-serif;'>Keep In Touch</h6>
<div class="grid grid-flow-col gap-4">
<a href="https://www.facebook.com/">
<i class="fa-brands fa-facebook footer-socials"></i>
</a>
<a href="https://www.instagram.com/">
<i class="fa-brands fa-instagram footer-socials"></i>
</a>
</div>
</nav>
</footer>
<script src="script.js"></script>
<script src="https://kit.fontawesome.com/602c42d7e5.js" crossorigin="anonymous"></script>
</body>
</html>