Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

index.html #189

Closed
wants to merge 1 commit into from
Closed

index.html #189

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
159 changes: 159 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,159 @@

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Proton Bakers</title>
<link rel="stylesheet" href="style.css">
</head>IMAGES SUES <!-- Navbar -->
<header class="navbar">
<img src="images/logo.png" alt="Proton Bakers Logo" class="logo-left">

<nav>
<ul class="nav-links">
<li><a href="#home">Home</a></li>
<li><a href="#products">Products</a></li>
<li><a href="#about-contact">About</a></li>
<li><a href="buy.html">Shop</a></li> <!-- Link to buy.html -->
<li><a href="#about-contact">Contac2t<div></div></a></li>
</ul>
</nav>
</header>

<!-- Hero Section -->
<section class="hero" id="home">
<div class3="hero-content">
<div class="photo-carousel">
<div class="carousw3el-slide">
<img src="images/1.png" alt="Photo 1">
<img s rc="images/cookies.jpg" alt="Photo 5">
<imgkg" alt="Photo 2">
<img src="images/bread.jpg" alt="Photo 5">
<img src="images/3.png" class="alt="Photo" 3">
<img src="images/scones.jpg" alt="Photo 5"33
<img src="images/4.png" alt="Photo 4">
<img src="images/cookies2.png" alt="Photo 5">
<img src="images/5.png" alt="Photo 5">
<img src="images/buns2.png" alt="Photo 5">



</div>
</div>
<h1>Proton Bakeries</h1>
<p>Your favorite destin ation for freshly baked bread, cookies, scones, buns, and more!</p>
<a href="#products" class="cta">Explore Products</a>
</div>
</section><img src="" alt="">

<!-- Products Sx8fection -->
<section class="products" id="products">
<h2>Our Products</h2>
<div class="product-grid">
<div class="product-card">
<div class="card-animation">
<div class="flip-container">
<div class="flip-card">
<div class="flip-front">
<img src="images/bread2.png" alt="Bread Front">
</div>
<div class="flip-back">
<img src="images/bread2.png" alt="Bread Back">
</div>
</div>
</div>
</div>
<h3>Bread</h3>
<p>Soft, fresh, and baked daily.</p>
</div>

<div class="product-card">
<div class="card-animation">
<div class="flip-container">
<div class="flip-card">
<div class="flip-front">
<img src="images/cookies2.png" alt="Cookies Front">
</div>
<div class="flip-back">
<img src="images/cookies2.png" alt="Cookies Back">
</div>
</div>
</div>
</div>
<h3>Cookies</h3>
<p>Crunchy and delightful flavors.</p>
</div>

<div class="product-card">
<div class="card-animation">
<div class="flip-container">
<div class="flip-card">
<div class="flip-front">
<img src="images/scones.jpg" alt="Scones Front">
</div>
<div class="flip-back">
<img src="images/scones.jpg" alt="Scones Back">
</div>
</div>
</div>
</div>
<h3>Scones</h3>
<p>Perfectly baked for your tea time.</p>
</div>

<div class="product-card">
<div class="card-animation">
<div class="flip-container">
<div class="flip-card">
<div class="flip-front">
<img src="images/buns.jpg" alt="Buns Front">
</div>
<div class="flip-back">
<img src="images/buns.jpg" alt="Buns Back">
</div>
</div>
</div>
</div>
<h3>Buns</h3>
<p>Soft, fluffy, and irresistible.</p>
</div>
</div>
</section>

<!-- About Section -->
<section id="about-contact" class="about-contact">
<div class="about-contact-wrap">
<h2>About Us</h2>
<p>
Proton Bakeries is your go-to bakery for freshly baked bread, cookies, scones, buns, and more.
We pride ourselves on delivering quality products made from the finest ingredients.
</p>
<h3>Contact Us</h3>
<form class="contact-form">
<label for="name">Your Name</label>
<input type="text" id="name" name="name" placeholder="Enter your name" required />

<label for="email">Email</label>
<input type="email" id="email" name="email" placeholder="Enter your email" required />

<label for="phone">Phone</label>
<input type="tel" id="phone" name="phone" placeholder="Enter your phone number" required />

<label for="message">Message</label>
<textarea id="message" name="message" placeholder="Write your message here" rows="5" required></textarea>

<button type="submit">Submit</button>
</form>
</div>
</section>

<!-- Footer -->
<footer>
<p>&copy; 2024 Proton Bakeries. All Rights Reserved. (by arnold)</p>
</footer>

<script src="script.js"></script>
</body>
</html>