-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathFotogallery.html
135 lines (115 loc) · 5.8 KB
/
Fotogallery.html
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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!doctype html>
<html>
<head>
<title>BOLBATYN VAN LOVE</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href= "css/bootstrap-4.0.0-beta.2/dist/css/bootstrap.css">
<link rel="stylesheet" href="css/jquery.fancybox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/main.css">
</head>
<body><!--меню-->
<div class="container-fluid p-0">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"><!--здесь изменять цвет полосы-->
<div class="col-sm-10 col-lg-3">
<a href="#" class="navbar-brand ml-5"><img src="pictures/head.png" class="w-100" alt="logo"></a></div>
<button class="navbar-toggler bt-bg" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!--меню-->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-5">
<li class="nav-item p-2">
<a href="Main.html" class="nav-link">Главная</a>
</li>
<li class="nav-item dropdown pt-3">
<a href="#" class="dropdown-toggle pt-5" data-toggle="dropdown"><b class="caret m-auto">Тренер </b></a>
<ul class="dropdown-menu bg-dark">
<li><a href="abouttrener.html" class="nav-link dropdown-item">Информация о тренере</a></li>
<li><a href="Fotogallery.html" class="nav-link dropdown-item">Фото Тренера</a></li>
<li><a href="Orzivi.html" class="nav-link dropdown-item">Отзывы клиентов</a></li>
</ul>
</li>
<li class="nav-item p-2">
<a href="Metods.html" class="nav-link">Методики</a>
</li>
<li class="nav-item p-2">
<a href="kontakts.html" class="nav-link">Контакты</a>
</li>
<li class="nav-item p-2">
<a href="#" class="nav-link" data-toggle="modal" data-target="#exampleModal">Мотивация</a>
</li>
<li class="nav-item p-2">
<a href="Login.html" class="nav-link">Log in</a>
</li>
</ul></div>
</nav>
</div>
<!--форма мотивации-->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModal" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">YOUR MUSCLES IS BEING STRONGER</h5>
<button class="close" type="button" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-6 col-xl-4 col-sm-12 thumb">
<a class="fancyimage" data-fancybox-group="group" href="pictures/photogallery/1-1.jpg">
<img class="img-responsive" src="pictures/photogallery/1.jpg" />
</a> <p class="text-center pr-5">Никита в своей привычной среде-Спортзал второй дом</p>
</div>
<div class="col-md-6 col-sm-12 col-xl-4 thumb">
<a class="fancyimage" data-fancybox-group="group" href= "pictures/photogallery/2-2.jpg">
<img class="img-responsive" src="pictures/photogallery/2.jpg" > </a><p class="pr-5 text-center">Поза Геркулеса-истинная поза настоящих мужчин</p>
</div>
<div class="col-xl-4 col-sm-12 col-md-6 thumb">
<a class="fancyimage" data-fancybox-group="group" href= "pictures/photogallery/3-3.jpg">
<img class="img-responsive" src="pictures/photogallery/3.jpg" />
</a> <p class="text-center pr-5">Несколько лет Никита был бойцом ММА</p>
</div>
<div class="col-xl-4 col-sm-12 col-md-6 thumb">
<a class="fancyimage" data-fancybox-group="group" href= "pictures/photogallery/4-4.png">
<img class="img-responsive" src="pictures/photogallery/4.png" >
</a> <p class="text-center pr-5">Никита испробовал на себе Синтол </p>
</div>
<div class="col-xl-4 col-sm-12 col-md-6 thumb">
<a class="fancyimage" data-fancybox-group="group" href= "pictures/photogallery/5-5.png">
<img class="img-responsive" src="pictures/photogallery/5.png" />
</a> <p class="text-center pr-5">Когда стукнул Равон и хозяин тебя отжарил</p>
</div>
<div class="col-xl-4 col-sm-12 col-md-6 thumb">
<a class="fancyimage" data-fancybox-group="group" href= "pictures/photogallery/reklama.png">
<img class="img-responsive" src="pictures/photogallery/reklama.png" />
</a> <p class="text-center pr-5">ЗДЕСЬ МОГЛА БЫТЬ ВАША РЕКЛАМА</p>
</div>
</div>
</div>
<!--футер-->
<footer>
<div class="container">
<hr>
<p class="text-left">BY EGOR LAGUTIN</p>
<p class="text-right">_</p>
</div>
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src= "css/jquery-slim.min.js"></script>
<script src="css/popper.min.js"></script>
<script src= "css/bootstrap-4.0.0-beta.2/dist/js/bootstrap.js"></script>
<script type="text/javascript" src="css/jquery.fancybox.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a.fancyimage").fancybox();
}); </script>
</body>
</html>