Photographer/report.html at master · irina-github-web/Photographer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="initial-scale=1.0, width=device-width">
	<title>Репортажная фотосъемка</title>
	<link rel="shortcut icon" href=""/>
	<link rel="stylesheet" href="https://use.typekit.net/kis1arq.css">
	<link rel="stylesheet" type="text/css" href="style/main.css">
	<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.min.css">
</head>
<body style="background-color: #f8f6f4;">
	<div id="photo_gallery">
		<h2>Репортажная фотосъемка</h2>
		<a href="/"><svg><use xlink:href='#close'/></svg></a>

		<section>
			<img src="img/report-1.jpg">
			<img src="img/report-2.jpg">
			<img src="img/report-3.jpg">
			<img src="img/report-5.jpg">
			<img src="img/report-6.jpg">
			<img src="img/report-7.jpg">
			<img src="img/report-8.jpg">
			<img src="img/report-9.jpg">
			<img src="img/report-10.jpg">
			<img src="img/report-11.jpg">
			<img src="img/report-12.jpg">
			<img src="img/report-13.jpg">
			<img src="img/report-14.jpg">
			<img src="img/report-15.jpg">
			<img src="img/report-16.jpg">
			<img src="img/report-17.jpg">
		</section>

		<div class="lightbox">
			<div class="title"></div>
			<div class="filter"></div>
			<div class="arrowr"></div>
			<div class="arrowl"></div>
			<div class="close"></div>
		</div>

	</div>

	<svg style="display: none">
		<symbol id="close" viewBox="0 0 475.2 475.2">
			<path d="M405.6,69.6C360.7,24.7,301.1,0,237.6,0s-123.1,24.7-168,69.6S0,174.1,0,237.6s24.7,123.1,69.6,168s104.5,69.6,168,69.6 s123.1-24.7,168-69.6s69.6-104.5,69.6-168S450.5,114.5,405.6,69.6z M386.5,386.5c-39.8,39.8-92.7,61.7-148.9,61.7 s-109.1-21.9-148.9-61.7c-82.1-82.1-82.1-215.7,0-297.8C128.5,48.9,181.4,27,237.6,27s109.1,21.9,148.9,61.7 C468.6,170.8,468.6,304.4,386.5,386.5z"/>
			<path d="M342.3,132.9c-5.3-5.3-13.8-5.3-19.1,0l-85.6,85.6L152,132.9c-5.3-5.3-13.8-5.3-19.1,0c-5.3,5.3-5.3,13.8,0,19.1 l85.6,85.6l-85.6,85.6c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4l85.6-85.6l85.6,85.6c2.6,2.6,6.1,4,9.5,4 c3.5,0,6.9-1.3,9.5-4c5.3-5.3,5.3-13.8,0-19.1l-85.4-85.6l85.6-85.6C347.6,146.7,347.6,138.2,342.3,132.9z"/>
		</symbol>

	</svg>

	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
	<script src="js/masonry.pkgd.js"></script>
	<script src="js/masonry_lightbox.js"></script>

</body>
</html>