Skip to content

Instantly share code, notes, and snippets.

@eharris99

eharris99/index.html

Created May 26, 2016 19:14
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save eharris99/2f8ed8b325a461f8daec85eea1aef7c8 to your computer and use it in GitHub Desktop.
Save eharris99/2f8ed8b325a461f8daec85eea1aef7c8 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>Art Shipment, Simplified</title>
<link type="text/css" rel="stylesheet" href="main.css"/>
</head>
<body style="background-color: alice-blue">
<ul style="margin: 0 auto; text-align: center; list-style-position: inside;">
<li style="font-family: Baskerville; font-size: 16px; color: coral;"><strong>About Us</strong></li>
<li style="font-family: Baskerville; font-size: 16px; color: chartreuse">FAQ</li>
<li style="font-family: Baskerville; font-size: 16px; color: khaki">Order Form</li>
<li style="font-family: Baskerville; font-size: 16px; color: navy"><em>Contact</em></li>
</ul>
<ol>
<li>Lerne HTML und CSS</li>
<li>Lerne Javascript und JQUERY</li>
<br />
<li>Wende Prinzipien auf die Programmierung von Art Shipment.de an</li>
<li>Programmiere ein Bestellformular</li>
<iframe width="560" height="315" src="https://www.youtube.com/embed/2nJDgvgkaEU" style="border:none" allowfullscreen></iframe>
<form action="test.php" method="post">
<fieldset>
<legend>Pers&oumlnliche Informationen</legend>
First Name:
<input type="text" name="firstname"><br>
Last Name:
<input type="text" name="lastname">
<br><br>
Pick Up Date:<br>
<input type="radio" name="pickupdate" value="next available">Next Available<br>
<input type="radio" name="pickupdate" value="pick up by">Pick Up By<br>
<input type="radio" name="pickupdate" value="pick up between">Pick Up Between<br>
<input type="submit" value="Submit">
<input type="button" value="Button">
</fieldset>
</form>
<form style="font-family: Baskerville">
<fieldset>
<legend>Item</legend>
Quantity:
<input type="text" name="Quantity">
Item Type:
<select name="Item Type">
<option value="Painting">Painting</option>
<option value="Sculpture">Sculpture</option>
<option value="Antiques">Antiques</option>
<option value="Drawing">Drawing</option>
<option value="Mixed Media">Mixed Media</option><br>
</select>
</fieldset>
<fieldset>
<legend>Additional Notes</legend>
<textarea name="Additional Notes" rows="10" cols="30">Dear Art Shipment, please use the side door to enter. Thank you. Philipp</textarea><br>
<button type="button" onclick="alert('Vielen Dank f&uuml;r ihre Anfrage. Art Shipment wird sich innerhalb der n&auml;chsten 24 Stunden bei Ihnen melden')">Abschicken</button>
</fieldset>
</form>
<p></p>
<table style="border-collapse: collapse">
<thead>
<div style="background-color: lightblue; width: 300px; height: 300px"></div>
<tr>
<th style="border-bottom: solid 2px black"; colspan="2">Preisliste nach Gewicht</th>
</tr>
<tr>
<th style="border-right: solid black 2px; padding: 5px">Gewicht (kg)</th>
<th>Preis (&euro;)</th>
</tr>
<tbody>
<tr style="text-align: center">
<td>0.5 - 1.0</td>
<td style="border-left: solid black 2px; padding: 5px">200 - 300</td>
</tr>
<tr style="text-align: center">
<td>1.0 - 2.0</td>
<td style="border-left: solid black 2px; padding: 5px">400 - 600</td>
</tr>
<tr style="text-align: center">
<td><span style="color: red">2.0 - 3.0</span></td>
<td style="border-left: solid black 2px; padding: 5px">800 - 1200</td>
</tr>
</tbody>
</thead>
</table>
</body>
</html>
Raw
main.css
* {
border: solid 4px black;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment