Код:
<!--HTML--> <link rel="shortcut icon" href="../favicon.ico">
 <link rel="stylesheet" type="text/css" href="http://forumfiles.ru/files/0019/6a/24/82890.css">
  <link rel="stylesheet" type="text/css" href="http://forumfiles.ru/files/0019/6a/24/95829.css">
    
    <link rel="stylesheet" href="http://forumfiles.ru/files/0019/6a/24/81681.css">
    <link rel="stylesheet" type="text/css" href="http://forumfiles.ru/files/0019/6a/24/28854.css">  
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
    
<link type="text/css" rel="stylesheet" charset="UTF-8" href="https://translate.googleapis.com/translate_static/css/translateelement.css">

<style>
.textvn b {    font-weight: 600;}
.textvn i {}
.zagol {
    font-family: arial;
    font-size: 18px;
    text-align: center;
    text-shadow: 2px 1px 3px #fff;
    text-transform: uppercase;
}
.textvn {height: 450px;
    overflow-y: auto;
    padding: 33px;
    text-align: justify;
    font-family: Oswald;
    font-size: 16px;}
div#putevod {
overflow: hidden;
    height: 517px;}
.tooltip-west .tooltip-content {
    left: 6em;}

.tooltip:first-child {
    top: 20%;
    left: 10%;

}
/*тут начинается другой стиль*/
.tooltip {cursor:default;}
.container1 {background-image: url(http://funkyimg.com/i/2Lf2o.png);
    border-radius: 3px;
    border: 1px solid rgb(201, 235, 215);
    height: 517px;
    width: 880px;}
.color-3 {
    width: 879px;}
.color-3 .container {
    min-height: 505px;}
.tooltip-item {
    width: 70px;
    height: 70px; border: 5px double #e06c6c;top: 25%;
    margin: -2px 0 0 2px;
    position: absolute;
    border-radius: 50%;
}
.tooltip-content {
    bottom: 72%;
     background: #4a5f73;
    font-family: Oswald;
    font-size: 13px;
    text-shadow: none}
.tooltip:nth-child(2) {
    top: 106%;
    left: 10%;
}
.tooltip:nth-child(3) {
top: 71%;
    left: 44%;

}
.tooltip:nth-child(4) {
    top: 134%;
    left: 70%;
}
.tooltip:nth-child(5) {
    top: 41%;
    left: 79%;
}

/*тут совсем другое*/


div#putevod a {
    color: rgba(255, 255, 255, 0.68)!important;
    font-size: 15px!important;
    font-weight: bold!important;
    font-family: bebas neue!important;
    letter-spacing: 2px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.53);
}

.police {
width: 305px;
    margin-left: -164px;
    margin-top: 57px;
    text-align: justify;
    font-size: 14px;
    color: #000;
    font-family: Bad Script;
    line-height: 14px;
    font-weight: 600;
}
.police1 {
width: 618px;
    height: 260px;
    overflow: auto;
    margin-top: 41px;
    margin-left: -9px;
    text-align: justify;
    color: #000;
    font-family: Bad Script;
    font-size: 13px;
    line-height: 14px;
    text-shadow: 0px 0px 0px rgb(0, 18, 2);
}
.hist {width: 419px;
    margin-top: 31px;
    margin-left: -9px;
    text-align: justify;
    color: #000;
    font-family: Bad Script;
    font-size: 12px;
    line-height: 15px;
    text-shadow: 0px 0px 0px #202f22;
}
.hist1 { width: 681px;
    margin-top: 18px;
    margin-left: 17px;
    text-align: justify;
    line-height: 14px;
    font-size: 13px;
    color: #0e0000;
    font-family: Bad Script;
    text-shadow: 0px 0px 0px #202f22;
}
.hist2 {width: 531px;
    margin-top: 5px;
    margin-left: -134px;
    text-align: justify;
    line-height: 14px;
    font-size: 13px;
    color: #000;
    font-family: Bad Script;
    text-shadow: 0px 0px 0px #202f22;
}
.stoimost {
color: #000;
    font-family: Bad Script;
    text-shadow: 0px 0px 0px #000000;
    text-align: justify;
}
.stoim {
width: 375px;
    margin-left: -151px;
    margin-top: 39px;
    text-align: justify;
    font-size: 14px;
    color: #000000;
    font-family: Bad Script;
    line-height: 13px;
    font-weight: 600;
}
.stoim b{
    color: #013305;
    font-family: Cuprum;
    text-transform: uppercase;
    font-style: italic;
}

.faculinfo {
font-family: Bad Script;
    font-size: 13px;
    color: #000000;
    line-height: 14px;
    text-align: justify;
    text-shadow: 0px 0px 0px rgb(0, 0, 0);
}

/* Базовые стили слоя затемнения и модального окна  */
.overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    display: none;
/* фон затемнения */
    background-color: rgba(0, 0, 0, 0.65);
    position: fixed; /* фиксированное поцизионирование */
}
/* активируем слой затемнения */
.overlay:target {
    display: block;
}
/* стили модального окна */
.popup {
    top: -100%;
    right: 0;
    left: 50%;
    font-size: 14px;
    z-index: 40;
    margin-right: 100px;
    height: 500px;
    width: 700px;
    position: fixed;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font: 14px/18px 'Tahoma', Arial, sans-serif;
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22), 0 19px 60px rgba(0,0,0,.3);
    -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    box-shadow: 0 15px 20px rgba(0,0,0,.22), 0 19px 60px rgba(0,0,0,.3);
    -webkit-transform: translate(-50%, -500%);
    -ms-transform: translate(-50%, -500%);
    -o-transform: translate(-50%, -500%);
    transform: translate(-50%, -500%);
    -webkit-transition: -webkit-transform 0.6s ease-out;
    -moz-transition: -moz-transform 0.6s ease-out;
    -o-transition: -o-transform 0.6s ease-out;
    transition: transform 0.6s ease-out;
}

/* активируем модальный блок */
.overlay:target+.popup {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 15%;
}
/* формируем кнопку закрытия */
.close {
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    position: absolute;
    padding: 0;
    border: 2px solid #ccc;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    background-color: rgba(61, 61, 61, 0.8);
    -webkit-box-shadow: 0px 0px 10px #000;
    -moz-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
    text-align: center;
    text-decoration: none;
    font: 13px/20px 'Tahoma', Arial, sans-serif;
    font-weight: bold;
    -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    -ms-transition: all ease .8s;
    -o-transition: all ease .8s;
    transition: all ease .8s;
}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    font-size: 12px;
}
.close:hover {
    background-color: rgba(252, 20, 0, 0.8);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);    
}

/* Базовый контейнер табов */
    
.tabs {
text-align: center;
    min-width: 280px;
    max-width: 651px;
    padding: 0px;
    margin: 14px auto;
}

section {    height: 400px;
    overflow-y: auto;
    padding: 5px;
    text-align: justify;
    font-family: Oswald;
    font-size: 16px;
}

[type=radio]:checked ~ label {
color: #93acca96;
    background-color: #c6d3df;
    font-family: Oswald;
}

/* Стили секций с содержанием */
.tabs>section {
    display: none;
}

	/* прикрутим анимацию */
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
/* Описываем анимацию свойства opacity */
 
@-webkit-keyframes fadeIn {
	from {
    opacity: 0;
	}
	to {
    opacity: 1;
	}
}
@keyframes fadeIn {
	from {
    opacity: 0;
	}
	to {
    opacity: 1;
	}
}
/* Прячем чекбоксы */
.tabs>input {
	display: none;
	position: absolute;
}

/* Стили переключателей вкладок (табов) */
.tabs>label {display: inline-block;
    margin: 0 0 -1px;
    width: 231px;
    padding: 2px 10px 7px 10px;
    font-weight: bold;
    font-family: Oswald;
    letter-spacing: 2px;
    font-size: 19px;
    text-align: center;
    color: #ffffff;
    background: #c6d3df;
    border-top: 2px solid #134994;
    border-bottom: 2px solid #c6d3df;
    border-radius: 4px;
}

/* Изменения стиля переключателей вкладок при наведении */
 .tabs>label:hover {
	color: #134994;
	cursor: pointer;
}

/* Стили для активной вкладки */
.tabs>input:checked+label {
 margin: 5px;
    color: #184d96c9;
    font-family: Oswald;
    letter-spacing: 2px;
    font-size: 19px;
    border-top: 2px solid #134994;
    background: #eeeeee;
    border-bottom: 2px solid #eee;
}

/* Активация секций с помощью псевдокласса :checked */
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4, #tab5:checked~#content-tab5, #tab6:checked~#content-tab6, #tab7:checked~#content-tab7, #tab8:checked~#content-tab8, #tab9:checked~#content-tab9, #tab10:checked~#content-tab10, #tab11:checked~#content-tab11, #tab12:checked~#content-tab12, #tab13:checked~#content-tab13, #tab14:checked~#content-tab14, #tab15:checked~#content-tab15, #tab16:checked~#content-tab16 {
	display: block;
}

</style>
<center><div id="putevod">


<div class="color-3">
    <div class="container1" style="background-image: url(http://funkyimg.com/i/2Lf2o.png;">
    	<div class="content">
        

        <div class="dummy dummy-image">
        	<div class="dummy-pois">

<!--вкладка1-->
            <div style="position: absolute;margin-left: 104px;margin-top: 39px;width:150px;"><a href="#win1" class="button button-green" style="background: transparent; border: none; text-shadow: none; box-shadow: none;">
<div class="tooltip tooltip-west">

            	<span class="tooltip-item"></span>

            	<span class="tooltip-content">Иногда мне кажется, что школа – это большая театральная постановка, в которой каждому отведена своя роль.</span>
            </div>

<img src="https://ceramama.ru/user/images/catalog/ceramica-classic/bastion-ser/bastion-ser-16-01-06-476.jpg" style="width: 100px;height: 100px;opacity: 0.5;border-radius: 100px;box-shadow: 1px 0px 21px 2px #262e35;" title="один"></a></div>

<!--вкладка2-->

 <div style="position: absolute;    margin-left: 551px;  margin-top: 93px; width:150px;"><a href="#win2" class="button button-green" style="background: transparent; border: none; text-shadow: none; box-shadow: none;">
<div class="tooltip tooltip-west">

            	<span class="tooltip-item"></span>
            	<span class="tooltip-content">Сколько бы времени ни прошло, школьные годы навсегда остаются в сердце. Ты слышишь их отголоски...</span>
  </div>

<img src="https://ceramama.ru/user/images/catalog/ceramica-classic/bastion-ser/bastion-ser-16-01-06-476.jpg" style="width: 100px;height: 100px;opacity: 0.5;border-radius: 100px;box-shadow: 1px 0px 21px 2px #262e35;" title="два"></a></div>

<!--вкладка3-->
         
 <div style="position: absolute;margin-left: 244px;margin-top: 214px;width: 150px;"><a href="#win3" class="button button-green" style="background: transparent; border: none; text-shadow: none; box-shadow: none;">
<div class="tooltip tooltip-east">

            	<span class="tooltip-item"></span>
            	<span class="tooltip-content">— Привет, как школа?<br>
— Сам знаешь – жестокие дети, бездушные учителя, рушащаяся инфраструктура.</span>
  </div>

<img src="https://ceramama.ru/user/images/catalog/ceramica-classic/bastion-ser/bastion-ser-16-01-06-476.jpg" style="width: 100px;height: 100px;opacity: 0.5;border-radius: 100px;box-shadow: 1px 0px 21px 2px #262e35;" title="три"></a></div>

<!--вкладка4-->
                 
 <div style="position: absolute;margin-left: 642px;margin-top: 363px;width:150px;"><a href="#win4" class="button button-green" style="background: transparent; border: none; text-shadow: none; box-shadow: none;">
<div class="tooltip tooltip-east">

            	<span class="tooltip-item"></span>
            	<span class="tooltip-content">— Ты спрятал их в книге? Ты не мог найти что-то более надёжное?<br>
— Сколько ты знаешь школьников, которые открыли бы книгу по собственному желанию?</span>
  </div>

<img src="https://ceramama.ru/user/images/catalog/ceramica-classic/bastion-ser/bastion-ser-16-01-06-476.jpg" style="width: 100px;height: 100px;opacity: 0.5;border-radius: 100px;box-shadow: 1px 0px 21px 2px #262e35;" title="четыре"></a></div>


<!--конец вкладок-->



        	</div>
        </div>
    	</div><!-- Top Navigation -->
    	
    	<!-- /content -->
    </div><!-- /container -->
    

   
</div>



 

<!--   №1 -->
   <a href="#x" class="overlay" id="win1"></a>
   <div class="popup" style="background-color: #eee;     z-index: 999;">
<div class="tabs">
    <input id="tab1" type="radio" name="tabs" checked="">
    <label for="tab1" title="Вкладка 1">Пало-Альто</label>
 
    <input id="tab2" type="radio" name="tabs">
    <label for="tab2" title="Вкладка 2">Достопримечательности</label>

 <section id="content-tab1">
<img src="http://funkyimg.com/i/2LiR4.png" style="width: 630px;">
        <p>В песне известной американской группы Radiohead говорится о городе будущего, где трудно найти время на близких людей, на самого себя, но такой ли сам по себе город Пало-Альто? Это небольшой город, который расположился в округе Санта-Клара, штат Калифорния. Этот город легко найти по карте, нужно лишь поехать 35 миль к югу от Сан-Франциско или 14 миль к северу от Сан-Хосе. Границы города простираются от залива Сан-Франциско на востоке до хребта Скайлайн в прибрежных горах на западе, с Менло-Парком на севере и с видом на горы на юг.<br>
Интересно и то, что название города происходит от двух испанских слов, которые переводятся как "высокое дерево", что и видно на гербе. Этот город известен по нескольким причинам. Во-первых, это исторический центр известной во всем мире Силиконовой долины, а иногда его называют и столицей будущего не только США, но и всего мира. Во-вторых, тут находится один из кампусов Стэнфордского университета, и многие культурные места связаны с ним, но об этом попозже. Здесь же, в казалось бы маленьком и мало кому известном городке располагаются штаб-квартиры таких знаменитых компаний как Tesla Motors, Facebook и любимый многими Apple.
        </p>
    </section>  
    <section id="content-tab2">
        <p>

В Пало-Альто каждый найдет что-то интересное для себя. Если вы хотите убежать от городской суеты, то советуем вам отправиться в Palo Alto Baylands Nature Preserve // Национальный заповедник Пало-Альто-Бейнольдс или в Elizabeth F. Gamble Garden // Сад и дом Элизабет Гэмбл. <br>
</p><center><img src="http://funkyimg.com/i/2LiRK.png" style="border: 2px inset #5080c2;"> &nbsp; &nbsp; &nbsp; &nbsp; <img src="http://funkyimg.com/i/2LiRL.png" style="border: 2px inset #5080c2;"> &nbsp; &nbsp; &nbsp; &nbsp;<img src="http://funkyimg.com/i/2LiRM.png" style="border: 2px inset #5080c2;">&nbsp; &nbsp; &nbsp; &nbsp;<img src="http://funkyimg.com/i/2LiRN.png" style="border: 2px inset #5080c2;"></center>
Вы знали, что площадь Пало-Альто только на одну треть заполнена индустриальными постройками, а все остальное - это или заповедная зона, или природа в своем расцвете, или же красивый парк? <br>
 Junior Museum &amp; Zoo // Детский музей и парк - это не обычный зоопарк, а место, где соединяется дикая природа и городская жизнь; территория этого парка рассчитана прежде всего на детей, но тут будет интересно и взрослым, вроде уже все видевшим людям. <br>
Однако, говоря об этом городе, не стоит забывать и об университете, который сам по себе является достопримечательностью (Stanford University).  Когда-то этот город был сонной деревней, но в 1970-х годах появился этот известный на весь мир университет, который стал ведущим центром в области технологий - и город превратился в центр Силиконовой долины, в который приезжают инженеры, ученые, изобретатели со всего мира, чтобы осуществить свою мечту.<br>
<center><img src="http://funkyimg.com/i/2LiSm.png" style="border: 2px inset #5080c2;"> &nbsp; &nbsp; &nbsp; &nbsp; <img src="http://funkyimg.com/i/2LiSp.png" style="border: 2px inset #5080c2;"> &nbsp; &nbsp; &nbsp; &nbsp;<img src="http://funkyimg.com/i/2LiSo.png" style="border: 2px inset #5080c2;">&nbsp; &nbsp; &nbsp; &nbsp;<img src="http://funkyimg.com/i/2LiSn.png" style="border: 2px inset #5080c2;"></center>

Если же вам интересно искусство, то следует посетить или известный на весь штат Художественный музей Cantor Art Center или же Palo Alto Art Center // Центр искусств Пало-Альто. <br>
Когда вы подышите свежим воздухом, погуляете по музеям, следует зайти в торговый центр, который тоже выделяется на фоне остальных построек - Town &amp; Country Village // Торговый центр.<br>

И как же в этом городе сочетается будущее и прошлое? За ответом в этот город приезжают толпы туристов, студенты с горящими глазами и быстро бьющимися сердцами, заблудившиеся люди, пытающиеся найти свой дом.
        <p></p>
    </section> 
</div>

</div>
 
  
<!--   №2 -->
    <a href="#x" class="overlay" id="win2"></a>
     <div class="popup" style="background-color: #eee;     z-index: 999;">
<div class="textvn">
<center>
<table style="margin-top: -27px;">
<tbody><tr>
<td><img src="http://funkyimg.com/i/2LiSq.jpg" style="border-radius: 100px;border: 6px inset #5080c2;"></td>
<td style="vertical-align: middle;text-align: left;"><b>Тип</b>: <i> общественная </i> <br>
<b>Год основания</b>: <i> 1964 </i> <br>
<b>Округ</b>: <i>Объединенный школьный округ Пало-Альто</i> <br>
<b>Цвета</b>: <i> Красный и черный</i> <br>
<b>Талисман</b>: <i> Тимми Титан </i> <br>
<b>Кличка</b>: <i> Титаны</i> </td>
</tr>
</tbody></table>
<span class="zagol">История</span></center><br>
Старшая школа имени Ганна была основана в 1964 году, и была названа в честь Генри Мартина Ганна - инспектора Пало Альто (на должности с 1059 по 1961 год). Объединённый школьный округ Пало Альто объявил об этом в 1964 году. В 1966 выпустилось первое поколение учеников Старшей школы имени Ганна.<br>
Старшая школа имени Ганна стала известной в 2009 году, получив печальную репутацию. В тот год в течении девяти месяца 5 учеников совершили самоубийства, бросившись под поезд на ближайшей станции. Это настолько потрясло всех учеников, что до сих пор остается эмоциональной травмой для многих и применяются попытки для улучшения этого состояния с помощью специалистов.
<br><br>
<center><span class="zagol">Учебная часть</span></center><br>
В Старшей школе Ганна имеется 22 предмета, изучаемых по углубленной программе и 8, которые влияют на средний балл. По статистике на 2015 год, у 93% студентов годовая оценка 3 и выше, а у 54% - 5. На данный момент, Старшая школа имени Ганна не составляет учебные рейтинги.<br><br>
<center><span class="zagol">Студенческие группы</span></center><br>
Старшая школа имени Ганна предлагает учащимся более 90 студенческих клубов, команд и организаций, которые сосредотачиваются на искусстве, общественных действиях, культуре, окружающем мире, политике, музыке, танцах, журналистике и так далее.
</div>

</div>
 
 
<!--   №3 -->
        <a href="#x" class="overlay" id="win3"></a>
        <div class="popup" style="background-color: #eee;    z-index: 999;">
<div class="tabs">
    <input id="tab3" type="radio" name="tabs" checked="">
    <label for="tab3" title="Вкладка 3">Старшая школа</label>

    <input id="tab4" type="radio" name="tabs">
    <label for="tab4" title="Вкладка 4">Правила</label>

 <section id="content-tab3">
        <p><span class="zagol">Старшая школа (high school)</span> — последний этап среднего образования в США, длящийся с 9 по 12 класс.  Больше напоминает колледж или университет. Как правило, в старших школах учится гораздо больше школьников, чем в предыдущих, а сами школы состоят из комплексов зданий, библиотек, спортивных площадок и парковок. <br>
В старшей школе ученики могут выбирать предметы более свободно, чем раньше, но должны выполнить минимальные критерии для получения диплома, которые устанавливает школьный совет. Типичные минимальные требования такие: <br>

  ■ 3 года изучения естественных наук [год химии, год биологии и год физики]; <br>
  ■ 3 года изучения математики, вплоть до второго года алгебры [математика в средних и старших школах как правило делится на первый год алгебры, геометрию, второй год алгебры, введение в анализ и математический анализ, и проходится в этом порядке]; <br>
  ■ 4 года изучения литературы; <br>
  ■ 2—4 года изучения социальных наук, обычно включающих в себя историю и государственное устройство США; <br>
  ■ 1—2 года изучения физкультуры. <br>
  ■ Для поступления во многие вузы требуется более полная программа, в том числе 2—4 года изучения иностранного языка.   <br>Большинство известных вузов в правилах приема четко указывают требования к предметам, которые должен пройти в школе будущий абитуриент.
 <br> <br>
Остальные предметы ученики должны выбирать сами. Набор таких предметов бывает различным по количеству и качеству, в зависимости от финансового положения школы и наклонностей школьников. Типичный набор необязательных классов такой: <br>

  ■ дополнительные науки [статистика, информатика, энвироника]; <br>
  ■ иностранные языки [чаще всего испанский, французский и немецкий; реже японский, китайский, русский, латынь и греческий]; <br>
  ■ изобразительные искусства [живопись, скульптура, фотография, кинематограф]; <br>
  ■ игровое искусство [театр, оркестр, танец]; <br>
  ■ компьютерная техника [пользование компьютером, компьютерная графика, веб-дизайн]; <br>
  ■ издательское дело [журналистика, редактирование ежегодника]; <br>
  ■ труд [обработка дерева, ремонт автомобилей]. <br> <br>

Для тех, кто не состоит в школьных спортивных командах, предусмотрен обязательный двухгодичный курс физической культуры. <br> <br>

Занятия проходят с 9:00 до 15:55 часов. <br>
Всего 7 уроков в день, [обязательные предметы + факультативы], при этом каждый день все уроки одинаковые. <br> <br>

По окончании старшей средней школы учащиеся сдают выпускные экзамены - это SAT I или SAT II. Уровни I и II различаются направленностью и сложностью. Первый уровень SAT сдают учащиеся, которые в будущем планирую поступать в колледж или университет среднего уровня, второй же уровень дает возможность поступать в престижнейшие ВУЗы страны. После успешной сдачи выпускного экзамена учащимся выдают диплом о полном среднем образовании <br> <br>

В старшей школе, особенно в последние два года, появляется новый тип продвинутого класса. Школьники могут выбирать предметы, которые должны подготавливать их к экзаменам Advanced Placement или Международного бакалавриата. Большинство вузов засчитывает хорошую отметку на этих экзаменах как начальный курс по соответствующему предмету. <br> <br>

Отметки, как в школе, так и в вузах, выдаются по системе A/B/C/D/F, где A — лучшая отметка, F — неудовлетворительно, а D может считаться удовлетворительно или неудовлетворительно в зависимости от обстоятельств. Ко всем отметкам, кроме F, может приставляться «+» или «−». В некоторых школах не существует оценок А+ и D−. Из этих отметок вычисляется среднее (англ. grade point average, сокр. GPA), в котором A считается за 4, B — за 3, и так далее. Отметки за продвинутые классы в школе часто поднимаются на очко, то есть A считается за 5, и так далее. <br> <br>

</p><center><span class="zagol">Главные отличия школ в США: </span></center>
  ■ Американская школа учит, но не воспитывает. Воспитывать должна семья. Если дома ребенку не объясняют, что в школу он приходит за знаниями - школа ничему заставлять не будет.  <br>
  ■ Принцип сепарации. Каждый год формируют новые классы по принципу "лучших к лучшим, худших к худшим". Уровней классов может быть не три, а четыре или даже пять. Происходит это по результатам тестов, которые ученики пишут в конце года по английскому и математике. И никакие просьбы родителей о пересмотре распределения во внимание не принимаются. Шанс что-то поменять появится только через год. <br>
  ■ В школах США них такие понятия, как «класс» или «одноклассники», имеют совершенно другой смысл. Потому что всех детей, обучающихся в одном классе, с большим трудом можно назвать коллективом. Американская школа предполагает все-таки создание коллективов, но чаще всего это происходит на специальных занятиях, которые, к тому же, выбирают сами дети.
        <p></p>
    </section>  
    <section id="content-tab4">
        <p></p><center><span class="zagol">Правила в американских школах </span></center>
  ■ Школьные правила существуют в любой школе, конечно, в американских они существенно отличаются от наших. Вот некоторые из них:  <br>
  ■ Запрещено ходить по коридорам во время уроков.  <br>
  ■ При выходе в туалет ученику дается карточка-пропуск, которую отмечает дежурный учитель в туалете.  <br>
  ■ Если ребенок пропускает школу, то в тот же день секретарь звонит и выясняет причину отсутствия.  <br>
  ■ Можно пропустить только 18 уроков, если предмет читается весь год, если курс занимает полгода, то допускается только 9 пропусков.  <br>
  ■ Пока не закончились все уроки, из школы выйти нельзя, везде размещены видеокамеры.  <br>
  ■ За порядком в школе следят охранники, они ходят в гражданской форме, но имеют оружие.  <br>
  ■ В американских школах запрещается кушать в коридорах и классах, делать это можно только в столовой или кафе. <br>
  ■ Нельзя носить с собой напитки и еду.  <br>
  ■ Запрещены наркотики и алкоголь, а также ношение оружия, хотя такое предупреждение для наших школ выглядит совсем смешно. У нас в стране это само собой разумеющееся.  <br>
  ■ Непозволительно проявление сексуального неравноправия в любой форме. Даже рука на плече товарища может расцениваться как сексуальное домогательство.  <br>
  ■ Запрещено играть в карты на занятиях.  <br>
  ■ Школьные правила даже содержат такой пункт, как запрет на списывания.  <br>
  ■ Не допускается порча школьного имущества.  <br>
Некоторые правила касаются школьной формы, для нас некоторые из них кажутся совсем абсурдными:  <br>
  ■ Нельзя надевать одежду, на которой размещена реклама алкоголя или наркотиков.  <br>
  ■ Прозрачная одежда также запрещена. <br>
  ■ Из-под формы не должно выглядывать нижнее белье. <br>
  ■ Бретельки на майках не должны быть слишком тонкими. <br> 
  ■ Нельзя в школе ходить босиком.  <br>
  ■ Сорочка должна быть обязательно с воротничком. <br> 
  ■ Запрещено носить туфли на каблуках.  <br>
  ■ Нельзя носить сандалии, кроссовки и босоножки. <br>
Приобрести школьную форму можно в специализированном магазине, где на каждого ученика заводится карточка и по ней предоставляется скидка на покупку. Американский педагог также придерживается строгого стиля в одежде, конечно, не обязательно ходить в костюмах, но мужчины не носят джинсы на занятия, а женский педагогический состав чаще надевает юбки, чем брюки. 
Все правила для учащихся распечатываются и в начале учебного года вклеиваются в школьные дневники.<br>
В школе имени Ганна как таковая школьная форма не предусмотрена. Ученики и преподаватели должны лишь соответствовать некоторым требованиям:<br>
  ■  Одежда для школы не должна содержать ультрамодных деталей (сильно заниженная талия, глубокий вырез, ультраяркие тона, крупные пряжки, рюши). <br>
  ■ Не допускается носить в учебное время: пеструю, яркую одежду ,прозрачные блузы и футболки; использовать в качестве деталей  одежды массивные украшения, броский макияж и маникюр.<br>
  ■ На уроки физической культуры учащиеся должны переодеваться в спортивную форму.<br>
  ■ Одежда обучающихся всегда должна быть опрятной, чистой, отглаженной.<br>
  ■ В торжественных  случаях одежда учащихся должна соответствовать событию.
        <p></p>
    </section> 
</div>

        </div>

        
<!--   №4 -->
 <a href="#x" class="overlay" id="win4"></a>
     <div class="popup" style="background-color: #eee;  z-index: 999;">
<div class="textvn">
<center>Адские врата</center><br>
На окраине Пало-Альто есть заброшенная психиатрическая клиника. Жуткого вида здание, мягко говоря. Ходят слухи, что в 40-50-х гг. персонал проводил жестокие опыты над больными, но однажды пациенты взбунтовались и буквально разорвали на кусочки главного врача и всех, кто оказался рядом с ним в этот момент. После этого клиника была закрыта и инцидент постарались поскорее замять. В настоящее же время ходят легенды, что если провести там ночь в последнее воскресение месяца, то можно повстречаться лицом к лицу с разъяренным призраком главврача и если вовремя не унести ноги, то он заберет вас с собой прямиком в ад. Но если удастся все же провести ночь в жутком месте и остаться в живых, то тебя ждет самый удачный год впереди. Интересно, кто-то уже пробовал?<br><br>

<center>Волшебный лес</center><br>
Ходят слухи, что если переночевать в местном лесу, в определенное время у заброшенного домика лесника, то весь год без проблем будешь сдавать все школьные тесты, даже не готовясь к ним. Уж не знаю что это за волшебство такое и пробовал ли кто-то на себе, но говорят, что несколько лет назад один старшеклассник решил опробовать эту легенду на себе, собрал палатку и спальный мешок и ушел на ночь в то самое место, однако после этого его так никто и не видел. Было ли это на самом деле? Кто знает, но может кто-то решится проверить?<br><br>

<center>Клоун</center><br>
Знакомые попросили приходящую няню-подростка присмотреть за их детьми. Когда она пришла, дети уже спали, а родители, уходя на вечеринку, попросили не будить своих чад и ушли. Чуть позже няня позвонила на мобильный хозяина. Она спросила у него, можно ли ей пойти на нижний этаж и посмотреть телевизор можно ли ей накрыть чем-нибудь большую статую клоуна в детской. Секунда молчания - и ей приказывают немедленно забрать детей и уходить. Она поднялась, забрала детей, но всё ещё не клала трубку, спрашивая, что случилось. Ей ответили: "Наш сын говорил о клоуне в комнате, но мы считали это простым ночным кошмаром, потому что в нашем доме... Никаких статуй клоунов нет" - сказал маньяк, вонзая нож ей в спину. Няня не знала о том, что отец забыл свой телефон дома.<br>
Чтож, подумай несколько раз, прежде, чем соглашаться посидеть в чужом доме с соседскими детьми, кто знает, вдруг клоун и правда был.<br><br>

<center>Крюк</center><br>
Влюбленные старшеклассники на автомобиле, стремясь уединиться, выехали за город и припарковались в глубине тихой, заброшенной аллеи. Место было темное и пустынное, парень погасил фары и включил радио, настроив на волну с приятной, романтической музыкой. Молодые люди начали целоваться, но в это время музыкальная передача была прервана объявлением диктора, что из психиатрической лечебницы, что находится неподалеку, сбежал психопат-убийца. Особой приметой преступника был крюк вместо утерянной руки. Девушка испугалась и потребовала немедленно ехать домой. Парень конечно же согласился отвезти подругу домой, но машина не завелась. Разумеется он вышел из машины, чтобы проверить, что не так. Его довольно долго не было и девушка начала волноваться, однако авто не покинула. Через какое-то время она услышала царапающий звук, как будто что-то скребет крышу автомобиля. В конечном итоге любопытство побеждает, девушка выходит из автомобиля и не может удержать крик: ее парень весь в крови подвешен за ноги на ветке над автомобилем. Звук, который она слышала – это его ногти скребли крышу, когда ветер раскачивал тело.<br>
Занятная история, как думаешь, будешь ли ты после этого ездить к обрыву со своим Джимми? Кто знает, вдруг это не вымысел.<br><br>

<center>Фары</center><br>
Девушка ехала домой после вечеринки одна по ночному шоссе через перелесок. Её машину сзади догнал другой автомобиль, освещая её светом фар. Затем он собрался пойти на обгон и даже выехал на встречную рядом с ней, но вдруг сдал назад и опять пристроился сзади. Машина подъехала на опасно близкое расстояние от ее заднего бампера и включил дальний свет. Спустя минуту фары погасли на какое-то время, но затем водитель снова включил дальний свет. Девушка поднажала на газ, но автомобиль неотступно следовал за ней. Человек в той машине попеременно включал и выключал дальний свет. Она надеялась, что рано или поздно преследователь отстанет, но время шло, а этого не происходило. В конце концов, блондинка достала телефон и позвонила в полицию. Когда оператор ответил, она закричала в трубку: — Меня преследует псих! Он пристроился своей машиной ко мне в хвост и моргает огнями! Девушка сказала оператору свое местоположение. Вскоре она увидела вдалеке мигалку полицейской машины и, выдохнув с облегчением, остановила машину. Странный автомобиль и тут ткнулся сзади, включив фары на полную мощность. Водитель выскочил из кабины и бросился к машине блондинки, но тут путь ему перегородила подоспевшая полицейская машина. Двое полицейских вышли из неё с пистолетами наготове, скрутили человека и заставили его лечь лицом вниз на газон. Тот закричал: «Кто-то есть в её машине! В её машине псих!». Полицейские затолкали водителя на заднее кресло своего автомобиля и пошли к женщине. Они увидели, что женщина мертва: она лежала с перерезанным горлом, упав лицом на руль. Задняя дверца её машины была открыта, а на кресле остался лежать окровавленный нож. Полицейские посмотрели по сторонам — но шоссе проходило через густой лес, и найти убийцу уже было невозможно. — Я собирался обогнать машину, когда случайно увидел, что какой-то человек вылезает из-под заднего кресла и достаёт нож, — позже объяснял водитель странной машины. — Тогда я сбросил скорость и пристроился сзади к её машине — и человек опять спрятался под кресло. Я включал дальний свет каждый раз, когда я видел, как он поднимается вновь...<br>
Чтож, легенды легендами, но 4 года назад, какой-то старшеклассник решил пошутить и включал фары встречным машинам, если ему мигали в ответ, то он начинал свое преследование, до тех пор, пока это не спровоцировало аварию, в которой погиб капитан футбольной команды Кевин Стивенс. Надеюсь больше никому не хватит ума последовать тому примеру.
</div>


     
        </div>



</div></center>