-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathgallery1.html
48 lines (41 loc) · 2.64 KB
/
gallery1.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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="gallery1.css">
</head>
<body>
<h1>Responsive Image Gallery</h1><hr>
<div id="gallery" class="container-fluid">
<img src="https://i.ytimg.com/vi/TZiQK81Rjfw/maxresdefault.jpg" class="card img-responsive">
<img src="http://www.fwallpaper.net/wallpapers/H/I/hilary-duff-portrait_1920x1200.jpg" class="card img-responsive">
<img src="http://delbaz.persiangig.com/image/Portraits/Matt-Sayles-portrait-shot-in-Beverly-HillsNov-8-2008-kristen-stewart-2823602-1845-2560.jpg" class="card img-responsive">
<video class="card vid" controls>
<source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
</source>
</video>
<img src="http://wallpaper.pickywallpapers.com/1680x1050/megan-fox-white-portrait.jpg" class="card img-responsive">
<img src="http://cdn1.ouchpress.com/media/celebrities/12/megan-fox-21638.jpg" class="card img-responsive">
<img src="https://pixabay.com/static/uploads/photo/2016/04/10/13/52/portrait-1319951_960_720.jpg" class="card img-responsive">
<img src="http://hd.wallpaperswide.com/thumbs/megan_fox_portrait-t2.jpg" class="card img-responsive">
<img src="http://trends4ever.com/wp-content/uploads/2013/10/Kristen-Stewart-new-style.jpg" class="card img-responsive">
<img src="http://wallpaper.pickywallpapers.com/1920x1080/emma-watson-floral-shirt-portrait.jpg" class="card img-responsive">
<img src="http://cdn1.ouchpress.com/media/celebrities/162/katie-holmes-12392.jpg" class="card img-responsive">
<img src="http://hdwallpaperbackgrounds.net/wp-content/uploads/2015/08/beautiful-blue-eyes-girls-desktop-wallpapers.jpg" class="card img-responsive">
<img src="http://wallpaperology.com/zombie/8509154-green-eyed-supermodel-1920x1080.jpg" class="card img-responsive">
<img src="http://www.wallpaperup.com/uploads/wallpapers/2014/03/14/297856/big_thumb_341038e62add7648def03c52e3ae124b.jpg" class="card img-responsive">
<img src="http://images-cdn.moviepilot.com/image/upload/v1426602042/kristen-stewart-want-s-to-be-part-of-captain-america-jpeg-227119.jpg" class="card img-responsive">
<img src="http://www.imagefully.com/wp-content/uploads/2015/10/Beautiful-Green-Eyes-Awesome-Photo.jpg" class="card img-responsive">
<!--<img src="" class="card img-responsive">-->
</div>
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="gallery1.js"></script>
</body>