50and55

Amrita-TIFAC-Cyber-Blockchain · Dec 15, 2023 · 37289ad · 37289ad
1 parent 5879d6b
commit 37289ad
Show file tree

Hide file tree

Showing 30 changed files with 1,831 additions and 0 deletions.
diff --git a/Assignments/CB.EN.U4CYS22055/ui/css/style.css b/Assignments/CB.EN.U4CYS22055/ui/css/style.css
diff --git a/Assignments/CB.EN.U4CYS22055/ui/html/about.html b/Assignments/CB.EN.U4CYS22055/ui/html/about.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8"
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!-- CSS LINK -->
+    <link rel="stylesheet" href="../css/style.css">
+    <!-- Fontawesome -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"/>
+    <title>About</title>
+</head>
+<body>
+
+    <!-------------------------------------------- HEADER SECTION -->
+    <header class="header" >
+        <a href="#" class="logo">
+            <img src="../image/pngegg.webp" alt="logo">
+        </a>
+        <nav class="navbar">   
+            <a href="../index.html" class="active">home</a>
+            <a href="../html/about.html">about</a>
+            <a href="../html/menu.html">menu</a>
+            <a href="../html/products.html">products</a>
+            <a href="../html/review.html">review</a>
+            <a href="../html/contact.html">contact</a>
+            <a href="../html/blog.html">blog</a>
+        </nav>
+        <div class="buttons">
+
+            <button id="cart-btn">
+                <i class="fas fa-shopping-cart"></i>
+            </button>
+            <button id="menu-btn">
+                <i class="fas fa-bars"></i>
+            </button>
+        </div>
+        <div class="search-form">
+            <input type="text" class="search-input" id="search-box" placeholder="Search">
+            <i class="fas fa-search"></i>
+        </div>
+        <div class="cart-items-container">
+            <div class="cart-item">
+                <i class="fas fa-times"></i>
+                <img src="../image/pngwing.com (1).png" alt="menu">
+                <div class="content">
+                    <h3>cart item 01</h3>
+                    <div class="price">$15.99 </div>
+                </div>
+            </div>
+            <div class="cart-item">
+                <i class="fas fa-times"></i>
+                <img src="../image/pngwing.com (2).png" alt="menu">
+                <div class="content">
+                    <h3>cart item 02</h3>
+                    <div class="price">$16.99 </div>
+                </div>
+            </div>
+            <div class="cart-item">
+                <i class="fas fa-times"></i>
+                <img src="../image/pngwing.com (3).png" alt="menu">
+                <div class="content">
+                    <h3>cart item 03</h3>
+                    <div class="price">$13.99 </div>
+                </div>
+            </div>
+            <div class="cart-item">
+                <i class="fas fa-times"></i>
+                <img src="../image/pngwing.com (4).png" alt="menu">
+                <div class="content">
+                    <h3>cart item 04</h3>
+                    <div class="price">$12.99 </div>
+                </div>
+            </div>
+            <a href="#" class="btn">check out </a>
+        </div>
+    </header>
+    <!-- -------------------------------------------HEADER SECTION -->
+
+    <!-- -------------------------------------------ABOUT US SECTION -->
+    <section class="about" id="about">
+        <h1 class="heading">about <span>us</span> </h1>
+
+        <div class="row">
+            <div class="image">
+                <img src="../image/pngwing.com (7).png" alt="">
+            </div>
+            <div class="content">
+                <h3>What is the secret receipe of our burgers</h3>
+                <div class="paragraph">
+                    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quia officia id et, corrupti assumenda.</p>
+                    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quia officia id et, corrupti assumenda.</p>
+                    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quia officia id et, corrupti assumenda.</p>
+                </div>
+                    <a href="#" class="btn">Learn More</a>
+            </div>
+        </div>
+    </section>
+    <!-- -------------------------------------------ABOUT US SECTION -->
+
+    <!-- -------------------------------------------FOOTER SECTION -->
+    <section class="footer">
+        <div class="credit">
+            created by <span>Ramraj S and Naren Adithya</span>
+        </div>
+    </section>
+    <!-- -------------------------------------------FOOTER SECTION -->
+
+<script src="../js/script.js"></script>
+
+</body>
+</html>
diff --git a/Assignments/CB.EN.U4CYS22055/ui/html/blog.html b/Assignments/CB.EN.U4CYS22055/ui/html/blog.html
@@ -0,0 +1,132 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!-- CSS LINK -->
+    <link rel="stylesheet" href="../css/style.css">
+    <!-- Fontawesome -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"  />
+    <title>Blog</title>
+</head>
+<body>
+
+    <!-------------------------------------------- HEADER SECTION -->
+    <header class="header" >
+        <a href="#" class="logo">
+            <img src="../image/pngegg.webp" alt="logo">
+        </a>
+        <nav class="navbar">
+            <a href="../index.html" class="active">home</a>
+            <a href="../html/about.html">about</a>
+            <a href="../html/menu.html">menu</a>
+            <a href="../html/products.html">products</a>
+            <a href="../html/review.html">review</a>
+            <a href="../html/contact.html">contact</a>
+            <a href="../html/blog.html">blog</a>
+        </nav>
+        <div class="buttons">
+
+            <button id="cart-btn">
+                <i class="fas fa-shopping-cart"></i>
+            </button>
+            <button id="menu-btn">
+                <i class="fas fa-bars"></i>
+            </button>
+        </div>
+        <div class="search-form">
+            <input type="text" class="search-input" id="search-box" placeholder="Search">
+            <i class="fas fa-search"></i>
+        </div>
+        <div class="cart-items-container">
+            <div class="cart-item">
+                <i class="fas fa-times"></i>
+                <img src="../image/pngwing.com (1).png" alt="menu">
+                <div class="content">
+                    <h3>cart item 01</h3>
+                    <div class="price">$15.99 </div>
+                </div>
+            </div>
+            <div class="cart-item">
+                <i class="fas fa-times"></i>
+                <img src="../image/pngwing.com (2).png" alt="menu">
+                <div class="content">
+                    <h3>cart item 02</h3>
+                    <div class="price">$16.99 </div>
+                </div>
+            </div>
+            <div class="cart-item">
+                <i class="fas fa-times"></i>
+                <img src="../image/pngwing.com (3).png" alt="menu">
+                <div class="content">
+                    <h3>cart item 03</h3>
+                    <div class="price">$13.99 </div>
+                </div>
+            </div>
+            <div class="cart-item">
+                <i class="fas fa-times"></i>
+                <img src="../image/pngwing.com (4).png" alt="menu">
+                <div class="content">
+                    <h3>cart item 04</h3>
+                    <div class="price">$12.99 </div>
+                </div>
+            </div>
+            <a href="#" class="btn">check out </a>
+        </div>
+    </header>
+<!-- -------------------------------------------HEADER SECTION -->
+
+<!-- -------------------------------------------BLOG SECTION -->
+<section class="blog" id="blog">
+    <h1 class="heading">our <span>blog</span> </h1>
+    <div class="box-container">
+        <div class="box-full">
+            <div class="image">
+                <img src="../image/delicious-burger-on-wooden-board-2022-03-04-05-58-25-utc.jpg" alt="">
+            </div>
+            <div class="content">
+                <a href="#" class="title">how to make burgers</a>
+                <span>by admin </span>
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus eos esse nesciunt cupiditate expedita.</p>
+                <a href="#" class="btn">read more</a>
+            </div>
+        </div>
+        <div class="box-full">
+            <div class="image">
+                <img src="../image/delicious-tasty-burgers-on-wooden-background-2021-08-26-15-25-13-utc.jpg" alt="">
+            </div>
+            <div class="content">
+                <a href="#" class="title">how to make burgers</a>
+                <span>by admin </span>
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus eos esse nesciunt cupiditate expedita.</p>
+                <a href="#" class="btn">read more</a>
+            </div>
+        </div>
+        <div class="box-full">
+            <div class="image">
+                <img src="../image/handmade-burger-on-dark-background-delicious-blac-2021-10-21-02-27-27-utc.jpg" alt="">
+            </div>
+            <div class="content">
+                <a href="#" class="title">how to make burgers</a>
+                <span>by admin </span>
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus eos esse nesciunt cupiditate expedita.</p>
+                <a href="#" class="btn">read more</a>
+            </div>
+        </div>
+    </div>
+</section>
+<!-- -------------------------------------------BLOG SECTION -->
+
+<!-- -------------------------------------------FOOTER SECTION -->
+    <section class="footer">
+
+        <div class="credit">
+            created by <span>Ramraj S and Naren Adithya</span>
+        </div>
+    </section>
+    <!-- -------------------------------------------FOOTER SECTION -->
+
+<script src="../js/script.js"></script>
+
+</body>
+</html>
diff --git a/Assignments/CB.EN.U4CYS22055/ui/html/contact.html b/Assignments/CB.EN.U4CYS22055/ui/html/contact.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!-- CSS LINK -->
+    <link rel="stylesheet" href="../css/style.css">
+    <!-- Fontawesome -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"/>
+    <title>Contact</title>
+</head>
+<body>
+
+    <!-------------------------------------------- HEADER SECTION -->
+    <header class="header" >
+        <a href="#" class="logo">
+            <img src="../image/pngegg.webp" alt="logo">
+        </a>
+        <nav class="navbar">
+            <a href="../index.html" class="active">home</a>
+            <a href="../html/about.html">about</a>
+            <a href="../html/menu.html">menu</a>
+            <a href="../html/products.html">products</a>
+            <a href="../html/review.html">review</a>
+            <a href="../html/contact.html">contact</a>
+            <a href="../html/blog.html">blog</a>
+        </nav>
+        <div class="buttons">
+
+            <button id="cart-btn">
+                <i class="fas fa-shopping-cart"></i>
+            </button>
+            <button id="menu-btn">
+                <i class="fas fa-bars"></i>
+            </button>
+        </div>
+        <div class="search-form">
+            <input type="text" class="search-input" id="search-box" placeholder="Search">
+            <i class="fas fa-search"></i>
+        </div>
+        <div class="cart-items-container">
+            <div class="cart-item">
+                <i class="fas fa-times"></i>
+                <img src="../image/pngwing.com (1).png" alt="menu">
+                <div class="content">
+                    <h3>cart item 01</h3>
+                    <div class="price">$15.99 </div>
+                </div>
+            </div>
+            <div class="cart-item">
+                <i class="fas fa-times"></i>
+                <img src="../image/pngwing.com (2).png" alt="menu">
+                <div class="content">
+                    <h3>cart item 02</h3>
+                    <div class="price">$16.99 </div>
+                </div>
+            </div>
+            <div class="cart-item">
+                <i class="fas fa-times"></i>
+                <img src="../image/pngwing.com (3).png" alt="menu">
+                <div class="content">
+                    <h3>cart item 03</h3>
+                    <div class="price">$13.99 </div>
+                </div>
+            </div>
+            <div class="cart-item">
+                <i class="fas fa-times"></i>
+                <img src="../image/pngwing.com (4).png" alt="menu">
+                <div class="content">
+                    <h3>cart item 04</h3>
+                    <div class="price">$12.99 </div>
+                </div>
+            </div>
+            <a href="#" class="btn">check out </a>
+        </div>
+    </header>
+<!-- -------------------------------------------HEADER SECTION -->
+
+<!-- -------------------------------------------CONTACT SECTION -->
+<section class="contact" id="contact">
+    <h1 class="heading">contact <span>us</span> </h1>
+    <div class="row">
+        <form>
+            <h3>get in touch</h3>
+            <div class="inputBox">
+                <i class="fas fa-user"></i>
+                <input type="text" placeholder="name">
+            </div>
+            <div class="inputBox">
+                <i class="fas fa-envelope"></i>
+                <input type="email" placeholder="email">
+            </div>
+            <div class="inputBox">
+                <i class="fas fa-phone"></i>
+                <input type="number" placeholder="number">
+            </div>
+            <input type="submit" class="btn" value="contact now">
+        </form>
+    </div>
+</section>
+<!-- -------------------------------------------CONTACT SECTION -->
+
+<!-- -------------------------------------------FOOTER SECTION -->
+    <section class="footer">
+
+        <div class="credit">
+            created by <span>Ramraj S and Naren Adithya</span>
+        </div>
+    </section>
+    <!-- -------------------------------------------FOOTER SECTION -->
+
+<script src="../js/script.js"></script>
+
+</body>
+</html>