Простой макет сайта "Фотогалерея" HTML/CSS

Задание на лабораторную работу: Разработать веб-страницу с фотогалереей. Для каждого изображения отобразить информацию об авторе, линейных размерах изображения и размерах файла в килобайтах. Использовать блочную верстку.

Макет не содержит какой-либо обработки данных и состоит только из верстки. Все гиперссылки имеют следующий вид: a href="#". То есть прокручивают окно на самый верх веб-страницы.

Приложения:

<div id="head-line">
    <div class="wrap-head-line">
         <div class="logo">
              <a href="#"><img  src="/images/loading-150-1.gif" data-src="img/logo.png" class="logogo"/></a>
         </div>
         <div class="site-name"><h1>Amazing Photo Gallery</h1></div> 
         <div class="slogan"></div>   
    </div>     
</div>

#head-menu {
    height: 55px;
    background-color: navajowhite;
}

.navigation {
    width: 1200px;
    height: 55px;
    margin: 0 auto;
    background-color: navajowhite;
}

.top-menu {
    width: 900px;
    list-style: none;
    height: 40px;
    padding-top: 15px;
}

СОДЕРЖАНИЕ АРХИВА:

• css файл
• папка с картинками
• html файл