Bakery Website/ProjectGallery.html · Projects

<!DOCTYPE html>
<header class="galleryHeader">
    <title>Gallery</title>
    <link rel="stylesheet" href="Gallery-Locations.css"/>
    <nav class="navMenu" >
      <img src="logo.jpeg" id="logo-image">
      <a href="HomePage.html">Home</a>
      <a href="AboutUs.html">About Us</a>
      <a href="courseType.html">Courses</a>
      <a href="Comments.html"">Community</a>
      <a href="ProjectGallery.html">Gallery</a>
      <a href="contact us.html">Contact Us</a>
      <a href="faq.html">FAQ</a>
      <a href="ProjectLocations.html">Locations</a>
      <div class="dot"></div>
    </nav>
  </header>
  <body id="top">
  	<div class="wholeGallery">
  		<!-- Image 1 -->
			<div class="content_img">
				 <img src='1.jpg' alt="Macaroons" width='100%' height='100%'>
				 <div>Macaroons</div>
			</div>

			<!-- Image 2 -->
			<div class="content_img">
				 <img src="2.jpg" alt="Cookies" width='100%' height='100%'>
				 <div>Cookies</div>
			</div>

			<!-- Image 3 -->
			<div class="content_img">
				 <img src="3.png" alt="Cookie brownies" width='100%' height='100%'>
				 <div>Cookie brownies</div> 
			</div>

			<!-- Image 4 -->
			<div class="content_img">
				 <img src="4.jpg" alt="Also bread" width='100%' height='100%'>
				 <div>Bread</div> 
			</div>

			<!-- Image 5 -->
			<div class="content_img">
				 <img src="5.jpg" alt="Bread"  width='100%' height='100%'>
				 <div>Bread</div> 
			</div>

			<!-- Image 6 -->
			<div class="content_img">
				 <img src="6.jpg" alt="crossiant" width='100%' height='100%'>
				 <div>Crossiant</div> 
			</div>

			<!-- Image 7 -->
			<div class="content_img">
				 <img src="7.jpg" alt="Smores"  width='100%' height='100%'>
				 <div>Smores</div> 
			</div>

			<!-- Image 8 -->
			<div class="content_img">
				 <img src="8.jpg" alt="Zatar bread"  width='100%' height='100%'>
				 <div>Zatar Bread</div> 
			</div>

			<!-- Image 9 -->
			<div class="content_img">
				 <img src="9.jfif" alt="Cupcake" width='100%' height='100%'>
				 <div>Cupcake</div> 
			</div>

			<!-- Image 10 -->
			<div class="content_img">
				 <img src="10.jpg" alt="Pretzel" width='100%' height='100%'>
				 <div>Pretzel</div> 
			</div>

			<!-- Image 11 -->
			<div class="content_img">
				 <img src="11.jpg" alt="Pizza"  width='100%' height='100%'>
				 <div>Pizza</div> 
			</div>

			<!-- Image 12 -->
			<div class="content_img">
				 <img src="12.jpg" alt="Apple Pie" width='100%' height='100%'>
				 <div>Apple Pie</div> 
			</div>
	</div>
  </body>
  <footer>
  	<!--<a href="twitter" class="socialcons"><ion-icon name="logo-twitter"></ion-icon></a>
  	<a href="twitter" class="socialcons"><img src="C:\Users\dell-pc\Pictures\BakedGoods\twitter.png" height="20" width="20"></ion-icon></a>
  	<br><br><br>-->
    <small><a href="#top" te>Golden Butter Bakery</a> © 2022. All rights reserved.</small>
  </footer>
</html>