Untitled

CSS-
header{ text-align:center;width:1400px;
 background:url(gudluck.jpg)no-repeat; padding:25px;}

h1{font-family:Classica-one;}
body{text-align:center;background-image: url(фон-1.png);width:1400px;margin:0 auto;}
ul{list-style-type: none;}

nav{width:300px; }

article{width:700px;background:#fff;border-width:3px;border-color:#000;
 border-radius:30pt 60pt; box-shadow: dashed 10px #fff;}
aside{width:400px;background:#fff;border-width:3px;border-color:#000;
 border-radius:30pt 60pt; box-shadow: wave 10px #000;}

footer,{width:1400px;align:center;background:#fff;}

nav,article,aside,footer{float:left}

footer{clear:left}


HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
  <title>Мой сайт</title>
 <link rel="stylesheet" href="style12.css">
  <meta name="description" content="Описание сайта" />
  <meta name="keywords" content="сайт" />

 </head>

  <body>
   <header><h1> Магазин авторских работ</h1> <hr></header>

  <!--навигация сайта-->
  <nav>
  <ul>
  <li><a href="# MK">Мастер класс</a> </li>
   <li> <a href="#MK" > Мастер класс2 </a>  </li>
   <li> <a href="#MK" >Мастер класс3 </a>  </li>
   <li> <a href="#MK" >Мастер класс4</a>   </li></ul>

  </nav>
  <!--Основная часть --->
  <article>
  Украшения второй группы
Особенность украшений второй группы заключается в том, что объектами их служат предметы
из внешнего мира, которые тем или другим способом прикрепляются к телу либо непосредственно,
 либо в виде одежды-украшения, либо украшения на одежде. Наиболее удобными местами для
 украшения, говорит Липперт, «являются те части тела, которые представляют природные
  сужения под могущими служить поддержкой расширениями мускулов и костей. Это — лоб и
  виски с выдающимися под ними скуловыми частями и ушными раковинами, шея с великолепной
  поддержкой плеч, поясница с выдающимися бедрами, на ногах место под щиколкой, на руках,
   кроме сужения перед кистью, предплечье с выдающимся мускулом и, хотя в меньшей степени,
   пальцы». Наиболее удобная форма для прикрепления к этим частям тела украшения —
    обручевидная (Ringsschmuck), то есть форма обруча, кольца или повязка (Селенка).
     Самый лучший пункт прикрепления — шея; поэтому ожерелья (см.) являются таким
     распространённым типом украшения, начиная со времен доисторических до наших дней.
      За ожерельем по распространённости следуют браслеты на руках и ногах (последние —
       у народов, не носящих одежды), головные обручи, диадемы, пояса (см.), разные повязки,
        наконец, кольца, сравнительно поздно явившееся украшения. Как усердно пользуются
        первобытные люди всяким пунктом, более или менее пригодным для украшения, об этом
        можно судить по украшениям, укрепленным на фалангах ножных пальцев
         у женщины-тамилки (см. фиг.). Кроме естественных пунктов прикреплений пользуются
          ещё отверстиями, искусственно проделываемыми в тех или других местах тела — в
           ушной раковине, щеках, зубах, носовых крыльях и носовой перегородке (деформации).
           Самым распространенным, можно сказать, универсальным украшением этого рода,
           доныне ещё употребляемым женщинами цивилизованных стран, являются ушные украшения,
            серьги.
             Менее распространены украшения носа — продеваемые в носовую перегородку или
             носовые крылья сережки, палочки, кольца, перья, металлические шарики, раковины,
              камни и т. п. Украшение губ встречается только у немногих племен в Африке и Америке.
               Особенную известность приобрёл этот вид украшения у ботокудов (см.). В то же время,
                у европеоидов распространены украшения, установленные в искусственно проделываемых
                 отверстиях в языке и на гениталиях.
 </article>


<!----третья колонка ----->
<aside>
<div>
  <ul>
  <li>контакты</li>
  <li><a href="#mail"> пишите </a></li>
  <li>мастерская</li>
  <li> мастерская 2 </li>
  <li> <a href="https://ru.wikipedia.org/wiki/Кожа_(материал)"> Всё о коже</li></ul>
  <br> <!-- здесь будет корзина--- >
</aside>


<!---- подвал ----->
<footer >
<hr>

<div id=#mail>Вы можете<a href="mailto:braslet@iCloud.com"> написать письмо</div>

</footer>


</body>
  </html>