/
Arsenii
/
html
Обзор
Документация
Войти
/
Arsenii
/
html
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
index.html
105 строк
5 KB
Arsenii
First html code
29 дек 2024, 12:27
29 дек 2024, 12:27
5c1c06d
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Coffee Shop</title> <link rel="stylesheet" href="styles.css"> </head> <body> <header> <h1>Welcome to Our Coffee Shop</h1> <nav> <ul> <li><a href="#home">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#menu">Menu</a></li> <li><a href="#contact">Contact</a></li> <li><a href="#cart" onclick="toggleCart()">Cart (<span id="cart-count">0</span>)</a></li> </ul> </nav> </header> <section id="home" class="hero"> <h2>Freshly Brewed Coffee</h2> <p>Come and taste the best coffee in town!</p> </section> <section id="about"> <h2>About Us</h2> <p>We are a small, family-owned coffee shop dedicated to bringing you the freshest and most delicious coffee. Our beans are sourced from the best farms around the world and roasted to perfection.</p> <img src="https://clipart-library.com/images_k/coffee-bean-transparent-background/coffee-bean-transparent-background-17.png" alt="Coffee beans"> </section> <section id="menu"> <h2>Our Menu</h2> <div class="menu-item"> <a href="espresso.html"><img src="https://bogatyr.club/uploads/posts/2023-03/1678762209_bogatyr-club-p-kofe-v-beloi-chashke-foni-vkontakte-16.jpg" alt="Espresso" height="300" width="50"></a> <h3>Espresso</h3> <p>A rich and intense shot of coffee.</p> <button onclick="addToCart('Espresso 1000000000000$')">Add to Cart</button> </div> <div class="menu-item"> <a href="latte.html"><img src="https://catherineasquithgallery.com/uploads/posts/2021-03/1614556227_23-p-chashka-kofe-na-belom-fone-26.jpg" alt="Latte" height="300" width="50"></a> <h3>Latte</h3> <p>A smooth blend of espresso and steamed milk.</p> <button onclick="addToCart('Latte')">Add to Cart</button> </div> <div class="menu-item"> <a href="cappuccino.html"><img src="https://cafemimino.ru/wp-content/uploads/2017/11/cappuccino-1024x1024.jpg" alt="Cappuccino" height="300" width="50"></a> <h3>Cappuccino</h3> <p>A perfect balance of espresso, steamed milk, and foam.</p> <button onclick="addToCart('Cappuccino')">Add to Cart</button> </div> <div class="menu-item"> <a href="americano.html"><img src="https://restoran-goldenmileclub.ru/assets/components/phpthumbof/cache/shutterstock_71579530.f7b8f4447435a54357a6ecac53920125.jpg" alt="Americano" height="300" width="50"></a> <h3>Americano</h3> <p>A smooth and rich coffee made by adding hot water to espresso.</p> <button onclick="addToCart('Americano')">Add to Cart</button> </div> <div class="menu-item"> <a href="mocha.html"><img src="https://ruscoffee.ru/upload/resize_cache/iblock/5cd/968_503_1/5cdd6070ac27c4a27881f02fed0558e2_preview.jpg" alt="Mocha" height="300" width="50"></a> <h3>Mocha</h3> <p>A delicious blend of espresso, steamed milk, and chocolate syrup.</p> <button onclick="addToCart('Mocha')">Add to Cart</button> </div> <div class="menu-item"> <a href="macchiato.html"><img src="https://restoran-goldenmileclub.ru/assets/components/phpthumbof/cache/shutterstock_348741737.6df9dc14695a63757384c47d2d45e800.jpg" alt="Macchiato" height="300" width="50"></a> <h3>Macchiato</h3> <p>An espresso marked with a small amount of milk.</p> <button onclick="addToCart('Macchiato')">Add to Cart</button> </div> <div class="menu-item"> <a href="flat_white.html"><img src="https://menu2go.ru/images/food/217/217_364_20210818162642_8316.jpg" alt="Flat White" height="300" width="50"></a> <h3>Flat White</h3> <p>A rich and velvety coffee made with microfoam and espresso.</p> <button onclick="addToCart('Flat White')">Add to Cart</button> </div> <div class="menu-item"> <a href="cold_brew.html"><img src="https://www.pngkey.com/png/detail/302-3026572_cold-brew-latte-transparent-cold-brew-iced-coffee.png" alt="Cold Brew" height="300" width="50"></a> <h3>Cold Brew</h3> <p>A refreshing coffee made by steeping coarsely ground beans in cold water for an extended period.</p> <button onclick="addToCart('Cold Brew')">Add to Cart</button> </div> </section> <section id="contact"> <h2>Contact Us</h2> <p>Address:</p> <p>Phone:</p> <p>Email:</p> </section> <footer> <p>© 2024 Coffee Shop.</p> </footer> <div id="cart-window"> <h2>Your Cart</h2> <ul id="cart-items"></ul> <button id="checkout">Checkout</button> <button onclick="toggleCart()">Close</button> </div> <script src="scripts.js"></script> </body> </html>