Refactor. JS time!
|
After Width: | Height: | Size: 6.3 KiB |
@@ -0,0 +1,75 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Coffee House</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body {
|
||||
color: #221811;
|
||||
font-family: Verdana, Arial, sans-serif;
|
||||
width: 80%;
|
||||
min-width: 750px;
|
||||
|
||||
}
|
||||
header {
|
||||
background-color: #D2B48C;
|
||||
background-image: url(coffeelogo.jpg);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-indent: 4em;
|
||||
font-size: 4em;
|
||||
height: 150px;
|
||||
line-height: 220%;
|
||||
|
||||
}
|
||||
|
||||
nav {
|
||||
font-weight: bold;
|
||||
text-indent: 1em;
|
||||
font-size: 2em;
|
||||
}
|
||||
nav a {
|
||||
color: #804D33;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
background-color: #FCEBB6;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1>Coffee House</h1>
|
||||
</header>
|
||||
<nav>
|
||||
<a href="index.html">Home</a>
|
||||
<a href="menu.html">Menu</a>
|
||||
<a href="music.html">Music</a>
|
||||
<a href="jobs.html">Jobs</a>
|
||||
</nav>
|
||||
<main>
|
||||
<h2>Follow the Winding Road to Coffee House</h2>
|
||||
<h3>Coffee House features:</h3>
|
||||
<ul>
|
||||
<li>Specialty Coffee and Tea</li>
|
||||
<li>Bagels, Muffins, and Gluten-free Pastries</li>
|
||||
<li>Organic Salads</li>
|
||||
<li>Music and Poetry Readings</li>
|
||||
<li>Open Mic Night</li>
|
||||
</ul>
|
||||
<div>
|
||||
12010 Garrett Bay Road<br>
|
||||
Ellison Bay, WI 54210<br>
|
||||
888-555-5555<br><br>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
Copyright © Coffee House<br>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Examples of the Box Model</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body { background-color: #FFFFFF;
|
||||
}
|
||||
h1 { background-color: #D1ECFF;
|
||||
padding-left: 60px;
|
||||
border-bottom: 3px ridge #330000; }
|
||||
#box { background-color: #74C0FF;
|
||||
margin-left: 60px;
|
||||
padding: 5px 20px;
|
||||
border-top-left-radius: 90px;
|
||||
border-bottom-left-radius: 90px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Examples of the Box Model</h1>
|
||||
<div id="box">HTML elements display as boxes on web pages. This div element is configured to have a blue background.</div>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
@@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Lighthouse Bistro</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body {
|
||||
background-image: url(background.jpg);
|
||||
font-family: Arial, Verdana, sans-serif;
|
||||
}
|
||||
h1 {
|
||||
background-image: url(lighthouselogo.jpg);
|
||||
background-repeat: no-repeat;
|
||||
height: 100px;
|
||||
font-size: 3em;
|
||||
padding-left: 150px;
|
||||
padding-top: 30px;
|
||||
border-radius: 15px;
|
||||
background-color: #9DB3DC;
|
||||
margin-top: 0;
|
||||
}
|
||||
h2 {
|
||||
color: #000033;
|
||||
font-family: arial, sans-serif;
|
||||
}
|
||||
footer {
|
||||
font-size: .80em;
|
||||
font-style: italic;
|
||||
}
|
||||
#container {
|
||||
background-color: #FFFFFF;
|
||||
padding: 2em;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 80%;
|
||||
min-width: 800px;
|
||||
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<header>
|
||||
<h1>Lighthouse Bistro</h1>
|
||||
</header>
|
||||
<nav><a href="index.html">Home</a> <a href="menu.html">Menu</a> <a href="directions.html">Directions</a> <a href="contact.html">Contact</a>
|
||||
</nav>
|
||||
<h2>Locally Roasted Free-Trade Coffee</h2>
|
||||
<p>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.</p>
|
||||
<h2>Specialty Pastries</h2>
|
||||
<p>Enjoy a selection of our fresh baked, organic pastries, including fresh fruit muffins, scones, croissants, and cinnamon rolls.</p>
|
||||
<h2>Lunchtime is Anytime</h2>
|
||||
<p>Savor delicious wraps and sandwiches on hearty, whole grain breads with locally grown salad, fruit, and vegetables. </p>
|
||||
<footer>
|
||||
Copyright © Your Name Here
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 7.0 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
@@ -0,0 +1,60 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Lighthouse Bistro</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body {
|
||||
background-image: url(background.jpg);
|
||||
font-family: Arial, Verdana, sans-serif;
|
||||
}
|
||||
|
||||
h1 {
|
||||
background-image: url(lighthouselogo.jpg);
|
||||
background-color: #9DB3DC;
|
||||
background-repeat: no-repeat;
|
||||
height: 100px;
|
||||
font-size: 3em;
|
||||
padding-left: 150px;
|
||||
padding-top: 30px;
|
||||
border-radius: 15px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #000033;
|
||||
font-family: arial, sans-serif;
|
||||
}
|
||||
footer {
|
||||
font-size: .80em;
|
||||
font-style: italic;
|
||||
}
|
||||
#container {
|
||||
background-color: #FFFFFF;
|
||||
padding: 2em;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 80%;
|
||||
min-width: 800px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<header>
|
||||
<h1>Lighthouse Bistro</h1>
|
||||
</header>
|
||||
<nav><a href="index.html">Home</a> <a href="menu.html">Menu</a> <a href="directions.html">Directions</a> <a href="contact.html">Contact</a>
|
||||
</nav>
|
||||
<h2>Locally Roasted Free-Trade Coffee</h2>
|
||||
<p>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.</p>
|
||||
<h2>Specialty Pastries</h2>
|
||||
<p>Enjoy a selection of our fresh baked, organic pastries, including fresh fruit muffins, scones, croissants, and cinnamon rolls.</p>
|
||||
<h2>Lunchtime is Anytime</h2>
|
||||
<p>Savor delicious wraps and sandwiches on hearty, whole grain breads with locally grown salad, fruit, and vegetables. </p>
|
||||
<footer>
|
||||
Copyright © Your Name Here
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 7.0 KiB |
15
Assignments/HTML/lab6_1_CalebFontenot/public_html/index.html
Normal file
@@ -0,0 +1,15 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
|
||||
Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this template
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title>TODO supply a title</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
<body>
|
||||
<div>TODO write content</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Lighthouse Bistro</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body { background-image: url(background.jpg);
|
||||
font-family: Arial, Verdana, sans-serif;
|
||||
}
|
||||
h2 { color: #000033;
|
||||
font-family: arial, sans-serif;
|
||||
}
|
||||
footer { font-size: .80em;
|
||||
font-style: italic;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Lighthouse Bistro</h1>
|
||||
</header>
|
||||
<nav><a href="index.html">Home</a> <a href="menu.html">Menu</a> <a href="directions.html">Directions</a> <a href="contact.html">Contact</a>
|
||||
</nav>
|
||||
<h2>Locally Roasted Free-Trade Coffee</h2>
|
||||
<p>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.</p>
|
||||
<h2>Specialty Pastries</h2>
|
||||
<p>Enjoy a selection of our fresh baked, organic pastries, including fresh fruit muffins, scones, croissants, and cinnamon rolls.</p>
|
||||
<h2>Lunchtime is Anytime</h2>
|
||||
<p>Savor delicious wraps and sandwiches on hearty, whole grain breads with locally grown salad, fruit, and vegetables. </p>
|
||||
<footer>
|
||||
Copyright © Your Name Here
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 130 KiB |
|
After Width: | Height: | Size: 894 B |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 45 KiB |
|
After Width: | Height: | Size: 7.0 KiB |
|
After Width: | Height: | Size: 103 KiB |