Untitled

<!DOCTYPE html>
<html>

<head>

 <meta http-equiv="Content-Type" content="text/html";
 charset="utf-8" />
 <meta name="keywords" content="test, site, website" />
 <meta name="description" content="Этот сайт является пробным" />

 <link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="image/icon.ico" rel="shortcut icon" type="image/x-icon" />

 <title> Тестовый сайт </title>

</head>

<body>

<div id="page-wrap">

<header>

<a href="index.html" title="На главную" id="logo"> Test-Site </a>
 <span id="contact">  <a href="about.html" title="Информация о нас"> О нас </a>  </span>
 <input type="text"class="field" placeholder="Давай помогу найти"/>

<span class="right"> <span class="contact">  <a href="about.html" title="Зарегистрироваться"> Регистрация </a>  </span>
<span class="contact">  <a href="about.html" title="Войти"> Вход </a>  </span> </span>

</header>

<div class="clear"> <br/> </div>

<center>

    <div id="menu"> Разделы <hr/> </div>
    <div id="menuHrefs">
        <a href="about.html">О нас </a>
        <a href="feedback.html"> Обратная связь </a>
        <a href="auth.html"> Вход </a>
        <a href="reg.html"> Регистрация </a>
    </div>


</center>

<div id="wrapper">
    <div id="articles">
        <article>
            <img src="image/motto.net.ua-94196.jpg" alt="Изображение" title="Изображение"/>
            <h2> Загаловок </h2>
            <p> Здесь находиться вступительный текс!!! Ура!!!!!</p>
            <a href="/article" title="Посмотреть статью"> Читать Далее </a>
        </article>
        <article>
            <img src="image/motto.net.ua-94197.jpg" alt="Изображение" title="Изображение"/>
            <h2> Загаловок </h2>
            <p> Здесь находиться вступительный текс!!! Ура!!!!!</p>
            <a href="/article" title="Посмотреть статью"> Читать Далее </a>
        </article>
        <article>
            <img src="image/samyrai-1.jpg" alt="Изображение" title="Изображение"/>
            <h2> Загаловок </h2>
            <p> Здесь находиться вступительный текс!!! Ура!!!!!</p>
            <a href="/article" title="Посмотреть статью"> Читать Далее </a>
        </article>
    </div>

    <div class="clear">
    <div id="main_soc_block">
    <center>
        <div id="main_soc_block_in">
            <h3> Регистрируйтесь у нас на сайте </h3>
            <p> Тоько у нас лучшие товары в Росссии </p>
            <a href="reg.html" title="Регистрируйтесь"> Регистрируйтесь </a>
        </div>
    </center>

    </div>
    </div>
    <div class="clear"> <br/> <br/> </div>
        <div id="articles">
        <article>
            <img src="image/motto.net.ua-94196.jpg" alt="Изображение" title="Изображение"/>
            <h2> Загаловок </h2>
            <p> Здесь находиться вступительный текс!!! Ура!!!!!</p>
            <a href="/article" title="Посмотреть статью"> Читать Далее </a>
        </article>
        <article>
            <img src="image/motto.net.ua-94197.jpg" alt="Изображение" title="Изображение"/>
            <h2> Загаловок </h2>
            <p> Здесь находиться вступительный текс!!! Ура!!!!!</p>
            <a href="/article" title="Посмотреть статью"> Читать Далее </a>
        </article>
        <article>
            <img src="image/samyrai-1.jpg" alt="Изображение" title="Изображение"/>
            <h2> Загаловок </h2>
            <p> Здесь находиться вступительный текс!!! Ура!!!!!</p>
            <a href="/article" title="Посмотреть статью"> Читать Далее </a>
        </article>
    </div>

    <div class="clear"> <br/> <br/> </div>
        <div id="articles">
        <article>
            <img src="image/motto.net.ua-94196.jpg" alt="Изображение" title="Изображение"/>
            <h2> Загаловок </h2>
            <p> Здесь находиться вступительный текс!!! Ура!!!!!</p>
            <a href="/article" title="Посмотреть статью"> Читать Далее </a>
        </article>
        <article>
            <img src="image/motto.net.ua-94197.jpg" alt="Изображение" title="Изображение"/>
            <h2> Загаловок </h2>
            <p> Здесь находиться вступительный текс!!! Ура!!!!!</p>
            <a href="/article" title="Посмотреть статью"> Читать Далее </a>
        </article>
        <article>
            <img src="image/samyrai-1.jpg" alt="Изображение" title="Изображение"/>
            <h2> Загаловок </h2>
            <p> Здесь находиться вступительный текс!!! Ура!!!!!</p>
            <a href="/article" title="Посмотреть статью"> Читать Далее </a>
        </article>
    </div>


</div>

</div>


<footer>

<span class="left">Все права защищены &copy; 2017 </span>


</footer>

</body>

</html>