xxxxxxxxxx
header
{
background-color: black;
width: 100%;
height: 47px;
color: white;
position: fixed;
}
.banner
{
background-color: #3b97b1;
background-color: #5fa1b4;
height: 247px;
width: 100%;
}
.banner h1
{
text-align: center;
position: relative;
top: 100px;
text-indent: -9999px;
}
.banner h1 img
{
position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 60px;
margin-top: -30px; /* Half the height */
margin-left: -100px; /* Half the width */
padding-top: 20px;
}
xxxxxxxxxx
<header>
<nav>
<ul>
<li>Home</li>
<li>About</li>
<li>Work</li>
</ul>
</nav>
</header>
<div class="banner">
<h1><img src="imgs\logo.png" />Jackle</h1>
<h3>We design and create.</h3>
</div>
<img src="" class="representationBannerPic">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis recusandae ullam dolores sint eligendi voluptatibus incidunt esse vero totam aspernatur. Iste quae molestias sed enim corrupti rerum nam culpa asperiores.</p>