Professional Documents
Culture Documents
DOCTYPE html>
<html>
<head>
<title> Delicious Desserts</title>
</head>
<style>
body {
background-image: url("https://i.gyazo.com/
0aaf87edcad9ba17af5eed1e8c8ceb7a.gif");
}
p {
font-family = "Georgia";
font-size: 25px;
margin: 5px;
}
#navigation {
position: absolute;
margin-left: 40.5%;
margin-top: 0%;
}
a.nav, select{
display: inline;
background-color: orange;
padding: 10px;
text-align: center;
color: white;
text-decoration: none;
font-size: 20px;
}
a.nav {
border: 2px solid orange;
}
#dessertOfTheMonth {
margin-top: 70px;
width: 50%;
height: 560px;
border: 5px double magenta;
overflow: auto;
background-color: pink;
}
a.nav:hover {
background-color: red;
border: 2px solid red;
}
#header {
position: relative;
float: left;
width: 100%;
background-color: #00FFFF;
font-family: "Georgia";
}
h3 {
font-size: 25px;
}
#description {
position: relative;
width: 100%;
float: left;
margin-top: 0%;
}
#p2 {
font-size: 20px;
background-color: #80FFFF;
padding-left: 1%;
padding-right: 0.5%;
margin: 0%;
font-family: "Georgia";
}
select {
border: none;
font-family: "Times New Roman";
font-size: 20px;
}
#cupcakes {
margin-left: 13.5%;
margin-top: 23%;
position: absolute;
width: 345px;
height: 273px;
}
#soloCupcake {
position: absolute;
height: 273px;
margin-top: 23%;
margin-left: 34.5%;
}
#soloCupcake2 {
position: absolute;
height: 273px;
margin-top: 23%;
float: left;
}
#box {
position: absolute;
width: 48%;
height: 280px;
margin-top: 70px;
border: 3px solid #009999;
overflow: auto;
}
#iceCream {
text-decoration: none;
color: magenta;
}
#footer {
background-color: #FF0066;
width: 100%;
height: 15px;
margin-top: 43.5%;
}
</style>
<body>
<center><h1 style = "color: white; backgroundcolor: #FF0066">Delicious Desserts</h1></center>
<div id = "navigation">
<a class = "nav" href = "C:\Users\abharathala
\Documents\Users\Aparna\12th Grade\TGR\Aparna
\dessertsTest.html"> Home </a>
<a class = "nav" href = "http://
www.google.com"> Classics </a>
<select>
<a class = "nav" href = "http://
www.google.com"><option>Continents</option></a>
<a class = "nav" href = "http://
www.google.com"><option>North America</option></a>
<a class = "nav" href = "http://
www.google.com"><option>South America</option></a>
<a class = "nav" href = "http://
www.google.com"><option>Asia</option></a>
<a class = "nav" href = "http://
www.google.com"><option>Europe</option></a>
<a class = "nav" href = "http://
www.google.com"><option>Africa</option></a>
<a class = "nav" href = "http://
www.google.com"><option>Australia</option></a>
<a class = "nav" href = "http://
www.google.com"><option>Antarctica</option></a>
</select>
</div>
<div id = "box">
<div id = "header">