<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title>Foto preview v_2</title>
<link rel="stylesheet" href="style/style.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
<section id="img_preview">
<h2></h2>
<figure>
<img src="" alt="" class="iprev">
<figcaption>
<span></span>
<svg class="button close" viewBox="0 0 500 500">
<polygon points="350,160.1 339.9,150 250,239.9 160.1,150 150,160.1 239.9,250 150,339.9 160.1,350 250,260.1 339.9,350 350,339.9
260.1,250 "/>
</svg>
<svg class="button left arrows" viewBox="0 0 500 500">
<polygon points="295.1,350 304.9,340.3 214.6,250 304.9,159.7 295.1,150 195.1,250 "/>
</svg>
<svg class="button right arrows" viewBox="0 0 500 500">
<polygon points="204.9,150 195.1,159.7 285.4,250 195.1,340.3 204.9,350 304.9,250 "/>
</svg>
<p></p>
</figcaption>
</figure>
</section>
<section id="product_foto">
<h2>трусы HUSTLER drop invisible</h2>
<figure class="main_product_foto foto_block">
<img src="" alt="">
<figcaption>
<svg viewBox="0 0 500 500" class="zoom">
<g>
<circle fill="none" stroke="#ffffff" stroke-width="20" stroke-miterlimit="20" cx="221.2" cy="221.1" r="71.1"/>
<line fill="none" stroke="#ffffff" stroke-width="20" stroke-linecap="round" stroke-miterlimit="20" x1="273.4" y1="273.6" x2="349.8" y2="350"/>
</g>
</svg>
</figcaption>
</figure>
<ul id="foto_list">
<li>
<img src="gallery/1.jpg" alt="" class="main">
</li>
<li>
<img src="gallery/2.jpg" alt="">
</li>
<li>
<img src="gallery/3.jpg" alt="">
</li>
<li>
<img src="gallery/4.jpg" alt="">
</li>
</ul>
</section>
<section id="paragraph">
<h2>Какой то контент</h2>
<figure class="foto_block">
<img src="gallery/80.jpg" alt="">
<figcaption>
<svg viewBox="0 0 500 500" class="zoom">
<g>
<circle fill="none" stroke="#ffffff" stroke-width="20" stroke-miterlimit="20" cx="221.2" cy="221.1" r="71.1"/>
<line fill="none" stroke="#ffffff" stroke-width="20" stroke-linecap="round" stroke-miterlimit="20" x1="273.4" y1="273.6" x2="349.8" y2="350"/>
</g>
</svg>
</figcaption>
</figure>
<figure class="foto_block">
<img src="gallery/50.jpg" alt="">
<figcaption>
<svg viewBox="0 0 500 500" class="zoom">
<g>
<circle fill="none" stroke="#ffffff" stroke-width="20" stroke-miterlimit="20" cx="221.2" cy="221.1" r="71.1"/>
<line fill="none" stroke="#ffffff" stroke-width="20" stroke-linecap="round" stroke-miterlimit="20" x1="273.4" y1="273.6" x2="349.8" y2="350"/>
</g>
</svg>
</figcaption>
</figure>
<figure class="foto_block">
<img src="gallery/60.jpg" alt="">
<figcaption>
<svg viewBox="0 0 500 500" class="zoom">
<g>
<circle fill="none" stroke="#ffffff" stroke-width="20" stroke-miterlimit="20" cx="221.2" cy="221.1" r="71.1"/>
<line fill="none" stroke="#ffffff" stroke-width="20" stroke-linecap="round" stroke-miterlimit="20" x1="273.4" y1="273.6" x2="349.8" y2="350"/>
</g>
</svg>
</figcaption>
</figure>
<figure class="foto_block">
<img src="gallery/70.jpg" alt="">
<figcaption>
<svg viewBox="0 0 500 500" class="zoom">
<g>
<circle fill="none" stroke="#ffffff" stroke-width="20" stroke-miterlimit="20" cx="221.2" cy="221.1" r="71.1"/>
<line fill="none" stroke="#ffffff" stroke-width="20" stroke-linecap="round" stroke-miterlimit="20" x1="273.4" y1="273.6" x2="349.8" y2="350"/>
</g>
</svg>
</figcaption>
</figure>
</section>
<section id="foto_gallery">
<h2>Фото галерея</h2>
<ul>
<li>
<figure class="foto_block gallery">
<img src="gallery/1-7.jpg" alt="">
<figcaption>
<p>
А потом один из них опять заезжает на весы
</p>
</figcaption>
</figure>
</li>
<li>
<figure class="foto_block gallery">
<img src="gallery/1-8.jpg" alt="">
<figcaption>
<p>
И снова Рома лазит под весами и что там отпиливает
</p>
</figcaption>
</figure>
</li>
<li>
<figure class="foto_block gallery">
<img src="gallery/1-9.jpg" alt="">
<figcaption>
<p>
А парни в это время опять загнали погрузчик на весы и дрочат его по полной программе
</p>
</figcaption>
</figure>
</li>
<li>
<figure class="foto_block gallery">
<img src="gallery/1-10.jpg" alt="">
<figcaption>
<p>
Мы готовы к укладке асфальта на любом участке
</p>
</figcaption>
</figure>
</li>
<li>
<figure class="foto_block gallery">
<img src="gallery/1-11.jpg" alt="">
<figcaption>
<p>
Пидоры идут
</p>
</figcaption>
</figure>
</li>
<li>
<figure class="foto_block gallery">
<img src="gallery/1-12.jpg" alt="">
<figcaption>
<p>
Рома забил и ушел куда то
</p>
</figcaption>
</figure>
</li>
<li>
<figure class="foto_block gallery">
<img src="gallery/1-1.jpg" alt="">
<figcaption>
<p>
Два погрузчика
</p>
</figcaption>
</figure>
</li>
<li>
<figure class="foto_block gallery">
<img src="gallery/1-2.jpg" alt="">
<figcaption>
<p>
Погрузчик на весах
</p>
</figcaption>
</figure>
</li>
<li>
<figure class="foto_block gallery">
<img src="gallery/1-3.jpg" alt="">
<figcaption>
<p>
Рома под весами
</p>
</figcaption>
</figure>
</li>
<li>
<figure class="foto_block gallery">
<img src="gallery/1-4.jpg" alt="">
<figcaption>
<p>
Перцы смотрят на погрузчик на весах
</p>
</figcaption>
</figure>
</li>
<li>
<figure class="foto_block gallery">
<img src="gallery/1-5.jpg" alt="">
<figcaption>
<p>
Мини асфальтоукладчик на минипогрузчике
</p>
</figcaption>
</figure>
</li>
<li>
<figure class="foto_block gallery">
<img src="gallery/1-6.jpg" alt="">
<figcaption>
<p>
Опять эти два погрузчика долбятся
</p>
</figcaption>
</figure>
</li>
<li>
<figure class="foto_block gallery">
<img src="gallery/1-7.jpg" alt="">
<figcaption>
<p>
А потом один из них опять заезжает на весы
</p>
</figcaption>
</figure>
</li>
<li>
<figure class="foto_block gallery">
<img src="gallery/1-8.jpg" alt="">
<figcaption>
<p>
И снова Рома лазит под весами и что там отпиливает
</p>
</figcaption>
</figure>
</li>
<li>
<figure class="foto_block gallery">
<img src="gallery/1-9.jpg" alt="">
<figcaption>
<p>
А парни в это время опять загнали погрузчик на весы и дрочат его по полной программе
</p>
</figcaption>
</figure>
</li>
<li>
<figure class="foto_block gallery">
<img src="gallery/1-10.jpg" alt="">
<figcaption>
<p>
Мы готовы к укладке асфальта на любом участке
</p>
</figcaption>
</figure>
</li>
<li>
<figure class="foto_block gallery">
<img src="gallery/1-11.jpg" alt="">
<figcaption>
<p>
Пидоры идут
</p>
</figcaption>
</figure>
</li>
<li>
<figure class="foto_block gallery">
<img src="gallery/1-12.jpg" alt="">
<figcaption>
<p>
Рома забил и ушел куда то
</p>
</figcaption>
</figure>
</li>
</ul>
</section>
</body>
</html>