Solution
Robert answered on
Jul 20 2021
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...