Skip to content

Instantly share code, notes, and snippets.

@peb7268

peb7268/gist:38a2262853196b6339bcfd2feb65da78

Created October 5, 2017 14:08
Show Gist options
  • Save peb7268/38a2262853196b6339bcfd2feb65da78 to your computer and use it in GitHub Desktop.
Save peb7268/38a2262853196b6339bcfd2feb65da78 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
//proj.js
var header = document.querySelector('h2');
header.textContent = 'Order North Georgia Coffee';
//index.html
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
<title>Penman French Coffee</title>
<link href="styles/style.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<div id="container">
<div id="banner">
<h1><strong><em>Penman French Coffee</em></strong></h1>
<h2>Best coffee in town!</h2>
</div>
<div id="main_image "><img src="images/coffee_img1.jpg" width="1000" height="588"></div>
<ul id="navigation">
<li><a href="index.html">Home</a></li>
<li><a href="abousus.html">About Us</a></li>
<li><a href="location.html">Location</a></li>
</ul>
<div id="content2">
<h1>Welcome to Penman French Coffee!</h1>
<p>&nbsp;</p>
<h2>Welcome to Penman French Coffee</h2>
<h3>At Penman French Coffee, we grind our 100% <a href="https://en.wikipedia.org/wiki/Coffea_arabica">Arabica coffee</a> beans moments before we brew it,...</h3>
<p>&nbsp;</p>
<dl>
<dt><strong>Pumpkin Spice</strong></dt>
<dd>Flavored with our signature pumpkin spice, cinnamon and our secret ingredient</dd>
<dt>&nbsp;</dt>
<dt>French Vanilla</dt>
<dd>Imported French vanilla beans directly from France. French vanilla beans and our secret ingredient</dd>
<dt>&nbsp;</dt>
<dt>Chocolate Coffe</dt>
<dd>Dark roasted chocklate beans from North Affrica, Godiva chocolate and our secret ingredient</dd>
<dt>&nbsp;</dt>
<dt>Hazzle Nut</dt>
<dd>German hazel beans imported only from Germany. German hazzle nut beans and our secret ingredient</dd>
<dt>&nbsp;</dt>
<dt>Caramel Coffee</dt>
<dd>Local grown caramel beans. Caramel beans, touch of chocolate, vanilla and our secret ingredient</dd>
</dl>
<h3>More coffee information</h3>
<ul>
<li><a href="http://www.starbucks.com/">Starbucks Coffee</a></li>
</ul>
<p>&nbsp;</p>
</div>
<div id="sidebar">
</p>
<h1>Select Coffee</h1>
<p>
<input type="radio" Name="coffee" id="ps">
Pumpkin Spice<br>
<input type="radio" Name="coffee" id="fv">
French Vanilla<br>
<input type="radio" Name="coffee" id="cc">
Chocolate Coffe<br>
<input type="radio" Name="coffee" id="hn">
Hazzle Nut<br>
<input type="radio" Name="coffee" id="cr">
Caramel Coffee </p>
<p>QTY
<select name="select">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<input type="button id="btn" value="order">
<p> Total due: $
<input type="text" id="outputbox">
</p>
<table width="27" border="1" align="center" cellpadding="5">
<tr>
<td><img src="images/coffee_img1.jpg" width="200" height="200"></td>
</tr>
<tr>
<td><img src="images/coffee_img4.jpg" width="200" height="200"></td>
</tr>
<tr>
<td><img src="images/coffee_img2.jpg" width="200" height="200"></td>
</tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<hr width="1000">
<p>Copyright © 2017 | Penman French Coffee </p>
<script src="proj.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment