Skip to content

html lab #125

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Kelvinz6820 wants to merge 1 commit into
base: master
Choose a base branch
from
Open

html lab #125

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
36 changes: 36 additions & 0 deletions paymentForm.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Payment Form</h1>
<p>Required fields are marked by <u>*</u></p>
<h2>Contact Information</h2>
<form action="">
<input type="radio" name="title" checked><label>Mr.</label><br>
<input type="radio" name="title"><label>Ms.</label><br>
<input type="radio" name="title"><label>Mrs.</label><br>
<input type="radio" name="title"><label>Mx.</label><br>
<label>Name:*</label>
<input type="text" placeholder="Name" required><br>
<label>Email:*</label>
<input type="email" placeholder="Email" required>
<h2>Payment Information</h2>
<label>Card Type:</label>
<select name="" id="">
<option value="visa">Visa</option>
<option value="mastercard">Mastercard</option>
<option value="americanExpress">American Express</option>
<option value="discover">Discover</option>
</select><br>
<label>Card Number:*</label>
<input type="tel" placeholder="xxxx xxxx xxxx xxxx" required><br>
<label>Expiration Date (MM/YY):*</label>
<input type="text" placeholder="mm/yy" required><br>
<button type="submit">Submit Payment</button>
</form>
</body>
</html>
40 changes: 40 additions & 0 deletions recipe.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>The Classic Meatloaf</h1>
<hr>
<img src="https://www.thewholesomedish.com/wp-content/uploads/2016/11/The-Best-Classic-Meatloaf-600X900.jpg" alt="A Chef's Peanutbutter and Jelly Sandwich" width="600" height="600">
<hr>
<h2>Description</h2>
<p>TThe best meatloaf recipe ever! This traditional meatloaf recipe is just like mom used to make, made with ground beef and a sweet and tangy glaze topping.</p>
<hr>
<h2>Ingredients</h2>
<ul>
<li>ground beef </li>
<li>dried bread crumbs </li>
<li>diced onion</li>
<li>milk</li>
<li>egg</li>
<li>worcestershire sauce</li>
<li>salt and pepper</li>
</ul>
<hr>
<h2>Directions</h2>
<ol>
<li>Mix it together REALLY well</li>
<li>Pour the meat mixture into a loaf pan.</li>
<li>Spread it into a flat even layer.</li>
<li>Add ketchup, brown sugar, and red wine vinegar to a bowl and glaze it over the meatloaf.</li>
<li>Cook in a 350 degree oven, uncovered, for 55 minutes.</li>
</ol>
<hr>
<h3>Similar Recipes</h3>
<a href="https://www.foodnetwork.com/recipes/food-network-kitchen/classic-meatloaf-5484735">Classic meatloaf</a>
<hr>
</body>
</html>
51 changes: 51 additions & 0 deletions sundial.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<h1>Sundial</h1>
<p>From Wikipedia, the <em>free</em> encyclopedia.</p>
<p>
A <strong>sundial measures time by the position of the sun.</strong> The
most commonly seen designs, such as the 'ordinary' or standard garden
sundial, cast a shadow on a flat surface marked with the hours of the day.
As the position of the sun changes, the time indicated by the shadow
changes. However, sundials can be designed for any surface where a fixed
object casts a predictable shadow.
</p>
<p>
Most sundial designs indicate apparent solar time. Minor design variations
can measure standard and daylight saving time, as well.
</p>

<h2>History</h2>
<p>
Sundials in the form of obelisks (3500 BC) and shadow clocks (1500 BC) are
<strong>known from ancient Egypt</strong>, and were developed further by
other cultures, including the Chinese, Greek, and Roman cultures. A type
of sundial without gnomon is described in the old Old Testament (Isaiah
38:2).
</p>
<p>
The mathematician and astronomer Theodosius of Bithynia (ca. 160 BC-ca.
100 BC) is said to have invented a universal sundial that could be used
anywhere on Earth. The French astronomer Oronce Fine constructed a sundial
of ivory in 1524. The Italian astronomer Giovanni Padovani published a
treatise on the sundial in 1570, in which he included instructions for the
manufacture and laying out of mural (vertical) and horizontal sundials.
Giuseppe Biancani's Construction instrumenti ad horologia solaria
discusses how to make a perfect sundial, with accompanying illustrations.
</p>

<h2>Installation of standard sundials</h2>
<p>
Many ornamental sundials are designed to be used at 45 degrees north. By
tilting such a sundial, it may be installed so that it will keep time.
However, some mass-produced garden sundials are inaccurate because of poor
design and cannot be corrected.
</p>
</body>
</html>