Example

by Anatoly Kulikov

HTML

<header>
  <nav>
    <ul>
      <li><img src="https://shop-cdn1.vigbo.tech/shops/119450/products/13716932/images/3-5cd02004e7544587c039e8d54f0d4904.jpg" alt="lamp"></li>
      <li><a href="#">Конструктор светильника</a></li>
      <li><a href="#">О нас</a></li>
      <li><a href="tel:">+7 (495) 123-45-67</a></li>
      <li><a href="mailto:[email protected]">[email protected]</a></li>
    </ul>
  </nav>
</header>
<main>
  
</main>

SCSS

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

header {
  display: block;
  width: 100%;
  background: #000000;
  
  nav {
    display: block;
    width: 100%;
    
    ul {
      display: flex;
      align-items: center;
      width: 100%;
      
      li {
        display: block;
        
        img {
          display: block;
          width: 72px;
          height: auto;
        }
        
        a {
          display: block;
          padding: 10px;
          text-decoration: none;
          color: #fefefe;
          
          &:hover {
            background: #414141;
          }
        }
      }
    }
  }
}

main {
  display: block;
  width: 100%;
  height: calc(100vh - 77px);
  background: url('https://cdn.pixabay.com/photo/2017/06/28/16/34/lightbulb-2451265_960_720.jpg') center no-repeat;
  background-size: cover;
}