more.html

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<link rel="stylesheet" type="text/css" href="coffeeshop.css">

	<div class="container">
          
          <header class="coffee-header">
          	<div class="div-logo">
                  <img src="coffee-shop.PNG">
                  <span class="logo-text">COFFEE SHOP</span>
              </div>

              <nav class="coffee-nav">
                  <a href="index.html">HOME</a>
                  <a href="product.html">PRODUCTS</a>
                  <a href="more.html">MORE</a>
                  <a href="about.html">ABOUT</a>
              </nav>

          </header>
      </div>


	<ol type="I">
		<li>Choose the coffee.</li>
		<li>Order it.</li>
		<li>Complete your payment.</li>
		<li>Get your Coffee.</li>
        <li>ENJOY!!!!</li>
	</ol>
	<dl>
		<dt>MOCHA</dt>
		<dd>Great coffee made from ARABICA beans</dd>
	</dl>
	<dt>CAPPUCCINO</dt>
    <dd>Made from a single espresso shot and steaming milk.</dd>
 
        
        <div class="available-coffee out-of-stock" id="mocha" style="display: inline-block;">
			<h4>MOCHA</h4>
			<img src="mocha.png" class="div-img">
		</div>

		<div class="available-coffee in-stock" style="display: inline-block;">
			<h4>CAPPUCCINO</h4>
			<img src="cappuccino.png" class="div-img">
    </div>    
</body>
</html>