Услуги

for site

by Denis Tverdokhlebov

HTML

<body>
  <div class="text">
    <h2>Brand Book</h2>
  </div>
  <div class="content">
    <p class="h__one">
      Lite
    </p>
    <ul>
      <li>Logo [стандарное лого, двустрочное лого, вертикальное лого, выворотка]</li>
      <li>Color Guide [основные цвета стиля, выворотка, цвета для типографики]</li>
      <li>Типографика [шрифты, отступы]</li>
      <li>Document Box [визитка персональная, визитка корпоративная, бланк, конверт]</li>
    </ul>
    <hr>
    <p class="h__one">Standart [Lite +]</p>
    <ul>
      <li>SMM Style [VK, FaceBook, YouTube]</li>
      <li>Сайт [PC & Mobile, favicon, link style]</li>
      <li>Смысловая ассоциация\нагрузка</li>
      <li>СМИ [банеры для рекламы, банер для статей вступительный]</li>
    </ul>
    <hr>
    <p class="h__one">FullSMM [Standart +]</p>
    <ul>
      <li>Instagram</li>
      <li>Ok</li>
      <li>Twitter</li>
    </ul>
  </div>
</body>

CSS

body {
  max-width: 100vw;
  margin: 0 auto;
  position: relative;
}

.text {
  background-image: url('https://cdn.dribbble.com/users/25514/screenshots/4074602/logo-design-sketches-mobingi-by-ramotion.png');
  -webkit-background-size: cover;
  background-size: cover;
  text-align: center;
  font-size: 22px;
  color: #ffffff;
  width: 100%;
  height: 100%;
  padding: 20px 0;
  -webkit-box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.36);
  box-shadow: 0px 6px 10px -1px rgba(0, 0, 0, 0.36);
}

.text h2 {
  background-color: rgba(59, 59, 59, 0.7);
  height: 100%;
  padding: 20px 0;
}

.content {
  padding: 20px 50px;
}

hr {
  margin: 35px 0;
  padding: 0;
  opacity: 0.5;
}

.h__one {
  font-size: 18px;
  font-weight: 600;
}