Код:
<!--HTML-->
<link rel="stylesheet" href="https://forumstatic.ru/files/0016/00/32/26364.css">
<div class="attraction-main"><div class="attraction transition-prop"><img src="http://sh.uploads.ru/21uwN.png"/> <br>
<div class="attraction-text">
На гиросфере можно прокатиться непосредственно внутри вольеров с динозаврами. Всего с помощью аттракциона можно увидеть более 30 видов динозавров, в том числе анкилозавра, апатозавра, паразауролофа, стегозавра и трицератопса.
Гиросфера может достигать скорости 5 миль в час и оснащена монитором, подключённым к компьютеру. Система автоматически определяет вид доисторической фауны, которая находится в поле зрения туриста, и рассказывает о нём. Для предотвращения погони за динозаврами, транспортное средство самостоятельно соблюдает безопасную дистанцию по отношению к животным и не даёт туристам направить гиросферу в опасную сторону. Согласно вводной инструкции, стекло нельзя пробить пулей 50-ого калибра.
Подходит для детей старшего возраста и взрослых.<br><br><img src="http://funkyimg.com/i/XG6P.png"/></div><br>
<div class="attraction-photos transition-prop"><h4>PHOTOS</h4><br><img src="http://sg.uploads.ru/CKVhR.jpg"/><br><br><img src="http://sh.uploads.ru/FdK0I.jpg"/></div></div>
<div class="attraction transition-prop"><img src="http://funkyimg.com/i/Z4Bw.png"/> <br>
<div class="attraction-text">
Долина Галлимимов - это дом одноименного проворного динозавра, а также многих других видов травоядных. Здесь отсутствую хищники, а потому Галлимимы могут спокойно перемещаться в рамках этой зоны. Вы будете изумлены этими динозаврами, напоминающими страусов, пока они рассекают по долине в поисках листьев, насекомых и другой пищи.<br><br><img src="http://funkyimg.com/i/XG6J.png"/></div><br>
<div class="attraction-photos transition-prop"><h4>PHOTOS</h4><br><img src="http://funkyimg.com/i/Z4CB.jpg"/><br><br><img src="http://funkyimg.com/i/Z4CD.jpg"/></div></div>
<div class="attraction transition-prop"><img src="http://funkyimg.com/i/Z4FY.png"/> <br>
<div class="attraction-text">
Она расположена на подземном уровне Лагуны. Здесь можно понаблюдать не только за гигантским мозазавром, но и за небольшими древними рыбами.<br><br><img src="http://funkyimg.com/i/XG6W.png"/></div><br>
<div class="attraction-photos transition-prop"><h4>PHOTOS</h4><br><img src="http://funkyimg.com/i/Z4FZ.jpg"/><br><br><img src="http://funkyimg.com/i/Z4G1.jpg"/></div></div>
<div class="attraction transition-prop"><img src="http://funkyimg.com/i/Z4Hf.png"/> <br>
<div class="attraction-text">
Этот мир принадлежит Ти-Рексу, мы в нем всего лишь гости. Понаблюдайте со смотровой площадки за самкой в ее естественных условиях. Она обитает на острове Нублар уже более 25 лет! Кормления происходят каждые два часа. Предупреждаем, этот аттракцион может быть неприемлем для детей и некоторых взрослых.<br><br><img src="http://funkyimg.com/i/XG6U.png"/></div><br>
<div class="attraction-photos transition-prop"><h4>PHOTOS</h4><br><img src="http://funkyimg.com/i/Z4Hh.jpg"/><br><br><img src="http://funkyimg.com/i/Z4Hg.jpg"/></div></div>
<div class="attraction transition-prop"><img src="http://funkyimg.com/i/Z5Tu.png"/> <br>
<div class="attraction-text">
Каждые два часа у вас есть возможность увидеть, как этот огромный хищник из глубин щелкает акул из фильма "Челюсти" словно семечки. Не забудьте дождевики, потому что брызги - неотъемлемая часть шоу. Может быть неприемлемо для маленьких детей. <br>
<b>РАЗМЕР БАССЕЙНА</b> 11,000,000 литров<br>
<b>ВЕС МОЗОЗАВРА</b> 15 тонн<br><br><img src="http://funkyimg.com/i/XG6S.png"/></div><br>
<div class="attraction-photos transition-prop"><h4>PHOTOS</h4><br><img src="http://funkyimg.com/i/Z5Tw.jpg"/><br><br><img src="http://funkyimg.com/i/Z5Ty.jpg"/></div></div>
<div class="attraction transition-prop"><img src="http://funkyimg.com/i/Z5Yu.png"/> <br>
<div class="attraction-text">
Здесь обитает 21 трицератопс, посетители могут пройтись по ареалу и посмотреть на этих животных в их естественной среде обитания.<br><br><img src="http://funkyimg.com/i/XG6V.png"/></div></div>
<div class="attraction transition-prop"><img src="http://funkyimg.com/i/Z5Z4.png"/> <br>
<div class="attraction-text">
Это спуск по руслу реки Исла Нубла, от которого у посетителей перехватит дух. В сопровождении гидов они проделают путь в 145 миллионов лет и увидят более ста видов доисторических существ. Требуется достаточный уровень физической подготовки.<br><br><img src="http://funkyimg.com/i/XG6G.png"/></div><br>
<div class="attraction-photos transition-prop"><h4>PHOTOS</h4><br><img src="http://funkyimg.com/i/Z5Z5.jpg"/></div></div>
<div class="attraction transition-prop"><img src="http://funkyimg.com/i/Z62M.png"/> <br>
<div class="attraction-text">
На арене все желающие смогут увидеть собственными глазами как Пахицефалозавры бодаются в собственном загоне.<br><br><img src="http://funkyimg.com/i/XG6T.png"/></div></div>
<div class="attraction transition-prop"><img src="http://funkyimg.com/i/Z64K.png"/> <br> <div class="attraction-text">
Ученые трудятся в поте лица в лаборатории имени Хэммонда, пытаясь перенести Юрский Период в современный мир. Поражает как сложные цепочки и доисторические образцы ДНК, превращаются в живых существ на наших глазах.<br><br><img src="http://funkyimg.com/i/XG6F.png"/><img src="http://funkyimg.com/i/21C2K.png"/>
</div><br>
<div class="attraction-photos transition-prop"><h4>PHOTOS</h4><br><img src="http://funkyimg.com/i/Z64N.jpg"/><br><br><img src="http://funkyimg.com/i/Z64P.jpg"/><br><br><img src="http://funkyimg.com/i/Z64Q.jpg"/><br><br><img src="http://funkyimg.com/i/Z64S.jpg"/></div></div>
<div class="attraction transition-prop"><img src="http://funkyimg.com/i/Z68h.png"/> <br>
<div class="attraction-text">
Закрытый вольер позволяет летающим ящерам безопасно парить над головами посетителей. Перелетая с насеста в гнездо, они высматривают добычу внизу. К большой удаче гостей, в вольере рацион животных ограничивается свежей рыбой из водоема, расположенного здесь же.<br><br><img src="http://funkyimg.com/i/XG6C.png"/></div><br>
<div class="attraction-photos transition-prop"><h4>PHOTOS</h4><br><img src="http://funkyimg.com/i/Z68m.jpg"/><br><br><img src="http://funkyimg.com/i/Z68n.jpg"/><br><br><img src="http://funkyimg.com/i/Z68p.jpg"/></div></div>
<div class="attraction transition-prop"><img src="http://funkyimg.com/i/Z63X.png"/> <br>
<div class="attraction-text">
Позволяет открыть для себя мир, где наука оживает посредством интерактивных экспонатов, которые одновременно обучают и развлекают. Узнайте больше о появлении, вымирании и возрождение динозавров, которые обитают на острове Нублар. Ощутите связь с прошлым и загляните в будущее, с помощью экспозиций, интерактивных фильмов и других увлекательных технологий в центре инноваций.<br><br><img src="http://funkyimg.com/i/XG6R.png"/></div><br>
<div class="attraction-photos transition-prop"><h4>PHOTOS</h4><br><img src="http://funkyimg.com/i/Z63Y.jpg"/><br><br><img src="http://funkyimg.com/i/Z63Z.jpg"/><br><br><img src="http://funkyimg.com/i/Z641.jpg"/><br><br><img src="http://funkyimg.com/i/Z642.jpg"/></div></div>
<div class="attraction transition-prop"><img src="http://funkyimg.com/i/ZCwC.png"/> <br>
<div class="attraction-text">
Прекрасное место, чтобы обрести состояние Дзен. этот спокойный маршрут идеально подходит для прогулки всей семьей и в любом возрасте.<br>
Площадь - 52 000 кв. километров.<br><br><img src="http://funkyimg.com/i/XG6D.png"/></div></div>
<div class="attraction transition-prop"><img src="http://funkyimg.com/i/ZCwM.png"/> <br>
<div class="attraction-text">
Поле для гольфа острова Нублар состоит из 18 лунок. Испытайте терпение на 5ой или оторвитесь на 16ой известной как "пасть Мозазавра", окруженной водой. Вне зависимость от того, что вы выберете - вы получите несравнимое доисторическое удовольствие.<br><br><img src="http://funkyimg.com/i/XG6X.png"/></div><br>
<div class="attraction-photos transition-prop"><h4>PHOTOS</h4><br><img src="http://funkyimg.com/i/Z6aj.jpg"/></div></div>
<div class="attraction transition-prop"><img src="http://funkyimg.com/i/ZCwQ.png"/> <br>
<div class="attraction-text">
Оторвитесь ненадолго от апатозавра и обратите внимание на более чем 2000 видов доисторической флоры, прогуливаясь по садам. Или же сверните с проторенной дороги и окунитесь в дикий первобытный лес, куда еще не ступала нога человека.<br><br><img src="http://funkyimg.com/i/XG6E.png"/></div><br>
<div class="attraction-photos transition-prop"><h4>PHOTOS</h4><br><img src="http://funkyimg.com/i/Z6b5.jpg"/></div></div>
<div class="attraction transition-prop"><img src="http://funkyimg.com/i/Z6ep.png"/> <br>
<div class="attraction-text">
Познакомьтесь поближе с детенышами динозавров. В зоопарке "Вежливые гиганты" расположенном у туристического центра вы сможете погладить и покормить ваших любимых травоядных. Хотите приключений? Заберитесь на спину маленькому трицератопсу и прокатитесь. Подходит для гостей всех возрастов.<br><br><img src="http://funkyimg.com/i/XG6K.png"/></div><br>
<div class="attraction-photos transition-prop"><h4>PHOTOS</h4><br><img src="http://funkyimg.com/i/Z6eq.jpg"/><br><br><img src="http://funkyimg.com/i/Z6et.jpg"/><br><br><img src="http://funkyimg.com/i/Z6eu.jpg"/></div></div>
<div class="attraction transition-prop"><img src="http://funkyimg.com/i/Z6fw.png"/> <br>
<div class="attraction-text">
Обогните гору и понаблюдайте за остров Нублар с высоты полета птеранодона.<br><br><img src="http://funkyimg.com/i/XG6N.png"/></div><br>
</div>
<div class="attraction transition-prop"><img src="http://funkyimg.com/i/Z6go.png"/> <br>
<div class="attraction-text">
Здесь вы можете взболтать свои днк на нашем аттракционе в форме огромной центрифуги.<br><br><img src="http://funkyimg.com/i/XG6H.png"/></div><br>
</div>
<div class="attraction transition-prop"><img src="http://funkyimg.com/i/Z6gY.png"/> <br>
<div class="attraction-text">
Нырни в доисторическую эру и плещись как Мозазавр. Спустись с горки высотой с трехэтажный дом, либо расслабься на лежаке у бассейна.
<br>Скорость течения искусственной реки Текис - 3 км/час.<br><br><img src="http://funkyimg.com/i/XG6B.png"/></div><br>
<div class="attraction-photos transition-prop"><h4>PHOTOS</h4><br><img src="http://funkyimg.com/i/Z6h5.jpg"/></div></div>
<div class="attraction transition-prop"><img src="http://funkyimg.com/i/Z6hw.png"/> <br>
<div class="attraction-text">
Уникальный экран превышает по размерам апатозавра, покажет вам будущее и прошлое динозавров Мира Юрского периода.<br><br><img src="http://funkyimg.com/i/XG6Q.png"/></div><br>
<div class="attraction-photos transition-prop"><h4>PHOTOS</h4><br><img src="http://funkyimg.com/i/Z6hx.jpg"/></div></div>
<div class="attraction transition-prop"><img src="http://sh.uploads.ru/sBwp3.png"/> <br>
<div class="attraction-text">
Помните о любимом развлечении всех детей - дельфинарии? В нашем парке вы можете увидеть как похожие трюки выполняют древние морские динозавры. Всего в бассейне обитают 3 взрослые особи и недавно появившийся на свет ихтиозавр.<br>
Выступления проходят каждый день в 2 часа дня.<br><br><img src="http://funkyimg.com/i/ZBtW.png"/></div><br>
<div class="attraction-photos transition-prop"><h4>PHOTOS</h4><br><img src="http://sh.uploads.ru/61FiG.jpg"/></div></div>
<div class="attraction transition-prop"><img src="http://funkyimg.com/i/239n8.jpg"/> <br>
<div class="attraction-text">
Парк «Мир Юрского периода» совместно с телеканалом Discovery представляют свой первый телепроект — шоу под названием «Инструкция по выживанию»/Survival Guide! Пятнадцать бесстрашных профессионалов-добровольцев отправятся на самый большой остров Архипелага Смерти — Исла Сорна, чтобы рассказать и показать, как выстоять один на один против природы... и диких динозавров. <br><br>
<b>Во время съёмок телепередачи наши герои столкнутся с:</b> бариониксами, анкилозаврами, менее опасными эдмонтозаврами, микроцератосами, пахицефалозаврами, стаей галимимусов, властителями небес птеранодонами, опасными хищниками метриакантозаврами и даже с дикими велоцирапторами!<br>И это не считая более привычных нам, но не менее опасных крокодилов и змей, что водятся на Исла Сорна.<br><br>За их приключениями вы сможете наблюдать каждое воскресенье в 10 PM на канале Discovery. <br>
После одобрения аттракциона экспертами-выживанцами, он станет доступен всем посетителям. <br><br>
<h6 style="font-family: century gothic; font-weight: 600; background: #47B3E2 none repeat scroll 0% 0%;font-size:1.5em;color: #FFF;">Команды:</h6><br>
<b>● The River/Река</b><br>
Начинают свой путь на кайяках в устье одной из небольших рек на севере острова, а затем идут вверх по течению к центру.<br>
<i>Состав:</i> оператор, медик, вариативно три эксперта (бывшие и настоящие военные, профессиональные путешественники, эксперты по выживанию).<br>
<b>● The Rock/Скала</b><br>
Начинают свой путь, прыгая с парашютами прямо над южными возвышеностями Исла Сорны и продолжают свой путь по гористой местности.<br>
<i>Состав:</i> оператор, медик, вариативно три эксперта (бывшие и настоящие военные, профессиональные путешественники, выживанцы).<br>
<b>● The Beach/Пляж</b><br>
Начинают свой путь на восточном побережье Исла Сорны, продолжая движение вглубь острова.<br>
<i>Состав:</i> оператор, медик, вариативно три эксперта (бывшие и настоящие военные, профессиональные путешественники, выживанцы).<br><br><img src="http://funkyimg.com/i/239Gh.png"/></div><br></div>
</div>
<style>
.attraction-main {
width: 674px;
height: auto;
text-align: center;
padding: 0 87px 0 87px;
}
.attraction{
max-height: 100px;
width: 500px;
overflow: hidden;
background: url("http://funkyimg.com/i/ZCux.png") top left no-repeat, url("http://funkyimg.com/i/ZBMn.png") bottom right no-repeat, url("http://funkyimg.com/i/ZweL.jpg") repeat;
border-bottom: 3px solid #4179ad;
}
.attraction img{
cursor:pointer;
}
.open{
max-height: 2000px;
}
.attraction-text {
padding: 15px 15px;
}
.attraction-photos {
padding: 0 15px 15px 15px;
text-align: center;
max-height: 39px;
}
.transition-prop {
-webkit-transition: max-height 0.3s ease-in-out;
-moz-transition: max-height 0.3s ease-in-out;
-o-transition: max-height 0.3s ease-in-out;
transition: max-height 0.3s ease-in-out;
}
.attraction-photos h4{
font-family: "DIN1451";
background: #47b3e2;
font-size: 2em;
color: white;
}
.attraction-photos img {
max-width:100%;
}
.photos-open {
max-height: 1500px;
}
</style>
<script type="text/javascript">
$('.attraction').click(function(){
$('.attraction').removeClass('open');
$(this).addClass('open');
});
$('.attraction-photos').click(function(){
if($(this).hasClass('photos-open')){
$(this).removeClass('photos-open');}
else{
$(this).addClass('photos-open').stop();
}
});
</script>