Great Deal! Get Instant $10 FREE in Account on First Order + 10% Cashback on Every Order Order Now

Project Requirements The website should have a minimum of four tabs/pages. · Required: Word Document with a description of the website detailing what the purpose of the website is and the target...

1 answer below »
Project Requirements
The website should have a minimum of four tabs/pages.
· Required:
Word Document with a description of the website detailing what the purpose of the website is and the target audience. The document should also explain why you think the website is useful and what value visitors get by going to your website.  In your document, describe the theme of the website and explain why you selected the colors and format for the website. Include the URLs for 3 websites you use in the document and detail how you used the site as your inspiration. Include keywords used for site search. The description should have a minimum of 600 words. 
 
· Include the following in the documentation:
· Site Map that illustrates the architecture of the website,
· Page Layout Documents- wireframe for each page.  If pages use the same wireframe, you may submit one layout for all pages.
· Submit the zipped project folder.  The project folder should contain the following folders:
· HTML - this folder will contain all HTML files for the project.
· CSS- this folder will contain the CSS file(s) for the project.
· Documents- this folder will contain all documentation for the project.
· Images - this folder will contain project images.
· Media- this folder will contain project media files.
· JS - this folder will contain javascript files for the project.
Answered Same Day Jul 19, 2021

Solution

Robert answered on Jul 20 2021
135 Votes
foodies-king/css/style.css
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 400;src: local('Open Sans'), local('OpenSans'), url(https:
themes.googleusercontent.com/static/fonts/opensans/v7/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 600;src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https:
themes.googleusercontent.com/static/fonts/opensans/v7/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');}
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 700;src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https:
themes.googleusercontent.com/static/fonts/opensans/v7/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');}
@font-face {font-family: "Open Sans";font-style: normal;font-weight: 300;src: local("Open Sans Light"), local("OpenSans-Light"), url("https:
themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff") format("woff");}
html, body, div, span, h1, h2, h3, p, a, img, strong, ol, ul, li, form, label, input, select, textarea, table, tbody, tr, th, td, em {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: open sans, arial
}
.banner {
    background: url(../images
anner.jpg) no-repeat;
    width: 100%;
    height: 650px;
    background-size: cover;
    float: left;
}
.clearfix
{
clear:both;
}
.logo img {
    max-width: 320px;
    display: block;
    margin: 20px auto;
    width: 90%
}
.menu {
    text-align: cente
}
.menu a {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    padding: 15px 40px;
    margin: 0 10px;
    display: inline-block;
    border-radius: 5px;
    text-decoration: none
}
.menu a:hover, .menu a.active {
    background: #ffa036
}
h1
{
color:#fff;
font-size:60px;
text-align:center;
margin:180px 0 20px 0;
text-shadow:0 0 4px #000;
}
.desc
{
font-size:22px;
color:#fff;
text-align:center;
}
h2
{
margin:40px 0;
color:#f57611;
font-weight:600;
font-size:36px;
text-align:cente
}
.content {
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    padding: 40px 0;
    width: 80%;
    margin: auto;
    clear: both
}
.midbanne
{
    background: url(../images/mid-banner.jpg) no-repeat;
    width: 100%;
    height: 418px;
    background-size: cover;
    float: left;
    padding-top:30px
}
.midbanner h2
{
color:#fff
}
.midbanner ul li
{
list-style:none;
font-size:26px;
float:left;
color:#fff;
width:20%;
padding:40px 5%
}
.midbanner ul li p
{
    font-size:14px
}
.chef
{
    background: url(../images/chef.jpg) no-repeat;
    width: 100%;
    height: 600px;
    background-size: cover;
    float: left;
    padding:30px 0 0 0;
    clear:both;
    color:#fff
}
.chef h2
{
text-align:left;
line-height:40px
}
.chef .txt
{
color:#fff;
max-width:600px;
padding:60px 10%;
line-height:26px
}
.inside-banner {
    background: #000;
    height: 250px;
    background-size: fixed;
    float: left;
    width: 100%
}
.inside-banner .logo...
SOLUTION.PDF

Answer To This Question Is Available To Download

Related Questions & Answers

More Questions »

Submit New Assignment

Copy and Paste Your Assignment Here