HTML урок седьмой

HTML урок седьмой

На этом уроке создадим Footer (Подвал) сайта. В подвале сайта обычно размещают Копирайт сайта, дублируют верхнее меню или добавляют контактную информацию. Мы же пока добавит только копирайт.

В наш файл index.html добавляем такой код:

<div class="footer">
<p><a href="http://volgor-studio.ru">VolgorStudio</a> © 2018</p>
</div>

Можно уже посмотреть, уже копирайт виден и он ввиде ссылки которая ведет на мой сайт )) Давайте выравняем по центру, изменим цвет текста и ссылки, поменяем размер.

Открываем наш файл style.css и добавляем такой код:

.footer
{
width:100%;
text-align:center;
margin-top:20px;
}
.footer p, .footer a
{
font: 14px Verdana, Arial, Helvetica, sans-serif;
color:#444;
}
 
.footer a
{
text-decoration: none;
border-bottom:1px dotted #444;
}
 
.footer a:hover
{
text-decoration: none;
border:0px;
}

Вот  в принципе скелет нашего сайта уже готов, создайте теперь остальные страницы нашего сайта, те что указаны у нас в меню использую файл index.html как шаблон, просто скопируйте весь код в эти страницы

Файлы для меню:

about.html, abota.html, prais.html, contakt.html