-
Notifications
You must be signed in to change notification settings - Fork 1
/
collection-COM.php
203 lines (172 loc) · 11.4 KB
/
collection-COM.php
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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<!DOCTYPE html>
<html lang="en"><head>
<!--- here goes meta.php -->
<?php include "components/php/meta.php"; ?>
<title>Patagonia Images | Costa MArina </title>
<!-- Bootstrap core CSS -->
<link href="grid-template_files/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="grid-template_files/grid.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<script src="grid-template_files/ie-emulation-modes-warning.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="grid-template_files/ie10-viewport-bug-workaround.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
background-size: cover;
background-repeat:no-repeatdisplay: compact;
}
body#home {
background-color: #4e9258;
}
div#content {
color: #D6D6D6;
width: 100%;
margin: 0 auto;
padding: 10px;
background-color: #f8f8f8;
background-color: rgba(50, 50, 50,.6);
border: 1px solid #999;
padding: 10px;
border-radius: 15px;
-border-radius: 3px;
-webkit-border-radius: 10px;
box-shadow: 5px 5px 10px #999;
}
</style>
<!-- ++ as per Bootstrap-Images-Gallery -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="css/blueimp-gallery.css">
<link rel="stylesheet" href="css/bootstrap-image-gallery.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body id="home">
<!-- { navbar-->
<?php include "components/php/navbar.php"; ?>
<section class="container">
<!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body -->
<div id="blueimp-gallery" class="blueimp-gallery">
<!-- The container for the modal slides -->
<div class="slides"></div>
<!-- Controls for the borderless lightbox -->
<h3 class="title"></h3>
<a class="prev">‹</a>
<a class="next">›</a>
<a class="close">×</a>
<a class="play-pause"></a>
<ol class="indicator"></ol>
<!-- The modal dialog, which will be used to wrap the lightbox content -->
<div class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" aria-hidden="true">×</button>
<h4 class="modal-title"></h4>
</div>
<div class="modal-body next"></div>
<div class="modal-footer">
<button type="button" class="btn btn-default pull-left prev">
<i class="glyphicon glyphicon-chevron-left"></i>
Previous
</button>
<button type="button" class="btn btn-primary next">
Next
<i class="glyphicon glyphicon-chevron-right"></i>
</button>
</div>
</div>
</div>
</div>
</div>
<!-- new links --------------------------------------------->
<div id='links'>
<a href='/images/collections/COM_Costa-Marina/COM-001_Patagonia_Pinguino regresando al mar_Cubut.jpg' title='01_Patagonia_Pinguino regresando al mar_Cubut'>
<img src='/images/collections-thumbs/COM/COM-001_Patagonia_Pinguino regresando al mar_Cubut.jpg' alt='01_Patagonia_Pinguino regresando al mar_Cubut'>
</a>
<a href='/images/collections/COM_Costa-Marina/COM-002_Patagonia_Rompientes en Punta Colombo_Peninsula Vald.jpg' title='02_Patagonia_Rompientes en Punta Colombo_Peninsula Vald'>
<img src='/images/collections-thumbs/COM/COM-002_Patagonia_Rompientes en Punta Colombo_Peninsula Vald.jpg' alt='02_Patagonia_Rompientes en Punta Colombo_Peninsula Vald'>
</a>
<a href='/images/collections/COM_Costa-Marina/COM-003_Patagonia_Fin de la Sudestada_Puerto Piramides.jpg' title='03_Patagonia_Fin de la Sudestada_Puerto Piramides'>
<img src='/images/collections-thumbs/COM/COM-003_Patagonia_Fin de la Sudestada_Puerto Piramides.jpg' alt='03_Patagonia_Fin de la Sudestada_Puerto Piramides'>
</a>
<a href='/images/collections/COM_Costa-Marina/COM-004_Patagonia_ Acantilados en el area de Punta Quiroga_C.jpg' title='04_Patagonia_ Acantilados en el area de Punta Quiroga_C'>
<img src='/images/collections-thumbs/COM/COM-004_Patagonia_ Acantilados en el area de Punta Quiroga_C.jpg' alt='04_Patagonia_ Acantilados en el area de Punta Quiroga_C'>
</a>
<a href='/images/collections/COM_Costa-Marina/COM-005_Patagonia_Conchillas caracoles y vieyras.jpg' title='05_Patagonia_Conchillas caracoles y vieyras'>
<img src='/images/collections-thumbs/COM/COM-005_Patagonia_Conchillas caracoles y vieyras.jpg' alt='05_Patagonia_Conchillas caracoles y vieyras'>
</a>
<a href='/images/collections/COM_Costa-Marina/COM-006_Patagonia_La costa marina vista desde el faro de Pun.jpg' title='06_Patagonia_La costa marina vista desde el faro de Pun'>
<img src='/images/collections-thumbs/COM/COM-006_Patagonia_La costa marina vista desde el faro de Pun.jpg' alt='06_Patagonia_La costa marina vista desde el faro de Pun'>
</a>
<a href='/images/collections/COM_Costa-Marina/COM-007_Patagonia_La furia de una tormenta del Sur_ Punta De.jpg' title='07_Patagonia_La furia de una tormenta del Sur_ Punta De'>
<img src='/images/collections-thumbs/COM/COM-007_Patagonia_La furia de una tormenta del Sur_ Punta De.jpg' alt='07_Patagonia_La furia de una tormenta del Sur_ Punta De'>
</a>
<a href='/images/collections/COM_Costa-Marina/COM-008_Patagonia_Punta Ameghino_Peninsula Valdes-Chubut.jpg' title='08_Patagonia_Punta Ameghino_Peninsula Valdes-Chubut'>
<img src='/images/collections-thumbs/COM/COM-008_Patagonia_Punta Ameghino_Peninsula Valdes-Chubut.jpg' alt='08_Patagonia_Punta Ameghino_Peninsula Valdes-Chubut'>
</a>
<a href='/images/collections/COM_Costa-Marina/COM-009_Patagonia_bajamar_cerca de Puerto Piramides.jpg' title='09_Patagonia_bajamar_cerca de Puerto Piramides'>
<img src='/images/collections-thumbs/COM/COM-009_Patagonia_bajamar_cerca de Puerto Piramides.jpg' alt='09_Patagonia_bajamar_cerca de Puerto Piramides'>
</a>
<a href='/images/collections/COM_Costa-Marina/COM-010_Patagonia_El Atlantico_Peninsula Valdes.jpg' title='10_Patagonia_El Atlantico_Peninsula Valdes'>
<img src='/images/collections-thumbs/COM/COM-010_Patagonia_El Atlantico_Peninsula Valdes.jpg' alt='10_Patagonia_El Atlantico_Peninsula Valdes'>
</a>
<a href='/images/collections/COM_Costa-Marina/COM-011_Patagonia_Rompientes en Punta Colombo_Peninsula Vald.jpg' title='11_Patagonia_Rompientes en Punta Colombo_Peninsula Vald'>
<img src='/images/collections-thumbs/COM/COM-011_Patagonia_Rompientes en Punta Colombo_Peninsula Vald.jpg' alt='11_Patagonia_Rompientes en Punta Colombo_Peninsula Vald'>
</a>
<a href='/images/collections/COM_Costa-Marina/COM-012_Patagonia_El mar y la estepa_Peninsula Valdes.jpg' title='12_Patagonia_El mar y la estepa_Peninsula Valdes'>
<img src='/images/collections-thumbs/COM/COM-012_Patagonia_El mar y la estepa_Peninsula Valdes.jpg' alt='12_Patagonia_El mar y la estepa_Peninsula Valdes'>
</a>
<a href='/images/collections/COM_Costa-Marina/COM-013_Patagonia_el oceano embravecido_Peninsula Valdes.jpg' title='13_Patagonia_el oceano embravecido_Peninsula Valdes'>
<img src='/images/collections-thumbs/COM/COM-013_Patagonia_el oceano embravecido_Peninsula Valdes.jpg' alt='13_Patagonia_el oceano embravecido_Peninsula Valdes'>
</a>
<a href='/images/collections/COM_Costa-Marina/COM-014_Patagonia_la estepa y el mar_Puerto Piramides.jpg' title='14_Patagonia_la estepa y el mar_Puerto Piramides'>
<img src='/images/collections-thumbs/COM/COM-014_Patagonia_la estepa y el mar_Puerto Piramides.jpg' alt='14_Patagonia_la estepa y el mar_Puerto Piramides'>
</a>
<a href='/images/collections/COM_Costa-Marina/COM-015_Patagonia_el oceano_Punta Tombo_Chubut.jpg' title='15_Patagonia_el oceano_Punta Tombo_Chubut'>
<img src='/images/collections-thumbs/COM/COM-015_Patagonia_el oceano_Punta Tombo_Chubut.jpg' alt='15_Patagonia_el oceano_Punta Tombo_Chubut'>
</a>
<a href='/images/collections/COM_Costa-Marina/COM-016_Patagonia_Punta Piramides_Peninsula Valdes.jpg' title='16_Patagonia_Punta Piramides_Peninsula Valdes'>
<img src='/images/collections-thumbs/COM/COM-016_Patagonia_Punta Piramides_Peninsula Valdes.jpg' alt='16_Patagonia_Punta Piramides_Peninsula Valdes'>
</a>
<a href='/images/collections/COM_Costa-Marina/COM-018_Golfo San Jose_Peninsula Valdes.jpg' title='18_Golfo San Jose_Peninsula Valdes'>
<img src='/images/collections-thumbs/COM/COM-018_Golfo San Jose_Peninsula Valdes.jpg' alt='18_Golfo San Jose_Peninsula Valdes'>
</a>
<a href='/images/collections/COM_Costa-Marina/COM-019_Patagonia_Costa acantilada_Punta Quiroga.jpg' title='19_Patagonia_Costa acantilada_Punta Quiroga'>
<img src='/images/collections-thumbs/COM/COM-019_Patagonia_Costa acantilada_Punta Quiroga.jpg' alt='19_Patagonia_Costa acantilada_Punta Quiroga'>
</a>
<a href='/images/collections/COM_Costa-Marina/COM-020_Patagonia_rastros de la bajante_Peninsula Valdes.jpg' title='20_Patagonia_rastros de la bajante_Peninsula Valdes'>
<img src='/images/collections-thumbs/COM/COM-020_Patagonia_rastros de la bajante_Peninsula Valdes.jpg' alt='20_Patagonia_rastros de la bajante_Peninsula Valdes'>
</a>
<a href='/images/collections/COM_Costa-Marina/COM-021_Patagonia_Cangrejo en una poza de marea_Peninsula Valdes.jpg' title='21_Patagonia_Cangrejo en una poza de marea_Peninsula Valdes'>
<img src='/images/collections-thumbs/COM/COM-021_Patagonia_Cangrejo en una poza de marea_Peninsula Va.jpg' alt='21_Patagonia_Cangrejo en una poza de marea_Peninsula Valdes'>
</a>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="http:/ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http:/blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script>
<script src="js/bootstrap-image-gallery.min.js"></script>
<!-- triggering the whole thing -->
<script src="js/blueimp-gallery.min.js"></script>
<script>
document.getElementById('links').onclick = function (event) {
event = event || window.event;
var target = event.target || event.srcElement,
link = target.src ? target.parentNode : target,
options = {index: link, event: event},
links = this.getElementsByTagName('a');
blueimp.Gallery(links, options);
};
</script>
<footer> <!-- /container -->
<?php include "components/php/footer.php"; ?>
</footer> <!-- /container -->