Question: hello . This assignment is from the book web development & design foundations with html5 from chapter 8 and page number394. can anyone give me
hello . This assignment is from the book web development & design foundations with html5 from chapter 8 and page number394. can anyone give me the answers please.i need the code to make image of the book exactly the same. please give me the correct answer. please ask me if you have any question. Thank you
Yurt.html
content="width=device-width, initial-scale=1.0">
Pacific Trails Resort
- Home
Yurts
Activites
Reservations
The Yurt at Pacific Trails
- What is a yurt?
- Our luxury yurts are permanent structures four feet off the ground.
Each yurt has canvas walls, a wooden floor, and a roof dome that
can be opened.
- How are the yurts furnished?
- Each yurt is furnished with a queen-size bed with
down quilt and gas-fired stove.
The luxury camping experience also includes electricity and a sink with hot and cold running water.
Shower and restroom facilities are located in the lodge.
- What should I bring?
- Bring a sense of adventure and some time to relax! Most guests also pack comfortable
walking shoes and plan to dress for changing weather with
layers of clothing.
Copyright © 2016 Pacific Trails Resort
first name@last name
___Pacific.css_____
body { background-color: #FFFFFF;
background-image:url(background.jpg);
color: #666666;
font-family: Arial, Verdana, sans-serif; }
main { padding-left: 20px;
padding-right: 20px;
display: block;
background-color: #FFFFFF;
margin-left: 170px;
padding-top: 1px;
padding-bottom: 1px;
}
h1 { background-color: #000033;
color: #FFFFFF;
font-family: Georgia, "Times New Roman", serif;
line-hight: 200%;
background-image: url(sunset.jpg);
background-position: right;
background-repeat:no-repeat;
padding-left: 20px;
height: 72px;
margin-bottom: 0;
}
nav {font-weight: bold;
float: left;
width: 160px;
padding-top: 20px;
padding-left: 20px;
padding-right: 5px;
background-color: #90C7E3; }
nav ul { list-style-type: none; margin: 0; padding-left: 0; }
nav a {text-decoration: none;}
nav a:link { color: #000033; }
nav a:visited { color: #344873; }
nav a:hoover { color: #FFFFFF; }
h2 { color: #3399CC;
font-family: Georgia, "Times New Roman", serif; }
h3 {color: #000033; }
dt { color: #000033;
font-weight: bold;
}
.resort { color: #000033;
font-size: 1.2 em;
font-weight: bold;}
footer { font-size: .70 em;
font- style: italic;
text-align: center;
padding:10px;
margin-left: 170px;
background-color: #FFFFFF;
}
#wrapper { background-color: #90C7E3;
margin-left: auto;
margin-right: auto;
width: 80%;
min-width:700px;
max-width:1024px;
box-shadow:3px 3px 3px #333;
}
#homehero {height: 300px;
background-image: url(coast.jpg);
background-size:100% 100%;
background-repeat:no-repeat;
margin-left: 170px;
}
#yurthero {height: 300px;
background-image: url(yurt.jpg);
background-size:100% 100%;
background-repeat:no-repeat;
margin-left: 170px;
}
#trailhero {height: 300px;
background-image: url(trail.jpg);
background-size:100% 100%;
background-repeat:no-repeat;
margin-left: 170px;
}
* { box-sizing: border-box; }
header, nav, main, footer { display: block;}
#mobile { display: none; }
#desktop { display: inline; }
@media only screen and (max-width: 1024px) {
body { margin: 0; padding: 0; background-image: none; }
#wrapper { width: auto; min-width: 0; margin: 0; box-shadow: none; }
h1 { margin: 0; }
nav { float: none; width: auto; padding: 0.5em; }
nav li { display: inline-block; }
nav a { padding: 1em; }
main { padding: 1em; margin-left: 0; font-size: 90%; }
footer { margin: 0; }
#homehero {margin-left: 0;}
#yurthero {margin-left: 0;}
#trailhero {margin-left: 0;}
}
@media only screen and (max-width: 1024px) {
h1 { height: 100%; font-size: 1.5em; padding-left: 0.3em; }
nav { padding: 0; }
nav a { display: block; padding: 0.2em; font-size: 1.3em;
border-bottom: 1px ridge #330000; }
nav ul { margin: 0; padding: 0; }
nav li { display: block; margin: 0; padding: 0; }
main { padding-top: 0.1em; padding-right: 0.6em; padding-bottom: 0.1em; padding-left: 0.4em; }
#homehero { display: none; }
#yurthero { display: none; }
#trailhero { display: none; }
footer { padding: 0; }
#mobile { display: inline; }
#desktop { display: none; }
}


Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
