Untitled

<!DOCTYPE html>
<html>
<head>
	<title>Kenwood Black Friday</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<header>
        <ul class="logo">
            <li class="logo-1"><img src="KW logo.png"></li>

        </ul>
        <ul class="nav">
            <li><a href="#">Prepare & Bake</a></li>
            <li><a href="#">Health</a></li>
            <li><a href="#">Breakfast</a></li>

        </ul>
    </header>
<div class="hero-slider">
	<div class="hero-text">
		<!--<h3>BLACK FRIDAY SALE</h3>
		<p>20% off</p>
		<p>selected products  </p>-->
	</div>


</div>


</body>
</html>


____________________________________________________________________________

*{
	margin: 0;
	padding: 0;
}
header {

}

/* ----------- lOGO ----------- */

.logo {
  display: inline-block;

}
.logo-1 img {
  display: inline-block;
   margin-left: 10%;
}

/* ----------- NAV ----------- */
.nav {
  display: inline-block;
  text-align: right;
  margin-right: 20%;
  float: right;
  margin-top: 20px;
}
.nav li  {
  display: inline-block;
    margin-left: 20px;


}
.nav li a {
  text-decoration: none;
}
.hero-slider{
	background-image: url('20180206-Kenwood-Veronica-19039.png')
}