SHARE
TWEET

Untitled

a guest Jun 18th, 2019 54 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Kenwood Black Friday</title>
  5.     <link rel="stylesheet" type="text/css" href="style.css">
  6. </head>
  7. <body>
  8.     <header>
  9.         <ul class="logo">
  10.             <li class="logo-1"><img src="KW logo.png"></li>
  11.            
  12.         </ul>
  13.         <ul class="nav">
  14.             <li><a href="#">Prepare & Bake</a></li>
  15.             <li><a href="#">Health</a></li>
  16.             <li><a href="#">Breakfast</a></li>
  17.  
  18.         </ul>
  19.     </header>
  20. <div class="hero-slider">
  21.     <div class="hero-text">
  22.         <!--<h3>BLACK FRIDAY SALE</h3>
  23.         <p>20% off</p>
  24.         <p>selected products  </p>-->
  25.     </div>
  26.    
  27.  
  28. </div>
  29.  
  30.  
  31. </body>
  32. </html>
  33.  
  34.  
  35. ____________________________________________________________________________
  36.  
  37. *{
  38.     margin: 0;
  39.     padding: 0;
  40. }
  41. header {
  42.  
  43. }
  44.  
  45. /* ----------- lOGO ----------- */
  46.  
  47. .logo {
  48.   display: inline-block;
  49.  
  50. }
  51. .logo-1 img {
  52.   display: inline-block;
  53.    margin-left: 10%;
  54. }
  55.  
  56. /* ----------- NAV ----------- */
  57. .nav {
  58.   display: inline-block;
  59.   text-align: right;
  60.   margin-right: 20%;
  61.   float: right;
  62.   margin-top: 20px;
  63. }
  64. .nav li  {
  65.   display: inline-block;
  66.     margin-left: 20px;
  67.  
  68.  
  69. }
  70. .nav li a {
  71.   text-decoration: none;
  72. }
  73. .hero-slider{
  74.     background-image: url('20180206-Kenwood-Veronica-19039.png')
  75. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top