<!DOCTYPE html>
<html>
<head>
<title>Spruces</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta charset="utf-8">
<meta name="keywords" content="spruce,spruces,purchase_spruces">
<meta name="description" content="Are you looking for a spruce on a New Year? Order it on our site!">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="nav">
<div class="button1"><a target="_blank" href="http://google.com" class="button1">m<br>e<br>n<br>u</a></div>
<div class="image"></div>
<div class="info">
<ul class="ulinfo">
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
<div class="main">
</div>
<div class="right">
</div>
<div class="bottom">
</div>
</body>
</html>
@import "nullstyle.scss";
$f:50px;
body{
background: url(../img/sprucebg.png) 0 0 repeat;
max-width:100%;
width: 100%;
height: 2000px;
}
.nav{
width: 100%;
height: 100px;
background-color: #6af;
opacity: 98%;
box-shadow: -2px 4px 8px #fff;
top: 200px;
>.image{
background: url(../img/icon1.png) 40px 9px no-repeat;
background-size: 80px 80px;
width: 120px;
height: 100px;
display: inline-block;
}
}
.nav .button1{
width: 32px;
height: 100px;
background-color: #6af;
border-right: 1px solid #fff;
display: block;
font-size: 22px;
line-height: 24px;
font-weight: 350;
text-align: center;
font-family: "TECHNIC";
text-transform: uppercase;
position: absolute;
&:hover{
background-color: #49f;
}
}
.main {
}
.right {
}
.bottom {
}