-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
173 lines (145 loc) · 8.44 KB
/
index.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
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
<!doctype html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="Keywords" content="Favicon, Title, HTML, CSS, Bootstrap, Envira Image Gallery, Demo Gallery">
<meta name="Description" contnt="Peep in the world of Envira Image Gallery">
<meta name="Author" content="Yashvi_Shah">
<!-- Title -->
<title>Envira Gallery</title>
<link rel="shortcut icon" type="image/png" href="img/leaf.png">
<!-- Bootstrap CSS -->
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz"
crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="New gallery(solution).css">
</head>
<body>
<nav class="navbar bg-dark navbar-default navbar-fixed-top">
</nav>
<div id="header" class="container">
<div class="jumbotron text-center">
<h1><i class="fab fa-envira"></i>Envira Image Gallery</h1>
<p> A bunch of beautiful images that I din't take(except for the first one)</p>
<a href="https://enviragallery.com/blog/" class="btn btn-outline-primary my-2 my-sm-0 margin-left">Blog </a>
<a href="https://enviragallery.com/features/" class="btn btn-outline-primary my-2 my-sm-0 margin-left">Features</a>
<a href="https://enviragallery.com/contact/" class="btn btn-outline-success my-2 my-sm-0 margin-left">Contact</a>
<a href="https://enviragallery.com/login/" class="btn btn-outline-success my-2 my-sm-0 margin-left">Login</a>
</div>
</div>
<table>
<tr>
<td class="first">
<div>
<div>
<div class="card">
<img class="card-img-top" src="http://i.imgur.com/qK42fUu.jpg" alt="">
<div class="card-body">
<h5 class="card-title">From Envira Pagination Demo </h5>
<p class="card-text">
Pagination type is on click to reload the page and show all image in the lightbox with pagination appearing below the images showing 15 images per page</p>
<a href="https://enviragallery.com/demo/gallery-pagination-demo/" class="btn btn-primary">Pagination Demo</a>
</div>
</div>
</div>
</td>
<td class="second">
<div>
<div class="card">
<img class="card-img-top" src="https://images.unsplash.com/photo-1439396087961-98bc12c21176?dpr=2&fit=crop&fm=jpg&h=825&q=50&w=1450" alt="">
<div class="card-body">
<h5 class="card-title">From Envira Watermark Gallery Demo</h5>
<p class="card-text">Watermarking enabled to show the mark on bottom right with 10px spacing from the edge.</p>
<a href="https://enviragallery.com/demo/watermark-gallery-demo/" class="btn btn-primary">Watermark Gallery Demo</a>
</div>
</div>
</div>
</td>
<td class="third">
<div>
<div class="card">
<img class="card-img-top" src="https://images.unsplash.com/photo-1439694458393-78ecf14da7f9?dpr=2&fit=crop&fm=jpg&h=825&q=50&w=1450" alt="">
<div class="card-body">
<h5 class="card-title">From Envira Layouts Demo</h5>
<p class="card-text">In layouts demo, Lightbox transition on open and close is set to Zoom and Lightbox transition for navigation is set to Tube.</p>
<a href="https://enviragallery.com/demo/layouts-demo/" class="btn btn-primary">Layouts Demo</a>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td class="fouth">
<div>
<div class="card">
<img class="card-img-top" src="https://images.unsplash.com/photo-1435771112039-1e5b2bcad966?dpr=2&fit=crop&fm=jpg&h=825&q=50&w=1450" alt="">
<div class="card-body">
<h5 class="card-title">From Envira Gallery Tags Demo</h5>
<p class="card-text">
In Gallery Tags Demo, Lightbox transition on open and close is set to Zoom-In-Out and Lightbox transition for navigation set to Rotate.
</p>
<a href="https://enviragallery.com/demo/gallery-tags/" class="btn btn-primary">Gallery Tags Demo</a>
</div>
</div>
</div>
</td>
<td class="fifth">
<div>
<div class="card">
<img class="card-img-top" src="https://images.unsplash.com/photo-1442406964439-e46ab8eff7c4?dpr=2&fit=crop&fm=jpg&h=825&q=50&w=1450" alt="">
<div class="card-body">
<h5 class="card-title">From Envira Protection Demo</h5>
<p class="card-text">In Protection type , Lightbox transition on open and close is set to Zoom and Lightbox transition for navigation is set to Slide.</p>
<a href="https://enviragallery.com/demo/protection-demo/" class="btn btn-primary">Protection Demo</a>
</div>
</div>
</div>
</td>
<td class="sixth">
<div>
<div class="card">
<img class="card-img-top" src="https://images.unsplash.com/photo-1439524970634-649c37a69e5c?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&w=1450&h=825&fit=crop&s=bfda9916c885869b43b70738693428d9" alt="">
<div class="card-body">
<h5 class="card-title">From Envira Lightbox Transitions Demo</h5>
<p class="card-text">In Lightbox Transitions Type there are many transitions effect like fade, circular, rotate, zoom-in-out, tube, etc.</p>
<a href="https://enviragallery.com/demo/lightbox-transitions-demo/" class="btn btn-primary">Lightbox Transitions Demo</a>
</div>
</div>
</div>
</td>
</tr>
</table>
<footer class="container jumbotron" id="footer">
<h3>Additional Details about company :</h3>
<br>
<ul>
<li>
<a href="https://enviragallery.com/about-us/">Learn more</a> about Envira Gallery, their team and their core values
</li>
<li>
<a href="https://enviragallery.com/careers/">Careers</a> provided by Envira Gallery
</li>
<li>
Envira Gallery <a href="https://enviragallery.com/testimonials/">Customer Testimonials</a>
</li>
<li>
Envira Gallery <a href="https://enviragallery.com/affiliates/">Affiliate Program</a>
</li>
</ul>
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
crossorigin="anonymous"></script>
</body>
</html>