Skip to content

Instantly share code, notes, and snippets.

@thinkphp

thinkphp/order-coffee-html.html

Created April 12, 2025 12:50
Show Gist options
  • Save thinkphp/a15dba57239220870141a94d43270def to your computer and use it in GitHub Desktop.
Save thinkphp/a15dba57239220870141a94d43270def to your computer and use it in GitHub Desktop.
Download ZIP
Order Coffee html
Raw
order-coffee-html.html
<body>
<div class="container">
<header class="header">
<h1>Coffee Shop</h1>
<p>Select your favorite coffee and add it to cart</p>
</header>
<main class="products" id="products-container">
<!-- Products will be added here by JavaScript -->
</main>
<aside class="cart" id="cart-container">
<h2>Your Cart</h2>
<div id="cart-items">
<!-- Cart items will be added here by JavaScript -->
<p class="empty-cart-message">Your cart is empty</p>
</div>
<div class="cart-total" id="cart-total">Total: $0.00</div>
<button class="checkout-button" id="checkout-button" disabled>Proceed to Checkout</button>
<button class="emptycart-button" id="emptycart-button" disabled>Empty Cart</button>
</aside>
</div>
<div class="notification" id="notification">Item added to cart!</div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment