<Html>
<head>
<style>

div.radius {
  border-radius: 20px;
  background: white;
}
.ghost-button {
  display: inline-block;
  width: 500px;
  padding: 8px;
  color: #fff;
  border: 4px solid #fff;
  text-align: center;
  outline: none;
  text-decoration: none;
}
.ghost-button:hover,
.ghost-button:active {
  background-color: #fff;
  color: #000;
}
.ghost-button1 {
  display: inline-block;
  width: 500px;
  padding: 8px;
  color: #336600;
  border: 4px solid #336600;
  text-align: center;
  outline: none;
  text-decoration: none;
}
.ghost-button1:hover,
.ghost-button1:active {
  background-color: #fff;
  color: #000;
}
.ghost-button2 {
  display: inline-block;
  width: 200px;
  padding: 8px;
  color: #336600;
  border: 4px solid #336600;
  text-align: center;
  outline: none;
  text-decoration: none;
}
.ghost-button2:hover,
.ghost-button2:active {
  background-color: #fff;
  color: #000;
}

.ghost-button3 {
  display: inline-block;
  width: 500px;
  padding: 8px;
  color: DimGrey;
  border: 4px solid DimGrey;
  text-align: center;
  outline: none;
  text-decoration: none;
}
.ghost-button3:hover,
.ghost-button3:active {
  background-color: DimGrey;
  color: #fff;
}
.border {
    border: 5px solid white;
   }
.boxShadow2 {
  width: 200;
  max-width: 550px;
  margin: 10px auto;
  padding: 1em;
  box-shadow:
   0 1px 4px rgba(0, 0, 0, .3),
   -23px 0 20px -23px rgba(0, 0, 0, .8),
   23px 0 20px -23px rgba(0, 0, 0, .8),
   0 0 40px rgba(0, 0, 0, .1) inset;
}
.boxShadow3 {
  width: 300;
  max-width: 550px;
  margin: 10px auto;
  padding: 1em;
  box-shadow:
   0 1px 4px rgba(0, 0, 0, .3),
   -23px 0 20px -23px rgba(0, 0, 0, .8),
   23px 0 20px -23px rgba(0, 0, 0, .8),
   0 0 40px rgba(0, 0, 0, .1) inset;}

.polaroid {
 position: relative;
 width: 150px;
}
 
.polaroid img {
 border: 10px solid #fff;
 border-bottom: 45px solid #fff;
 -webkit-box-shadow: 3px 3px 3px #777;
 -moz-box-shadow: 3px 3px 3px #777;
 box-shadow: 3px 3px 3px #777;
}
 
.polaroid p {
 position: absolute;
 text-align: center;
 width: 100%;
 bottom: 0px;
 font: 400 16px/1 'Arial', cursive;
 color: #888;
}
/*меню фиксированное*/
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Condensed');
.menu-main {
  list-style: none;
  margin: 0px 0 0px;
  padding:10px 0 5px;
  text-align: center;
background:white;
/*background-image:url(44451.jpg);
opacity: 0.8;*/
/*
position: fixed;  Фиксированное положение */ 
}
.menu-main li {display: inline-block;}
.menu-main li:after {
  content: "|";
  color: white;
  display: inline-block;
  vertical-align:top;
}
.menu-main li:last-child:after {content: none;}
.menu-main a {
  text-decoration: none;
  font-family: 'Ubuntu Condensed', sans-serif;
  letter-spacing: 2px;
  position: relative;
  padding-bottom: 20px;
  margin: 0 35px 0 35px;
  font-size: 17px;
  text-transform: uppercase;
  display: inline-block;
  transition: color .2s;
 color: white;
}
.menu-main a, .menu-main a:visited {color: #9d999d;}
.menu-main a.current, .menu-main a:hover{color:  #feb386;}
.menu-main a:before,
.menu-main a:after {
  content: "";
  position: absolute;
  height: 8px;
  top: auto;
  right: 100%;
  bottom: -0px;
  left: 100%;
  background: #feb386;
  transition: .8s;
}
.menu-main a:hover:before, .menu-main .current:before {left: 0;}
.menu-main a:hover:after, .menu-main .current:after {right: 0;}   
@media (max-width: 550px) {
.menu-main {padding-top: 0;}
.menu-main li {display: block;}
.menu-main li:after {content: none;}
.menu-main a {
  padding: 0px 0 0px; 
  margin: 0 0px;
}
}

</style>


</head>

<body>
<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr> <td>
<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr> 
<td  height="50" valign="top"> <a href="http://site2.fakel23424.tmweb.ru" >
<img src="fakel.png" width="180" height="70"></a>
</td>
<td align="right" height="50" >
<Font face="Garamond" size="4" color="gray" > МБОУ ДО ДПЦ «Факел», г. Донской</Font><br>

<Font face="Garamond" size="5" color="gray" > Персональный сайт
педагога <br></Font>
<Font face="Garamond" size="6" color="gray" >
<b>Степановой Галины Николаевны</b><br> </Font>
<br><br><br>
</td> </tr>
</table >
</td> </tr> 

<tr> 
<td align="center" height="500" background="888.jpg">
<ul class="menu-main">
  <li><a href="stepanova.html" class="current">
 <b>Главная</b> </a></li></font>
<li><a href="stepanova.html" >Анкета</a></li>
  <li><a href="stepanova.html">Творчество/проекты учеников</a></li>
   <li><a href="stepanova.html">Достижения учеников</a></li>
 <li><a href="stepanova.html">Разработки</a></li>
<li><a href="stepanova.html">Контакты</a></li>
</ul>

<table border="0" width="100%" height="100%" cellpadding="0"> 
<tr>
<td align="center" colspan="2" height="3" bgcolor="dimgray">
</td> </tr>
<tr>
<td align="" valign="top"colspan="2" height="500" background="etiket.jpg">
<br><br><br></td> </tr>
</table>

</td> </tr>


<tr>
<td align="center" colspan="2" valign="top">
<br>


<Font face="Garamond" size="10"color="dimgray" >
Новостная лента <br>
</font></td> </tr>
<tr> 
<td align="center">


<table border="0" width="90%" align="center"> 


<tr> 
<td  align="center">
 
<b><h2>«Осенние посиделки»</h2>
</b> </td> </tr> 

 
<tr> 
<td align="center"> 
<table border="0" width="80%" align="center"> <tr>
<td align="center"><img src="news_almazova_13.jpg" height="300" > </td>
<td align="center"><img src="2018_11_21_2.jpg" height="300" > </td>
<td align="center"><img src="news_almazova_14.jpg" height="300" > </td>
</tr>

</table>
</td> </tr>


<tr> <td> <p align="justify"> 
21 ноября в творческие объединения «Ступени» и
 «Сударушки» собрались на «Осенние посиделки».  
За чашкой чая педагог Алмазова Т.Д. рассказала 
учащимся о народных праздниках, традиционно 
отмечавшихся этой унылой порой, обрядах и поверьях.
 Педагог Степанова Г.Н. подготовила интересные конкурсы 
и игры. Особое внимание ребят педагоги обратили 
на предстоящий праздник – День матери. Подготовку 
к нему уже начали большинство учащихся  ДПЦ «Факел».
  21.11.2018 </p> 


</td>
</tr></table>
</td> </tr>

</table>


<hr>


<table border="0" width="90%" align="center"> 


<tr> 
<td  align="center">
 
<b><h2>Тульский край – земля моя</h2>
</b> </td> </tr> 

 
<tr> 
<td align="center"> 
<table border="0" width="80%" align="center"> <tr>
<td align="center"><img src="2018_11_22_1.jpg" height="300" >
</td>
<td align="center"><img src="news_almazova_12.jpg" height="300" >
</td>
<td align="center"><img src="2018_11_22_2.jpg" height="300" ></td></tr>

</table>
</td> </tr>


</td> </tr>


<tr> <td> <p align="justify"> 22 ноября в Туле состоялась 
XIV Областная краеведческая конференция «Тульский край – земля родная».
 Организаторы мероприятия – Министерство образования Тульской области 
и ГОУ ДО «Центр краеведения, туризма и экскурсий».
Такие конференции проводятся один раз в два года и 
являются значимым событием для краеведов области. 
<br>В работе конференции принимала участие член
 Совета музея центра «Факел» Уланова Виктория.
 Она выступила с докладом «От музейной комнаты к музею», 
посвященным истории и развитию экспозиции 
«Прошлое и настоящее поселка Новоугольный».
 Сообщение Виктории заинтересовало слушателей: 
немногие музеи образовательных учреждений работают 
в выставочном режиме и имеют в фондах столько уникальных экспонатов. 
<br>По итогам работы конференции все участники получили именные сертификаты. 
22.11.2018 </p> 


</td>
</tr></table>


<hr>


</td> </tr>


</table>

<script>     
(function(d, t, p) {         
var j = d.createElement(t); j.async = true; j.type = "text/javascript";         
j.src = ("https:" == p ? "https:" : "http:") + "//stat.sputnik.ru/cnt.js";        
var s = d.getElementsByTagName(t)[0];  s.parentNode.insertBefore(j,s); }) 
(document, "script", document.location.protocol); 
</script>
</body>
</Html>