CaseStudy3

3.
INDEX

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset ="utf-8">
   <title>Pacific Trails Resort</title>
     <link rel="stylesheet" href="pacific.css" type="text/css">
</head>
<body>
   <div id="wrapper">

      <h1>Pacific Trails Resort</h1>

      <div id="nav"><a href="index.html">Home</a>
                    <a href="yurts.html">Yurts</a>
                    <a href="activities.html">Activites</a>
                    <a href="reservations.html">Reservations</a>
      </div>

      <h2>Enjoy Nature in Luxury</h2>

      <p><span class="resort">Pacific Trails Resort</span> offers a special lodging experience on the Califronia North Coast.
         Relax in serenity with panoramic views of the Pacific Ocean.
      </p>

      <ul>
         <li>Private yurts with decks overlooking the ocean</li>
         <li>Activities lodge with fireplace and gift shop</li>
         <li>Nightly fine dining at the Overlook Cafe</li>
         <li>Heated outdoor pool and whirlpool</li>
         <li>Guided hiking tours of the redwoods</li>
      </uL>

      <div>
         Pacific Trails Resort<br>
         12010 Pacific Trails Road<br>
         Zephyr, CA 95555<br>
         <br>
         888-555-5555<br>
         <br>
      </div>
      <div  id="footer"> Copyright &copy; 2013 Pacific Trails Resort<br>
         <a href="mailto:zoilobernal@gmail.com" target="_blank">zoilobernal@gmail.com</a>
      </div>
   </div>
</body>
</html>




YURTS

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset ="utf-8">
   <title>Pacific Trails Resort::Yurts</title>
   <link rel="stylesheet" href="pacific.css" type="text/css">
</head>

<body>
   <div id="wrapper">

      <h1>Pacific Trails Resort</h1>

      <div id="nav"><a href="index.html">Home</a>
                    <a href="yurts.html">Yurts</a>
                    <a href="activities.html">Activites</a>
                    <a href="reservations.html">Reservations</a>
      </div>

      <h2>The Yurts at Pacific Trails Resort</h2>

      <dl>
         <dt><strong><b>What is a yurt?</b></strong></dt>
            <dd>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.<br><br></dd>

         <dt><strong><b>How are the yurts furnished?</b></strong></dt>
            <dd>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.<br><br></dd>

         <dt><strong><b>What should I bring?</b></strong></dt>
            <dd>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.</dd>
      </dl>

      <div  id="footer"> Copyright &copy; 2013 Pacific Trails Resort<br>
         <a href="mailto:zoilobernal@gmail.com" target="_blank">zoilobernal@gmail.com</a>
      </div>
   </div>
</body>
</html>


pacific.css
body{
background-color:#FFFFFF;
color:#666666;
font-family: Verdana, Arial, sans-serif;
}
h1{
background-color:#000033;
color:#FFFFFF;
line-height:200%;
font-family: Georgia, sans-serif;
}
#nav{
font-weight:bold;
background-color:#90c7e3;
}
h2{
color:#3399cc;
font-family: Georgia, sans-serif;
}
dt{
color:#000033;
}
.resort{
color:#000033;
font-size:1.2em;
}
#footer{
font-size:.70em;
font-style:italic;
text-align:center;
}

#wrapper{
width: 80%;
margin-right:auto;
margin-left: auto;
}

No comments:

Post a Comment