Homework Answers
HTML CODE:(index.html)
<!DOCTYPE html>
<html lang="en">
<head>
<title>Eating Well in Season</title>
<!--
Eating Well in Season main web page
Filename: index.html
Author: YOUR NAME HERE
Date: 29-4-2020
HTML5 and CSS3 Illustrated Unit C, Independent Challenge 4
-->
<link rel="stylesheet" href="styles.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<script src="modernizr.custom.62074.js"></script>
</head>
<body>
<header>
<h1>Eating Well in Season</h1>
</header>
<article>
<h2>Meals</h2>
<p>Meals prepared fresh daily using local
ingredients.</p>
<h2>Sources</h2>
<p>Produce and meats supplied by New England farmers and
gardeners.</p>
<h2>Schedule</h2>
<p>Deliveries on your schedule, any time of the afternoon or
evening.</p>
</article>
<footer>
<p class="khaki_clr">Eating Well in Season</p>
<p class="contact">Glover, VT</p>
<p class="contact">(802) 525-3947</p>
</footer>
</body>
</html>
CSS FILE: (styles.css)
.contact {
text-align: right;
}
header,footer
{
background-color:olive;
color:floralwhite;
}
h2
{
background-color:khaki;
}
h1
{
color: khaki;
}
.khaki_clr
{
text-align: right;
color:khaki;
}
SCREENSHOT FOR OUTPUT:
SCREENSHOT FOR VALIDATION:
html {
font-size: 12px;
}
article, body, div, footer, header, h1, h2, h3, nav, p {
border: 0;
padding: 0;
margin: 0;
}
/* body and page container */
body {
font-family: "Alegreya Sans", Arial, Helvetica, sans-serif;
background-color: #aabd7e;
}
.container {
max-width: 800px;
margin: 0 auto;
background-color: rgb(246,224,65);
position: relative;
}
p {
font: 1.6em Verdana, Geneva, sans-serif;
}
p {
font-size: 1.4em;
line-height: 1.6em;
}
/* header section */
header {
padding: 0 em;
text-align: center;
background-color: #a17f43;
}
header h1 {
padding-top: 0.4em;
color: rgb(246,224,65);
font-weight: normal;
font-size: 4.6em;
line-height: 0.8em;
}
header h2{
background-color:black;
color:olive;
text-align: center;
}
header p {
padding: 0.4em 0 0.8em;
color:goldenrod;
}
/* main content */
article {
width: 62.5%;
float: left;
background-color: floralwhite;
}
article h2 {
margin: 0.1em 0.2em 0;
color: greenyellow;
font-size:2.3 em;
font-weight: normal;
line-height: center;
}
nav bar{
background-color:gold;
color:green;
}
article h3 {
margin: 0.4em 0.3em 0;
font-size:2.2em;
font-weight:auto;
}
article div p {
text-align: center;
margin-top: 1em;
}
article div h2{
background-color:gold;
color:olive;
}
article p {
margin: 0 1em 0.4em 1.4em;
}
/* sidebar */
aside {
width: 37.5%;
float: right;
background-color:gold;
}
aside h2 {
padding: 0.4em;
font-size: 2.8em;
line-height: 0.8em;
font-weight: normal;
}
aside p {
padding-left: 1.4em;
}
/* footer section */
footer {
padding: 0.6em;
background-color: black;
color: floralwhite;
text-align: center;
clear: both;
}
footer p {
margin: 0.4em;
}
/* print styles */
@media print {
article, article h2, aside, body, .container, footer, header, header h1, header p {
color: rgb(0,0,0);
background-color: rgb(255,255,255);
}
article {
border-right: 4px solid black;
width:60.2%;
}
body {
max-width: 100%;
}
footer {
border-top: 4px solid black;
}
header {
border-bottom: 4px solid black;
}
}
@page {
margin: 1in;
}
Add Answer to:
You've been hired to create a website for Eating Well in Season, a
business in Glover,...
n the Labs Labs 1 and 2, which increase in difficulty, require you to create webpages based on what you learned in the...
n the Labs Labs 1 and 2, which increase in difficulty, require you to create webpages based on what you learned in the chapter; Lab 3 requires you to dive deeper into a topic covered in the chapter. Lab 1: Creating an External Style Sheet for City Farmer Problem: You work for a local but rapidly growing gardening supply company called City Farmer that specializes in products that support food self-sufficiency. The company has hired you to help create the...
2 Apply Your Knowledge Reinforce the skills and apply the concepts you learned in this chapter Styling a Webpage Instru...
2 Apply Your Knowledge Reinforce the skills and apply the concepts you learned in this chapter Styling a Webpage Instructions: In this exercise, you will use your text editor to create external, embedded, and inline styles for the Durango Jewelry and Gem Shop home page. You will style the sections of the semantic wireframe header, nav, main, and tooter and a div element that surrounds all of the content to center the content on the page. You will also float...
Apply the following styles: Set the width of the body element to 1000 pixels. Set the...
Apply the following styles:
Set the width of the body element to 1000 pixels.
Set the width of the navigation element to 100%.
Adjust the css and html to have your navigation list display
horizontally (think floats and widths).
Center the navigation element by setting the margin to auto.
Clear the float for the section element.
Set the width of all articles to 75%.
Add a class to the articles that contains your favorite
websites.
Set the width of that...
In this problem, you will create a selectable “To Do” List. To add a task to...
In this problem, you will create a selectable “To Do” List. To
add a task to this list, the user clicks the Add Task button and
enters a description of the task. To delete a task from the list,
the user selects the task and then clicks the Delete Task
button.
Open the HTML and JavaScript files provided as start-up files
(index.html from within todo_list_Q.zip file). Then,
review the HTML in this file. Note, within the div element, there
is...
You will use your text editor to create a table and apply table styles. First, you...
You will use your text editor to create a table and apply table styles. First, you insert a table element. Next, you add a table caption, table rows, table headers, and table data. Then, you create style rules to format the table. Work with the apply08.html file and the applystyles08.css file. You will also use professional web development practices to indent, space, comment, and validate your code. 3. In the apply08.html file, add a table element within the main element....
Kindly assist in fixing the error i got when I pasted my codes to validate it....
Kindly assist in fixing the error i got when I pasted my codes to validate it. The error is in bold. Error: Table column 2 established by element th has no cells beginning in it. From line 53, column 25; to line 55, column 40 <tr> <th colspan="2"> <!DOCTYPE HTML> <html lang="en"><!-- language is English--> <head> <meta charset="utf-8"/> <title>DA Website</title> <link rel="stylesheet" type="text/css" href="styles.css" /> </head> <body> <div id="wrapper"> <!-- start html...
Hello, I am designing a website for my class. I am using HTML/CSS/Jscript. I need to...
Hello, I am designing a website for my class. I am using HTML/CSS/Jscript. I need to have my text in the body, white. All text and the picture centered but how do I have margins on the left and right side?. I have a figcaption and I dont know have to place it under the picture but I am having a hard time. Can you help me? Thank you! HTML <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet"...
Code for the movies page: <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />...
Code for the movies page:
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,
initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="style.css"
/>
<title>Daniel's Movie Page</title>
</head>
<body>
<a href="hobbies.html">Hobbies</a>
<h1>Movies and Actors</h1>
<ol>
<li class="ol-list1">Gravity</li>
<li>Avenger</li>
<li>Marshal</li>
<li>Interstellar</li>
<li>Dark Knight</li>
<li>Superman</li>
</ol>
<ul>
<li class="ul-list1">Robet Downey jr.</li>
<li>Sharuk Khan</li>
<li>Ranbir Kapoor</li>
<li>Sidhhart Malhotra</li>
<li>Angela Joli</li>
<li>Leonardo DiCaprio/li>
</ul>
<h2>Favorite Movie</h2>
<p>
<b>Gravity:</b> The movie portrayed what happens to
an astronaut if he/she
is pushed away from spaceship.It was terrifying how much...
How do I get my HTML and CSS to look similar to this mockup? HTML: <!DOCTYPE...
How do I get my HTML and CSS to look similar to this mockup?
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<title>nitro
site</title>
<link href="css/main.css"
rel="stylesheet"/>
</head>
<body>
<header class="header">
<section class="navlist">
<img
class="logo" src="assets/logobeans.png"/>
<h2
class="headertitle">nitro</h2>
<nav>
<ul>
<li><a
href="index.html"
target="_parent">About</a></li>
<li><a
href="/html/menu.html"
target="_blank">Menu</a></li>
<li><a
href="/html/menu.html">Shop Now</a></li>
</ul>
</nav>
</section>
<section
class="headerContainer">
<h1
class="heading">Nitro Coffee</h1>
<p
class="productDesc">Coffee is a brewed drink prepared from
roasted coffee beans, the seeds of berries from certain Coffea
species.</p>...
For milestone #1, we will start the CARIT site with three static HTML pages and a...
For milestone #1, we will start the CARIT site with three static HTML pages and a CSS file. Create a dedicated folder for this project. This folder should contain all related files in this project. The future milestones are cumulative and built directly on top of your prior work. Function/content requirements: A home page named “index.html”, which include these contents at least: Description of the center. You may reference the example sites. Latest news: use list tags; make up some...
n the Labs Labs 1 and 2, which increase in difficulty, require you to create webpages based on what you learned in the chapter; Lab 3 requires you to dive deeper into a topic covered in the chapter. Lab 1: Creating an External Style Sheet for City Farmer Problem: You work for a local but rapidly growing gardening supply company called City Farmer that specializes in products that support food self-sufficiency. The company has hired you to help create the...
2 Apply Your Knowledge Reinforce the skills and apply the concepts you learned in this chapter Styling a Webpage Instructions: In this exercise, you will use your text editor to create external, embedded, and inline styles for the Durango Jewelry and Gem Shop home page. You will style the sections of the semantic wireframe header, nav, main, and tooter and a div element that surrounds all of the content to center the content on the page. You will also float...
Apply the following styles:
Set the width of the body element to 1000 pixels.
Set the width of the navigation element to 100%.
Adjust the css and html to have your navigation list display
horizontally (think floats and widths).
Center the navigation element by setting the margin to auto.
Clear the float for the section element.
Set the width of all articles to 75%.
Add a class to the articles that contains your favorite
websites.
Set the width of that...
In this problem, you will create a selectable “To Do” List. To
add a task to this list, the user clicks the Add Task button and
enters a description of the task. To delete a task from the list,
the user selects the task and then clicks the Delete Task
button.
Open the HTML and JavaScript files provided as start-up files
(index.html from within todo_list_Q.zip file). Then,
review the HTML in this file. Note, within the div element, there
is...
Code for the movies page:
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,
initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="style.css"
/>
<title>Daniel's Movie Page</title>
</head>
<body>
<a href="hobbies.html">Hobbies</a>
<h1>Movies and Actors</h1>
<ol>
<li class="ol-list1">Gravity</li>
<li>Avenger</li>
<li>Marshal</li>
<li>Interstellar</li>
<li>Dark Knight</li>
<li>Superman</li>
</ol>
<ul>
<li class="ul-list1">Robet Downey jr.</li>
<li>Sharuk Khan</li>
<li>Ranbir Kapoor</li>
<li>Sidhhart Malhotra</li>
<li>Angela Joli</li>
<li>Leonardo DiCaprio/li>
</ul>
<h2>Favorite Movie</h2>
<p>
<b>Gravity:</b> The movie portrayed what happens to
an astronaut if he/she
is pushed away from spaceship.It was terrifying how much...
How do I get my HTML and CSS to look similar to this mockup?
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<title>nitro
site</title>
<link href="css/main.css"
rel="stylesheet"/>
</head>
<body>
<header class="header">
<section class="navlist">
<img
class="logo" src="assets/logobeans.png"/>
<h2
class="headertitle">nitro</h2>
<nav>
<ul>
<li><a
href="index.html"
target="_parent">About</a></li>
<li><a
href="/html/menu.html"
target="_blank">Menu</a></li>
<li><a
href="/html/menu.html">Shop Now</a></li>
</ul>
</nav>
</section>
<section
class="headerContainer">
<h1
class="heading">Nitro Coffee</h1>
<p
class="productDesc">Coffee is a brewed drink prepared from
roasted coffee beans, the seeds of berries from certain Coffea
species.</p>...
Most questions answered within 3 hours.
-
For the reaction CaI2+2AgNO3⟶2AgI+Ca(NO3)2 how many grams of
silver iodide, AgI, are produced from 56.5 g...
asked 5 minutes ago -
Write an equation for hydrolysis via acid catalysis.
Using ethyl acetate, ethyl benzoate, ethyl formate or...
asked 12 minutes ago -
Only one graph is needed.
(a) Draw a Supply Curve and the Demand Curve for the...
asked 16 minutes ago -
Fill in the blanks and please show how you arrived at numerical
answers
. The...
asked 16 minutes ago -
91. If the half – life of a sample of radioactive
material is 60 days, what...
asked 23 minutes ago -
White light (380nm-750nm) strikes a diffraction grating (420
lines/mm) at normal incidence. What is the highest-order...
asked 32 minutes ago -
1) Explain what is meant by a good being "excludable."?
2) Explain what is meant by...
asked 32 minutes ago -
I need help with this question:
Describe in detail at least two factors that stimulated American...
asked 39 minutes ago -
Calculate the Boyle temperature for helium assuming it follows
the Berthelot equation of state.
asked 39 minutes ago -
Summarize Strategic Corporate Social Responsibility, 4th edition
2017 book, chapter one and two.
asked 39 minutes ago -
1. If the standard deviations for return on stock A and stock B
are 28% and...
asked 55 minutes ago -
Please use python to explain.
Assume that the variables x and
y refer to strings. Write...
asked 1 hour ago