html Примерыверсткипобэму，сглавнойяндексаияндексновости

Posted 2021-05-11

<ul class="b-news-list"> блок
  <li class="b-news-list__item"> блок__элемент
    <span class="b-news-list__item_num"> блок__элемент_булевыймодификатор 
      1.
    </span>
    <a href="#" class="b-link b-link_type_colored"> блок блок_модификаторключ_значение
      МВД Греции: 
      <span class="b-link__highlighted"> блок__элемент
        Коалиция СИРИЗА победила на выборах
      </span>
    </a>
  </li>
</ul>


<div class="b-content">
  <div class="story">
    <a class="link story__image">
      <img class="image">
    </a>
    <div class="story__content">
      <h2 class="story__title">
        <a class="link link_ajax_yes" href="#">
          Сериал «Игра престолов» получил главную награду премии «Эмми»
        </a>
      </h2>
      <div class="story__text">В США прошла 67-я церемония вручения самой престижной телепремии "Эмми". Сериал "Игра престолов" стал обладателем главной награды за лучшие программы американского телевидения, выходящие в прайм-тайм. Он завоевала приз "Лучший драматический сериал".</div>
  </div>
  </div>
</div>


<ul class="widget__items">
  <li class="widget__item">
    <div class="story">
      <div class="story__content">
        <div class="story__text">
          В самарской администрации прошло 
          <a class="link">
            заседание антикоррупционной комиссии
          </a>
        </div>
      </div>
    </div>
  </li>
</ul>