added deals page

jjanzenn · Mar 23, 2023 · 6874d54 · 6874d54
1 parent de3e2ba
commit 6874d54
Show file tree

Hide file tree

Showing 10 changed files with 87 additions and 3 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/about.html b/about.html
@@ -49,7 +49,7 @@
         </nav>
         <div class="top-bar">
             <div class="logo">
-                <img src = "My project.png" alt="logo"/>
+                <img src = "./images/My project.png" alt="logo"/>
             </div>
             <div class="search-bar">
                 <input type="text" class="search-bar"></input>

diff --git a/deals.html b/deals.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Deals Of The Week!</title>
+        <script src="src/script.js"></script>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+        <link rel="stylesheet" href="styles/styles.css">
+        <link rel="stylesheet" href="styles/flyerstyles.css">
+        <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300&family=Roboto:wght@100&display=swap" rel="stylesheet">
+    </head>
+    <body>
+        <nav class="container">
+            <ul class="fixed" id="sidebar">
+                <li class="side-menu-item">
+                    <a href="categories.html">
+                        <div class="icon"></div>
+                            <i class="material-icons" style="font-size: 3em;">flatware</i>
+                        <div class="name" data-text="Categories">CATEGORIES</div>
+                    </a>
+                </li>
+                <li class="side-menu-item">
+                    <a href="deals.html">
+                        <div class="icon"></div>
+                            <i class="material-icons" style="font-size: 3em;">flatware</i>
+                        <div class="name" data-text="Deals">DEALS</div>
+                    </a>
+                </li>
+                <li class="side-menu-item">
+                    <a href="categories.html">
+                        <div class="icon"></div>
+                            <i class="material-icons" style="font-size: 3em;">flatware</i>
+                        <div class="name" data-text="Recipes">RECIPES</div>
+                    </a>
+                </li>
+                <li class="side-menu-item" id="about-menu-item">
+                    <div class="icon"></div>
+                        <i class="material-icons" style="font-size: 3em;">flatware</i>
+                    <div class="name" data-text="About Us">ABOUT US</div>
+                </li>
+            </ul>
+        </nav>
+        <div class="top-bar">
+            <div class="logo" id="logo">
+                    <img src = "./images/My project.png" alt="logo"/>
+            </div>
+            <div class="search-bar">
+                <input type="text" class="search-bar" id="searchbar"></input>
+            </div>
+        </div>
+        <div class="main" id="main">
+        </div>
+        <div class="center" id="center">
+            <img src = "./flyerimages/Cilantro.png" alt="cilantro-deal"/>
+            <img src = "./flyerimages/Carrots.png" alt="carrots-deal"/>
+            <img src = "./flyerimages/Bison.png" alt="bison-deal"/>
+            <img src = "./flyerimages/Apples.png" alt="apples-deal"/>
+        </div>
+        <div class="cart-button">Cart</div>
+    </body>
+</html>
diff --git a/flyerimages/Apples.png b/flyerimages/Apples.png
diff --git a/flyerimages/Bison.png b/flyerimages/Bison.png
diff --git a/flyerimages/Carrots.png b/flyerimages/Carrots.png
diff --git a/flyerimages/Cilantro.png b/flyerimages/Cilantro.png
diff --git a/My project.png → images/My project.png b/My project.png → images/My project.png
diff --git a/index.html b/index.html
@@ -18,7 +18,7 @@
                     </a>
                 </li>
                 <li class="side-menu-item">
-                    <a href="brands.html">
+                    <a href="deals.html">
                         <div class="icon"></div>
                             <i class="material-icons" style="font-size: 3em;">flatware</i>
                         <div class="name" data-text="Deals">DEALS</div>
@@ -40,7 +40,7 @@
         </nav>
         <div class="top-bar">
             <div class="logo" id="logo">
-                    <img src = "My project.png" alt="logo"/>
+                    <img src = "./images/My project.png" alt="logo"/>
             </div>
             <div class="search-bar">
                 <input type="text" class="search-bar" id="searchbar"></input>

diff --git a/styles/flyerstyles.css b/styles/flyerstyles.css
@@ -0,0 +1,24 @@
+.center img[src="./flyerimages/Cilantro.png"]{
+    width: 30%;
+    min-width: 250px;
+}
+.center img[src="./flyerimages/Carrots.png"]{
+    width: 30%;
+    left:250px; 
+    min-width: 250px;
+}
+.center img[src="./flyerimages/Bison.png"]{
+    width: 40%;
+    top:250px; 
+    min-width: 250px;
+}
+.center img[src="./flyerimages/Apples.png"]{
+    width: 30%;
+    top:250px; 
+    min-width: 250px;
+}
+.center{
+    left: 135px; 
+    position: fixed; 
+    top: 82px; 
+}