Испытание: другой вариант главной [19/19] 100%


#1
<body>
  <header class="page-header">
    <div class="logo">
      <img src="/assets/course73/logo.svg" width="90" height="90">
    </div>
    <nav class="main-menu">
      <ul>
        <li><a href="#home">Главная</a></li>
        <li><a href="#blog">Посты</a></li>
        <li><a href="#me">Обо мне</a></li>
    </ul>
    </nav>
  </header>
    <main>
      <article class="blog-entry">
        <aside class="video-preview">
          <img src="/assets/course73/preview.jpg" alt="Видео превью">
        </aside>
        <section class="idea">
          <h1>Размышления о жизни</h1>
          <p>Существует много вещей, которые безразличны собакам, но кошки от них без ума.</p>
          <p>К примеру, любимое место кота — это клавиатура компьютера. Собака не будет постоянно спать на клавиатуре.</p>
        </section>
    </article>
        <section class="photos">
            <figure class="slides">
                <img src="/assets/course73/keks-1.jpg" alt="keks-1">
                <img src="/assets/course73/keks-2.jpg" alt="keks-2">
                <img src="/assets/course73/keks-3.jpg" alt="keks-3">
                <img src="/assets/course73/keks-4.jpg" alt="keks-4">
                <img src="/assets/course73/keks-5.jpg" alt="keks-5">
            </figure>
        </section>
    </main>
    <footer class="page-footer">
        <footer class="info">
            <img src="/assets/course73/keks.jpg" width="50" alt="keks">
                 Кекс, keks@htmlacademy.ru
        </footer>
        <footer class="copyright">
            © 2008—2014 Cat Energy
        </footer>
    </footer>
</body>

#2

Футер в футер вкладывать нельзя. Несколько футеров на странице может быть в том случае, если на странице есть несколько article, каждый из которых содержит хедер и футер.


#3

Помогите!!!не понимаю, почему картинки в один ряд не становятся?((((


#4
    <header class="page-header">
    <div class="logo">
    <img src="/assets/course73/logo.svg" width="90" height="90">
    </div>
 <nav class="main-menu">
    <ul>
        <li><a href="#home">Главная</a></li>
        <li><a href="#blog">Посты</a></li>
        <li><a href="#me">Обо мне</a></li>
    </ul>
     </nav>
  </div>
</header>
<main>
    <article class="blog-entry">
     <aside class="video-preview">
    <img src="/assets/course73/preview.jpg" alt="Видео превью">
    </aside>
      <section class="idea">
    <h1>Размышления о жизни</h1>
    <p>Существует много вещей, которые безразличны собакам, но кошки от них без ума.</p>
    <p>К примеру, любимое место кота — это клавиатура компьютера. Собака не будет постоянно спать на клавиатуре.</p>
     </section>
  </article>
  <header class="slides">
      <section class="photos">
          <figure class="slides">
    <img src="/assets/course73/keks-1.jpg" alt="keks-1">
    <img src="/assets/course73/keks-2.jpg" alt="keks-2">
    <img src="/assets/course73/keks-3.jpg" alt="keks-3">
    <img src="/assets/course73/keks-4.jpg" alt="keks-4">
    <img src="/assets/course73/keks-5.jpg" alt="keks-5">
    <img src="/assets/course73/keks.jpg" width="50" alt="keks">
     </figure>
      </section>
  </header>
</main>
 <footer class="page-footer">
     <div class="info">
    Кекс, keks@htmlacademy.ru
    </div>
     <div class="copyright">
    © 2008—2014 Cat Energy
    </div>
 </footer>

#5

Последняя картинка лишняя.
И должна быть в другом месте – ниже, в футере.

И совсем не обязательно картинки складывать в header.


 <nav class="main-menu">
    <ul>
        <li><a href="#home">Главная</a></li>
        <li><a href="#blog">Посты</a></li>
        <li><a href="#me">Обо мне</a></li>
    </ul>
     </nav>
  </div> <!-- где открывается этот div -->

#6

Спасибо!!!)))))