Приложение л Листинг 4.Html

<DOCTYPE html>

<html>

<head>

<meta charset="UTF-8"/>

<title>Электронное пособие Landing Page</title>

<link href="css/stylesheet.css" rel="stylesheet"/>

</head>

<body>

<div id="top_bar"><!--начало бара-->

<div id="logo_container"> <!--лого на баре-->

<div id="logo_image"></div><!--само лого-->

<div id="bar_block"><!--кнопки с бара -->

<a class="bar_button" href="index.html">На главную</a>

<a class="bar_button" href="content.html">Содержание</a>

<a class="bar_button" href="random.html">Случайная глава</a>

<a class="bar_button" href="link.html">Полезные ссылки</a>

</div><!--кнопки кончились-->

</div> <!--лого на баре,конец-->

</div><!--конец бара-->

<div id="content4">

<div id="headercontent">

<div id="pagecontentmain">Подведём итоги</div>

</div>

<div id="header_lower">

<div id="pagecontenttextbig">Чего мы добились?</div>

<div id="pagecontenttext">Многие из Вас что-то узнали, кто-то повторил уже ему знакомую информацию.</br>Теперь имеея багаж знаний, Вы можете позволить себе больше "вольностей " при написании своего и изменении чужого кода. Полученные вами знания позволяют иметь представление о принципе построения посадочных страниц и видеть к примеру ошибки в своём и чужом коде.

</div>

<div id="pagecontenttext">

<a class="gmailsend" href="link.html">Чтобы узнать и увидеть больше</a></div>

<div id="linkhtml">

<a class="whylink" href="content.html">Для закрепления знаний можно повторить материал :)</a><a href="http://psd-html-css.ru/shablony/html-landing-page"></a></div>

</div>

</div>

</div>

</div>

</div>

<div id="bottom_bar">

<div id="main_container"><!--нижний бар-->

<div id="header_lower">

<div id="header_content_lowerline">

<div id="header_content_lowerboxcontent">

</div>

</div>

</div>

<div id="header_lower"> <div id="header_content_lowerline">

<div id="header_content_lowerboxcontent"></div>

</div>

</div>

</div>

</div>

<div id="copyright"> Иркутский Авиационный Техникум 2016г. </div>

</body>

</html>

38