web_design/bakery_website/public/menu.html
2024-07-12 22:02:32 -05:00

225 lines
No EOL
14 KiB
HTML
Executable file

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Menu | Sweet Bake - European style Bakery</title>
<link rel="stylesheet" href="style_extension.css">
<link rel="shortcut icon" href="images/home-logo.png" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css">
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
</head>
<body>
<header>
<div class="nav-menu container-menu">
<a href="index.html" class="menu-logo">Sweet Bake</a>
<i class='bx bx-shopping-bag' id="cart-icon" data-quantity="0"></i>
<div class="cart">
<h2 class="cart-title">Your Cart</h2>
<div class="cart-content">
<!--<div class="cart-box">
<img src="images/cake-7.jpg" alt="" class="cart-img">
<div class="detail-box">
<div class="cart-product-title">Product</div>
<div class="cart-price">$24.99</div>
<input type="number" name="" id="" value="1" class="cart-quantity">
</div>
<i class='bx bxs-trash cart-remove'></i>
</div>-->
</div>
<div class="total">
<div class="total-title">Total</div>
<div class="total-price">$0</div>
</div>
<button type="button" class="btn-buy">Pay Now</button>
<i class='bx bx-x' id="close-cart"></i>
</div>
</div>
</header>
<!-- Product -->
<div class="shop container-shop">
<h2 class="section-title">Cakes</h2>
<div class="shop-content">
<div class="product-box">
<img src="https://lh3.googleusercontent.com/pw/ABLVV84qyExbv2N9cMSe2Ic9xyGZjUQayKOdEY8vJJvMZq4S8YNmz9gY4HsH_GLq86uejCEMuLC2C1nDsuVXeN6PSidKi4tNiYa9GWLyNGYw6d8qMh023TFd1SewhgBba-wscs_qIeYscukcr8rruhw5qOfO=w737-h921-s-no?authuser=0" alt="" class="product-img">
<h2 class="product-title">Ice cream cake</h2>
<span class="price">$24.99 (1 lb)</span>
<i class='bx bx-shopping-bag add-cart'></i>
</div>
<div class="product-box">
<img src="https://lh3.googleusercontent.com/pw/ABLVV87x_ZSDPdVoapBMy6cST_wOnKE_rFq17Ci0PZe9DsFYdzaBR8L4zoMDTvIrmDBvPgatymPmkJAQKsq0rLTq-qP1JYpRkfTno6k7KN1Zzh0TtNoM3vlZM-y4V8_pYGisURq5qziX6laMLOAmIcTt2XLj=w737-h921-s-no?authuser=0" alt="" class="product-img">
<h2 class="product-title">Chocolate cake</h2>
<span class="price">$19.99 (1 lb)</span>
<i class='bx bx-shopping-bag add-cart'></i>
</div>
<div class="product-box">
<img src="https://lh3.googleusercontent.com/pw/ABLVV84G2Iina5G4cdaRMxbOUCHuPxmS9sNjfguoGPkYpIVElFXNSFac-jBKUd25AePQ9lOOjRZbpfOUcI8l1SNxfBZ8tTJzPC2L3iv__uJ-qKGISYyeq_GC6Tk-BVDgW-pqwoXOhdHikAEcCxAk0OA6m8Uq=w737-h921-s-no?authuser=0" alt="" class="product-img">
<h2 class="product-title">Red velvet cake</h2>
<span class="price">$19.99 (1 lb)</span>
<i class='bx bx-shopping-bag add-cart'></i>
</div>
<div class="product-box">
<img src="https://lh3.googleusercontent.com/pw/ABLVV85gdwk9PCG1PfVTZ3gZWQAGBRDF5hxFIxVWC5xeqgUdPUlzgt4JLNThit2yVNj7caGCjOq5Z7KB6YmGTn7-UetJCMu2AbrVJT8h6behjT_l_z_0s0iFWFUIGxuyTpcx1mTERrsO42p2Ku4LzhCIfiKo=w737-h921-s-no?authuser=0" alt="" class="product-img">
<h2 class="product-title">Cheesecake</h2>
<span class="price">$19.99 (1 lb)</span>
<i class='bx bx-shopping-bag add-cart'></i>
</div>
<div class="product-box">
<img src="https://lh3.googleusercontent.com/pw/ABLVV8612BO4uuXv7D9ikXmzpTkGse3l_zT9nJN1Ou1NdMrc2mThfqeTn6VAgoAK4zTM8_4oY29OHrJY5v4dwz-iRxSA11wThWFvLPQxoCaN2djuppdaaocOJgZEQ_BQSalKJ93cGeDf2cvCOu05fYKKDpwy=w737-h921-s-no?authuser=0" alt="" class="product-img">
<h2 class="product-title">Orange Cake</h2>
<span class="price">$15.99 (1 lb)</span>
<i class='bx bx-shopping-bag add-cart'></i>
</div>
<div class="product-box">
<img src="https://lh3.googleusercontent.com/pw/ABLVV86-7Wr8jScKegTRMnd8jow--OG82smatMr0gOpl0J9IMqyrdokKsO2NybAOPUPjCrqYAUr8uMZuNQG59EFSnTE7dJMN-Z8UrnS7fMd4TEW3pbY7qEius5aU_EJBz0HpyVqfygS2T3o_VTzpBoncUxz3=w736-h921-s-no?authuser=0" alt="" class="product-img">
<h2 class="product-title">Carrot cake</h2>
<span class="price">$13.99 (1 lb)</span>
<i class='bx bx-shopping-bag add-cart'></i>
</div>
</div>
<h2 class="section-title"><br><br><br> Pastries</h2>
<div class="shop-content">
<div class="product-box">
<img src="https://lh3.googleusercontent.com/pw/ABLVV850i052hqLqrYOjnBmNDZyral0wu_RB2iAaJx-86vbWDlizTyUNEF_GLNeJgWm4WZYtU885CAM8tWQH620pGcSS9Ateo3M9OXAAck3XpzqaJtzqPzUPi69fictJ3auPeKtW5iQ9ZQ8UokcT0A-UKfSM=w575-h719-s-no?authuser=0" alt="" class="product-img">
<h2 class="product-title">Passion fruit panna cotta</h2>
<span class="price">$7.99 (1 ea)</span>
<i class='bx bx-shopping-bag add-cart'></i>
</div>
<div class="product-box">
<img src="https://lh3.googleusercontent.com/pw/ABLVV86us9gqzmEyQBn-OkDx9yBPEbQSkTcQiZQ1wHWuIEgL6ueqKHTBblnJp4IU0TSOfAjZM4KcVa5pvd-DQtAZaxnvIIdh4536sq36tZfA9zjVJSvw9IMM5YmsZ0aO-GrXwWyOnw_U_deD26agn5dIl1MM=w737-h921-s-no?authuser=0" alt="" class="product-img">
<h2 class="product-title">Tiramisu</h2>
<span class="price">$6.99 (1 ea)</span>
<i class='bx bx-shopping-bag add-cart'></i>
</div>
<div class="product-box">
<img src="https://lh3.googleusercontent.com/pw/ABLVV87QRkyYplULS1FoQqOAIcH8RGZj4WiEFiQRiIlcjZGPeteiVLqKw_bSFy1q5xMUeASNhkNJuFiI3fQErpNljTHD-ISFgD3-_sy0GRI-d40l3ol8pDmjUAVQh_o3_L-o4da7AOJnvq0jgfCvwXfVPlYF=w737-h921-s-no?authuser=0" alt="" class="product-img">
<h2 class="product-title">Cream puff</h2>
<span class="price">$6.99 (1 ea)</span>
<i class='bx bx-shopping-bag add-cart'></i>
</div>
<div class="product-box">
<img src="https://lh3.googleusercontent.com/pw/ABLVV87js0IKvFXjfukkhSDtwQQhapXQo6hTNU2nKWkdlpd4iOv8uDLYY5fF1NwvZyOUZXY08UXAXv-yNhzFF2dwFiKapTzYMSieXhFeCtETnYO68Ws9mfwgiDMvzFiwPascRCJj4--9zjBCyrI70bfAZLnp=w737-h921-s-no?authuser=0" alt="" class="product-img">
<h2 class="product-title">Matcha Swiss roll</h2>
<span class="price">$5.99 (1 ea)</span>
<i class='bx bx-shopping-bag add-cart'></i>
</div>
<div class="product-box">
<img src="https://lh3.googleusercontent.com/pw/ABLVV87XwyJUxBraV1GGoF_yr9EwsImNe07BH8d4CANayyVnMI9s9TgKvQOmaJKuCvxzkTAf5jN1jxMDY2F8ohjFBRyDcthcHxzAtItK1rQdZ0hCGiy6pVAUZ6LRAlPck8_-PAHdmg0CBKIYsmGRSA-n13VQ=w435-h543-s-no?authuser=0" alt="" class="product-img">
<h2 class="product-title">strawberry swiss roll</h2>
<span class="price">$5.99 (1 ea)</span>
<i class='bx bx-shopping-bag add-cart'></i>
</div>
<div class="product-box">
<img src="https://lh3.googleusercontent.com/pw/ABLVV86gTB3HVD8n1FZcgLh3IAJ-nf8YBqBPKsC5tmcHDrobPhLAuaAiYqsgOT40i_rs9hn9Qcy5-1N5xbTqjVlNhT1IRUkhbMliZ0BOnlJ8VvF9lLWhwE0X-7l9iSI2uCFOGrEMwb9Bc69QOnstGdWE2w4t=w737-h921-s-no?authuser=0" alt="" class="product-img">
<h2 class="product-title">Paris brest</h2>
<span class="price">$5.99 (1 ea)</span>
<i class='bx bx-shopping-bag add-cart'></i>
</div>
<div class="product-box">
<img src="https://lh3.googleusercontent.com/pw/ABLVV86kyMtuDCR-0BY3IS6unBqwuVXLHxlnja27siB2nFzrMsHTub79AyP-0bEk9LwzKpwcdTg5er-DX7_dNCIetnbv04amjcT2nUpok0n7FocgTYdECS7vdsW5DiPGAW-1VrBK66JAWyuf5vYAHSRt1eJl=w387-h483-s-no?authuser=0" alt="" class="product-img">
<h2 class="product-title">Crème brûlée</h2>
<span class="price">$5.99 (1 ea)</span>
<i class='bx bx-shopping-bag add-cart'></i>
</div>
<div class="product-box">
<img src="https://lh3.googleusercontent.com/pw/ABLVV87fvjSwuzadi5bumA0JzUZTvAFyWkQ6PXY0p8P1DoCzsvrdSjowfzF8Ql79ejyQ3N5GR5o_o0kzzPoojODseemw4S8zdbtdYtvV2eiVRHZEizoeCgxO07XumiN1YH0mJMVO8zgO1EiBpw1kOGOvZb8A=w455-h570-s-no?authuser=0" alt="" class="product-img">
<h2 class="product-title">Pastéis De Nata</h2>
<span class="price">$4.99 (1 ea)</span>
<i class='bx bx-shopping-bag add-cart'></i>
</div>
<div class="product-box">
<img src="https://lh3.googleusercontent.com/pw/ABLVV85YpNqyo0rhjU2ws7mffKic4shVssuNT4oUcqJnNwVbhFn1GRnhofWz3t0TNFrF6qPBnlsko5iTt1lLF3HBMe4JpBjxHE4XMGAQCalUsntFgEbEiSwbq1YcLKqISDbkSbgqY2KzQ3yVZFW437GmD4W-=w437-h546-s-no?authuser=0" alt="" class="product-img">
<h2 class="product-title">corissant</h2>
<span class="price">$3.99 (1 ea)</span>
<i class='bx bx-shopping-bag add-cart'></i>
</div>
<div class="product-box">
<img src="https://lh3.googleusercontent.com/pw/ABLVV85JO-EqQZPYeQA0OOFlWkF1lyxU6nXfnHI1fjtMatLiGXI9ldzqS4R2vv4LkavbpAjLf7ZLUYR17zfl6fDuf0G2ZDI0qHolYy2l5HYlWSj798e_07dXedt4Ajug6y3kefvag0byU1WYHbRLTYRyW7AL=w386-h482-s-no?authuser=0" alt="" class="product-img">
<h2 class="product-title">Nutella Puff</h2>
<span class="price">$2.99 (1 ea)</span>
<i class='bx bx-shopping-bag add-cart'></i>
</div>
</div>
<h2 class="section-title"><br><br><br> Macarons</h2>
<div class="shop-content">
<div class="product-box">
<img src="https://lh3.googleusercontent.com/pw/ABLVV85b1o-4GiiVdWDHzqxhI3UtUB5oQeeXS-7p8ZLTcs9CN4_9PDnt2lf8C_o6oNW72uGcmDxDcllMgV6CwcL3pUH7wtwUX6sSZZrMdNPERwWFvMZ3bGdHm9vp4O7tiVU_MMgoBtM_mwiXSGQNFD6V47xH=w499-h624-s-no?authuser=0" alt="" class="product-img">
<h2 class="product-title">Rose Lychee Macaron</h2>
<span class="price">$2.99 (1 ea)</span>
<i class='bx bx-shopping-bag add-cart'></i>
</div>
<div class="product-box">
<img src="https://lh3.googleusercontent.com/pw/ABLVV84xosF_PCdnSNfPB-bxAzrShDolJJ8HWRqAL7T9F-NTCzjJ68We6lshOEDpK9-p2l_0opZCZGiXuF5wsw1dPqav6esMk4BEMHfEEV6nGn95dAq3CikMaZEZ_xSH5_cjVaniqjwd6iZU8ghS-3PaL0sn=w535-h669-s-no?authuser=0" alt="" class="product-img">
<h2 class="product-title">Chocolate macaron</h2>
<span class="price">$2.99 (1 ea)</span>
<i class='bx bx-shopping-bag add-cart'></i>
</div>
<div class="product-box">
<img src="https://lh3.googleusercontent.com/pw/ABLVV85bCKXE14_lO-PQaCZa8EuUk1fO_H4NG_iZ_UC3zccD76XvPQy1HnPkCHkP7qYCNTgFQkd9Y68a9e0jMO7e769uDax9q_xYVaxgxQN6WmwV94okZQ4N5p_5lvjdgavxaXxjRYsbwrzaBsrl0POyWNFe=w529-h662-s-no?authuser=0" alt="" class="product-img">
<h2 class="product-title">Vanilla macaron</h2>
<span class="price">$2.99 (1 ea)</span>
<i class='bx bx-shopping-bag add-cart'></i>
</div>
<div class="product-box">
<img src="https://lh3.googleusercontent.com/pw/ABLVV84rHn4G_cynNv81Pyt21eHG5bjW3bgwbPPwwOSywinCLXGTtjLxnQbJBA5DymMYutmWRUvakd66b4bMuYDwN1cmHN_9XCsGAvLY2SXIS-nD4rL1kTblo_MDQhuC1TWntWk0A8IQRlhEAZNIweVnyztx=w523-h654-s-no?authuser=0" alt="" class="product-img">
<h2 class="product-title">Strawberry Macaron </h2>
<span class="price">$2.99 (1 ea)</span>
<i class='bx bx-shopping-bag add-cart'></i>
</div>
<div class="product-box">
<img src="https://lh3.googleusercontent.com/pw/ABLVV86P8pO8TZd1x6o_vG2_cI_mdnjxyTj2S49t8PTUXP_0Ya2z4_QtzzvokX7josntuUIdVuXst0Z7NJ8zO1Ly8Sqpku-rRaWnkwfpflE4EgR1XzGbZ9S3iHMs4ZMoxEfxbq3A-RLfbgBpvecVQhsqLqKb=w516-h645-s-no?authuser=0" alt="" class="product-img">
<h2 class="product-title">Lemon Macaron</h2>
<span class="price">$2.99 (1 ea)</span>
<i class='bx bx-shopping-bag add-cart'></i>
</div>
<div class="product-box">
<img src="https://lh3.googleusercontent.com/pw/ABLVV85Or0UR3A6sSHDwn9-pweQyp212gp1QYCXw1zUR0JUzCjMHu1SrzZTjZISx5bG38EQRZ9AYTCFlm8ctQMF0KhgWWFHcWpfxzDz5oetzQZur2kuBXZglbu6iiPapJcByDi70yepguvwlkKpTrSQlNI-r=w498-h623-s-no?authuser=0" alt="" class="product-img">
<h2 class="product-title">Pistachio Macaron </h2>
<span class="price">$2.99 (1 ea)</span>
<i class='bx bx-shopping-bag add-cart'></i>
</div>
<div class="product-box">
<img src="https://lh3.googleusercontent.com/pw/ABLVV85BDX2o0B1f_blBMEAvu4sUW1mb10dNNWs68QfIuM-9aNkBFIFenmpBVaufDisCMMSHmyuGMY3j9YiH44RYH53XK4i6S2bYTnXr7cPtz1P0LYH0P-q4CJsEsdb1UlU4uPCWJjQCjSOzIF7mIUZXhsbB=w518-h648-s-no?authuser=0" alt="" class="product-img">
<h2 class="product-title">Salted Caramel Macaron </h2>
<span class="price">$2.99 (1 ea)</span>
<i class='bx bx-shopping-bag add-cart'></i>
</div>
<div class="product-box">
<img src="https://lh3.googleusercontent.com/pw/ABLVV85iTP7g-myaZOGQ-LKlZkbxqQvoWHA1WDtYOcs1ERKNTS7wbXHV8RLVxKwXLRBEsAy-mRjkfhQQ67BiG--I9L25XifeLmsVTsKVgkFuk2eYsZjeZkMkl07yI9E7UiFJCwrPQFmg6qHSsVYnCSTu8-bo=w470-h588-s-no?authuser=0" alt="" class="product-img">
<h2 class="product-title">Hazelnut Praline Macaron </h2>
<span class="price">$2.99 (1 ea)</span>
<i class='bx bx-shopping-bag add-cart'></i>
</div>
</div>
</div>
<script src="extension.js"></script>
<script src="cart.js"></script>
</body>
</html>