<!DOCTYPE html PUBLIC “-//w3c//DTD XHTML 1.0 Transitional//EN” 

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html>

<head>

<title>CC's Cookies Homepage</title>

<style type=text/css>

    

    html, body {

        margin:0px;

        padding:0px;

        height:100%;

        }

    

body

{

font-family: Papyrus, Arial, Helvetica;

font-size: 95%;

color: white;

background-color: #00CCCC;

background-image:url(http://classes.slis.lsu.edu/wu/7008/su15/ehuber/Images/damask-pattern-background-yellow-2.jpg);

text-align: center;

border-color:black;

padding-left:10px;

        padding-right:10px;

        padding-top:10px;

padding-bottom:20px;

}


img {border-style: groove; border-width: 5px; margin-bottom: 10px; margin-right:300px;}

        

        a:link {color:white; background-color:transparent; text-decoration:none}


a:hover {color:blue; background-color:transparent; text-decoration:underline}


a:visited {color:yellow; background-color:transparent; text-decoration:none}


a:active {color:pink; background-color:transparent; text-decoration:underline}

        

        #container {

        height:100%;

        position:relative;

        }

        

#header {

background-color:#00CCCC;

color:white;

text-align:center;

padding:5px;

border-style:groove;

border-width:5px;

margin-bottom:10px;

}

#nav {

background-color:#00CCCC;

line-height:30px;

height:175px;

width:175px;

float:left;

padding:5px;

border-style:groove;

border-width:5px

margin-bottom:10px;

}

#section1 {

background-color:#00CCCC;

line-height:50px;

border-style:groove;

border-width:5px;

margin-bottom:10px;

margin-left:300px;

width:700px;

}

#section2 {

background-color:#00CCCC;

            text-align:center;

line-height:30px;

border-style:groove;

border-width:5px;

width:700px;

margin-left:300px;

margin-bottom:10px;

}

        #section3 {

background-color:#00CCCC;

            text-align:center;

line-height:30px;

border-style:groove;

border-width:5px;

width:700px;

margin-left:300px;

margin-bottom:10px;

         }

         #section4 {

background-color:#00CCCC;

            text-align:center;

line-height:30px;

border-style:groove;

border-width:5px;

width:700px;

margin-left:300px;

margin-bottom:10px;

         }

         #section5 {

background-color:#00CCCC;

            text-align:center;

line-height:30px;

border-style:groove;

border-width:5px;

width:700px;

margin-left:300px;

margin-bottom:10px;

         }

          #section5 {

background-color:#00CCCC;

            text-align:center;

line-height:30px;

border-style:groove;

border-width:5px;

width:700px;

margin-left:300px;

margin-bottom:10px;

         }

#footer {

background-color:#00CCCC;

text-align:center;

border-style:groove;

border-width:5px;

}

#contact {

background-color:#00CCCC;

text-align:center;

border-style:groove;

border-width:5px;

width:400px;

margin-bottom:10px;

margin-left:450px;

padding:5px;

}


</style>


</head>


<body>


<div id=header>

<h1>CC's Cookies</h1>

</div>


<div id=nav>

    <p><a href="index.html">Home</a></p>

    <p><a href="contactpage.html">Contact</a></p>

    <p><a href="HolidaysSeasonal.html">Holidays&frasl;Seasonal</a></p>

    <p><a href="OccasionsCelebrations.html">Occasions&frasl;Celebrations</a></p>

</div>


<div id=section1>

<p>Welcome to CC's Cookies of Metairie, Louisiana!</p>

</div>

<img src=http://classes.slis.lsu.edu/wu/7008/su15/ehuber/Images/cookiebackground.jpg />


<div id=section2>

<p>Hi! My name is Casey Cordes and I am a home baker. I create delicious, almond-flavored sugar cookies in any shape, size and icing design you may need. Please take a look at some of the cookies I have created for others and contact me with your order information today!</p>

</div>


<div id=footer>

Copyright &copy; CC's Cookies of Metairie, LA

</div>


</body>


</html>