Skip to content

Commit

Permalink
logo added to mobile screen nav bar
Browse files Browse the repository at this point in the history
  • Loading branch information
@Mcdaid101
Mcdaid101 committed Oct 21, 2024
1 parent 38a1bed commit 1d3e58a
Show file tree
Hide file tree
Showing 6 changed files with 182 additions and 112 deletions.
80 changes: 46 additions & 34 deletions about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,37 +46,49 @@
<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>
<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>
</ul>
</div>
</dialog>
<!-- 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">
Expand Down Expand Up @@ -104,12 +116,12 @@ <h2 class="section-title">THE BEGINNING OF SOMETHING GREAT</h2>
<div class="bottom-container">
<div class="bottom-left">
<h1>OUR STORY</h1>
<p>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>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>
<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>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>
<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>
Expand Down
82 changes: 47 additions & 35 deletions bakery.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,37 +46,49 @@
<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>
<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>
</ul>
</div>
</dialog>
<!-- 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">
Expand Down Expand Up @@ -104,15 +116,15 @@ <h2 class="section-title pizza-title god-bless-sourdough">GOD BLESS SOURDOUGH</h
<div class="bottom-container">
<div class="bottom-left">
<h1>BAKING</h1>
<p>McDaid Brothers Bakery has been a family-owned cornerstone in the community for generations. Known for their handcrafted artisan breads, heavenly pastries, and homemade pies, every item is baked with love and tradition.</p>
<p>Using locally sourced ingredients, McDaid Brothers continues to create classic favorites and seasonal treats that bring the taste of home to every customer. Whether it's a loaf of fresh bread or a special pastry, their commitment to quality and care shines through in every bite.</p>
<p class="text-left">McDaid Brothers Bakery has been a family-owned cornerstone in the community for generations. Known for their handcrafted artisan breads, heavenly pastries, and homemade pies, every item is baked with love and tradition.</p>
<p class="text-left">Using locally sourced ingredients, McDaid Brothers continues to create classic favorites and seasonal treats that bring the taste of home to every customer. Whether it's a loaf of fresh bread or a special pastry, their commitment to quality and care shines through in every bite.</p>
<div class="photo-1 bakery-photo-1"></div>
</div>
<div class="bottom-right pizza-right">
<div class="photo-3 bakery-photo"></div>
<p>At McDaid Brothers Bakery, every day begins with the aroma of freshly baked artisan breads, soft rolls, and delicate pastries. From classic sourdough and whole grain loaves to buttery croissants and flaky Danish pastries, each item is crafted with care using the finest local ingredients.</p>
<p class="text-left">At McDaid Brothers Bakery, every day begins with the aroma of freshly baked artisan breads, soft rolls, and delicate pastries. From classic sourdough and whole grain loaves to buttery croissants and flaky Danish pastries, each item is crafted with care using the finest local ingredients.</p>
<br>
<p>Their selection offers both traditional favorites and creative seasonal treats, all baked to perfection for a taste that feels like home.</p>
<p class="text-left">Their selection offers both traditional favorites and creative seasonal treats, all baked to perfection for a taste that feels like home.</p>
</div>
</div>
</div>
Expand Down
80 changes: 46 additions & 34 deletions contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,37 +46,49 @@
<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>
<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>
</ul>
</div>
</dialog>
<!-- 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">
Expand All @@ -102,9 +114,9 @@ <h2 class="contact-title">CONTACT</h2>
<div class="bottom-container">
<div class="bottom-left">
<h2 class="get-in-touch">GET IN TOUCH</h2>
<p>For home delivery call us on +44 (0) 75 5675 2876 or find us on Just Eat and Deliveroo. </p>
<p>We love getting feedback about our food and service.</p>
<p>Email us at: info@mcdaidbros.com</p>
<p class="text-left">For home delivery call us on +44 (0) 75 5675 2876 or find us on Just Eat and Deliveroo. </p>
<p class="text-left">We love getting feedback about our food and service.</p>
<p class="text-left">Email us at: info@mcdaidbros.com</p>
<h3 class="contact-h3">FIND US HERE</h3>
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d810.0967203868612!2d-7.736945372186573!3d54.950306386247604!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sie!4v1729264390074!5m2!1sen!2sie" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
Expand Down
23 changes: 18 additions & 5 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -56,6 +56,9 @@
<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>
Expand All @@ -74,7 +77,16 @@
<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 -->
Expand Down Expand Up @@ -136,19 +148,20 @@ <h4 id="open-closed"></h4>
</div>
</div>
<!-- Home Bottom Section -->
<div class="home-bottom">
<h2 class="section-title">A LOOK AT OUR BAKERY AND PIZZERIA</h2>
<div class="home-bottom pt-10">
<h2 class="section-title pt-5">A LOOK AT OUR BAKERY AND PIZZERIA</h2>
<div class="bottom-container">
<div class="bottom-left">
<h1>WELCOME TO MCDAID BROTHER'S</h1>
<p>The bakery and pizzeria is now open 5 days a week, Wednesday to Sunday, for takeaway and sit in.</p>
<p>Since 1985 we’ve been making and baking our range of bread for the good people of Donegal.</p>
<p class="text-left">The bakery and pizzeria is now open 5 days a week, Wednesday to Sunday, for takeaway and sit in.</p>
<p class="text-left">Since 1985 we’ve been making and baking our range of bread for the good people of Donegal.</p>
<div class="photo-1"></div>
<div class="photo-2"></div>
</div>
<div class="bottom-right">
<div class="photo-3"></div>
<p>At McDaid's our team prepares everything from scratch daily, from bread to our wonderful wood-fired sourdough pizzas.</p>
<p class="text-left">At McDaid's, our team prepares everything from scratch daily, from bread to our wonderful wood-fired sourdough pizzas.
We take pride in using the freshest ingredients to deliver an unforgettable dining experience every time.</p>
</div>
</div>
</div>
Expand Down
Loading

0 comments on commit 1d3e58a

Please sign in to comment.