Question: Make the website fully responsive by editingthe HTML and CSS files.
About.html
<HTML>
<head>
<meta charset="UTF-8">
<meta name="viewport"content="width=device-width, initial-scale=1.0">
<title>Farm to Fork ABOUT</title>
<ScriptLanguage="JavaScript"></Script>
<Link Rel="stylesheet" Type="text/css"HRef="ExternalStyle2.css">
</head>
<body><EM>
<H1>ABOUT US</H1>
<center><img align="right"src="logo.png" vspace=2 hspace=20></center>
<H5>Our Mission Statment:</H5>
<p>
At <b>Farm toFork</b> we strive to provide a <b>"A Sustainable, FineDining Experience"</b> to every patron
who walks through ourdoors.
We incorporatemultiple methods to sustainabily source the nutrious meals weserve.
This includesparterning with local farmers and community gardens, and growingour own seasonal vegitables.
We believe in theimportance of supporting local food production to reduce globalemmisions.
</p>
<BR><BR>
<BR><BR>
<H5>More About theMovement: </H5>
<img align="bottom"src="vegTable.jpg" hspace=20 width="400" height="300">
<p>
Farm-to-table (orfarm-to-fork) is a <ahref="https://en.wikipedia.org/wiki/Farm-to-table"><b>social
movement</b></a>
which promotes servinglocal food through direct acquisition from the producers.
This can beaccomplished through a direct sales relationship,
a community-supportedagriculture arrangement, a farmer's market,
a local distributor orby the restaurant raising its own food.
Farm-to-table oftenincorporates a form of food traceability where the origin of thefood is identified to
consumers.
</p>
<p>
The farm-to-tablemovement has arisen with changes in attitudes about food safety,food freshness, food
seasonality,
and small-farmeconomics. Advocates and practitioners of the farm-to-table modelfrequently cite the
scarcity of fresh,
local ingredients; thepoor flavor of ingredients shipped from afar; the poor nutritionalintegrity of
shippedingredients;
the disappearance ofsmall family farms; the disappearance of heirloom andopen-pollinated fruits and
vegetables;
and the dangers of ahighly centralized food growing and distribution system asmotivators for their
decision toadopted
a more locavoreapproach to the food system.
</p>
<H2>
<ahref="http://stu.cbu.edu/~nmutasa/Project2.html">HOME</a>
</H2>
<H4>A Sustainable, Fine DiningExperience.</H4>
</EM></body>
</HTML>
Contact.html
<HTML>
<head>
<meta charset="UTF-8">
<meta name="viewport"content="width=device-width, initial-scale=1.0">
<title>Farm to Fork CONTACTINFO</title>
<ScriptLanguage="JavaScript"></Script>
<Link Rel="stylesheet" Type="text/css"HRef="ExternalStyle2.css">
</head>
<body><EM>
<H1>CONTACT US</H1>
<center><img align="right"src="logo.png" vspace=5 hspace=2></center>
<p>Location: 1922 TuxedoSt.</p>
<a name="fav">
<p>Hours ofOperation:</p>
<table borderwidth=400>
<tr>
<th width=70%>Days</th>
<th width=30%>Hours</th>
</tr>
<tr>
<td>MON-THUR</td>
<td>12pm - 6pm</td>
</tr>
<tr>
<td>FRI</td>
<td>12pm - 7pm</td>
</tr>
<tr>
<td>SAT</td>
<td>12pm - 9pm</td>
</tr>
<tr>
<td>SUN</td>
<td>Closed</td>
</tr>
</table>
<BR>
<BR>
<p>Email: <ahref="mailto:[email protected]">[email protected]</a></p>
<p>Phone:+1(404)-222-1922</p>
<P>Follow Us onTwitter and Facebook!</p>
<H2>
<ahref="http://stu.cbu.edu/~nmutasa/Project2.html">HOME</a>
</H2>
<H4>ASustainable, Fine Dining Experience.</H4>
</EM></body>
</HTML>
ExternalStyle2.css
A:link {color: gray}
A:visited, A:active {color: green}
A:hover {text-decoration: overline; color: teal}
Body {
background-color: white;
font-family: cambria;
color: gray
}
H1 {font-size: 50pt; text-align: right}
H2 {font-size: 25pt; text-align: right}
H3 {font-size: 10pt; text-align: center}
H4 {text-align: center}
H5 {font-size: 15pt}
P {font-size: 10pt; font-family: monospace}
Table {
width: 400px;
font-family: monospace;
color: white;
background-color: green;
margin: .8em;
border-color: darkgreen
}
Form {
font-family: monospace;
text-align: center;
color: white;
background-color: green
}
Project2.html
<HTML>
<head>
<meta charset="UTF-8">
<meta name="viewport"content="width=device-width, initial-scale=1.0">
<title>Farm to ForkHomepage</title>
<ScriptLanguage="JavaScript"></Script>
<Link Rel="stylesheet" Type="text/css"HRef="ExternalStyle2.css">
</head>
<body><EM>
<H2>
<ahref="http://stu.cbu.edu/~nmutasa/Project2.html">HOME</a>
<ahref="#res">RESERVATIONS</a>
<ahref="#rev">REVIEWS</a>
<ahref="http://stu.cbu.edu/~nmutasa/About.html">ABOUT</a>
<ahref="http://stu.cbu.edu/~nmutasa/Contact.html">CONTACT</a>
</H2>
<center><img src="logo.png"vspace=5></center>
<H4>A Sustainable, Fine DiningExperience.</H4>
<BR><BR>
<BR><BR>
<BR><BR>
<BR><BR>
<BR><BR>
<a name="res">
<H2>RESERVATIONS</H2>
<H5>Book aTable!</H5>
<Form method="post"action="http://facstaff.cbu.edu/dbrandon/echo.php">
<BR><BR>
Firstand Last Name: <input type="text" size=40 name="Name">
<BR><BR>
Date(ex.05/25/20): <input type="text" size=20 name="Date">
Time(ex.09:30PM): <input type="text" size=20 name="Time">
<BR><BR>
<input type="submit" name="submit" value="submit">
<input type="reset" name="reset" value="reset">
<BR><BR>
</Form>
<BR>
<BR>
<BR>
<BR>
<aname="rev">
<H2>REVIEWS</H2>
<H4>"Do what you can to support local farmers!" -Sandy</H4>
<H4>"Learn how empowering it is to know where your food comesfrom!" - Tinashe</H4>
<H4>"Fight global warming, labor exploitation, food deserts,and so much more!"- Victor</H4>
<H4>"Buy and eat local!" - Koda</H4>
<BR>
<H5>Share your Farm to Fork Experience!</H5>
<Formmethod="post"action="http://facstaff.cbu.edu/dbrandon/echo.php">
<BR><BR>
First Name: <input type="text" size=20 name="Name">
Date of Visit: <input type="text" size=20 name="Visit">
<BR><BR>
Comments: <input type="text" size=65name="Review">
<BR><BR>
<input type="submit" name="submit" value="submit">
<input type="reset" name="reset" value="reset">
<BR><BR>
</Form>
<H2>
<ahref="http://stu.cbu.edu/~nmutasa/Project2.html">HOME</a>
</H2>
<H4>A Sustainable, Fine Dining Experience.</H4>
</EM></body>
</HTML>
vegTable.jpg
FARM TO FORK
THIS