diff options
Diffstat (limited to 'index.html')
-rw-r--r-- | index.html | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..942e777 --- /dev/null +++ b/index.html @@ -0,0 +1,56 @@ +<!DOCTYPE html> +<html> + <head> + <title>Pantry of Plants</title> + <link rel="stylesheet" href="style/style.css"> + <script src="scripts/image-slide.js" defer></script> + </head> + + <body> + <header> + <nav> + <a href="index.html"><img src="images/pantry-of-plants-logo.png" class="logo"></a> + <div class="nav-text-outer"> + <a href="recipes.html" class="nav-text">Recipes</a> + <a href="about.html" class="nav-text">About</a> + </div> + </nav> +</header> + + <div class="content"> + <!-- Slideshow container --> + <div class="slideshow-container"> + <!-- Full-width images with rounded edges --> + <div class="slides"> + <img src="images/recipe-images/bread-3.JPG" style="width:100%; border-radius:20px;" /> + </div> + <div class="slides"> + <img src="images/recipe-images/banana-muffin.JPG" style="width:100%; border-radius:20px;" /> + </div> + <div class="slides"> + <img src="images/placeholder/home3.jpg" style="width:100%; border-radius:20px;" /> + </div> + </div> + <!-- The dots/circles --> + <div style="text-align:center"> + <span class="dot" onclick="currentSlide(1)"></span> + <span class="dot" onclick="currentSlide(2)"></span> + <span class="dot" onclick="currentSlide(3)"></span> + </div> + <div class="home-links"> + <a class="button" id="explore" href="recipes.html"> + <p>Explore Recipes</p> + </a> + <a class="button" id="contact" href="mailto:scott@pantryofplants.ca"> + <p>Contact <img src="images/mail.svg" class="mail-1" /></p> + </a> + </div> +</div> + + <footer> + <a href="mailto:scott@pantryofplants.ca" class="mail">Contact: scott@pantryofplants.ca <img src="images/mail.svg" class="mail-2"></a> + <p>© 2021 Pantry of Plants</p> +</footer> + + </body> +</html> |