-
Notifications
You must be signed in to change notification settings - Fork 0
/
Gallery.html
117 lines (95 loc) · 7.14 KB
/
Gallery.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WSA-WeSaveAnimals Gallery</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<link rel="stylesheet" href="Gallery.css">
</head>
<!--Nav bar-->
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
<div class="image-1"><img src="logo_pic.png" alt="WSA Logo" width="125" height="125" style="margin-left: -65px; margin-top:-30px"></div> <!--Logo image-->
<div class="circle"></div> <!--TO ALIGN THE NAV BAR-->
<a class="navbar-brand" style="padding:10px; margin-left:-80px;" href="index.html" >HOME</a>
<a class="navbar-brand" style="padding:10px" href="AboutUs.html">ABOUT US</a>
<a class="navbar-brand" style="padding:10px" href="Volunteer.html">VOLUNTEER</a>
<a class="navbar-brand" style="padding:10px" href="Donate.html">DONATE</a>
<a class="navbar-brand" style="padding:10px" href="ContactUs.html">CONTACT US</a>
<a class="navbar-brand" style="padding:10px" href="Gallery.html">GALLERY</a>
<ul class="navbar-nav me-auto mb-2 mb-lg-0"> </ul>
<form class="d-flex" role="search" style="padding:10px">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<!--This is the end of the nav bar-->
<br>
<div class="Ellipse-11"></div>
<p class="GALLERY" style="font-size:50px; margin-top:-110px; margin-left:500px;">
GALLERY
</p>
<br><br><br><br><br><br>
<!--PICS BELOW-->
<div class="container text-center">
<div class="row">
<div class="col-6 col-sm-4"><img src="medical treatment.png" style="width:350px;height:250px; border-radius:50px;"></div>
<div class="col-6 col-sm-4"><img src="GRP_pic (3).png" style="width:350px;height:250px;border-radius:50px;"></div>
<div class="col-6 col-sm-4"><img src="GRP_pic (1).png" style="width:350px;height:250px;border-radius:50px;"></div>
<div class="w-100 d-none d-md-block" style="padding:20px;"></div>
<div class="col-6 col-sm-4"><img src="volunteer.png" style="width:350px;height:250px; margin-left:150px;border-radius:50px;"></div>
<div class="col-6 col-sm-4"><img src="6.png" style="width:350px;height:250px; margin-left:250px;border-radius:50px;"></div>
<div class="w-100 d-none d-md-block" style="padding:20px;"></div>
<div class="col-6 col-sm-4"><img src="13.png" style="width:350px;height:250px;border-radius:50px;"></div>
<div class="col-6 col-sm-4"><img src="10.png" style="width:350px;height:250px;border-radius:50px;"></div>
<div class="col-6 col-sm-4"><img src="11.png" style="width:350px;height:250px;border-radius:50px;"></div>
<div class="w-100 d-none d-md-block" style="padding:20px;"></div>
<div class="col-6 col-sm-4"><img src="pic1.jpeg" style="width:350px;height:250px; margin-left:150px;border-radius:50px;"></div>
<div class="col-6 col-sm-4"><img src="pic2.jpeg" style="width:350px;height:250px; margin-left:250px;border-radius:50px;"></div>
<div class="w-100 d-none d-md-block" style="padding:20px;"></div>
<div class="col-6 col-sm-4"><img src="3.png" style="width:350px;height:250px;border-radius:50px;"></div>
<div class="col-6 col-sm-4"><img src="4.png" style="width:350px;height:250px;border-radius:50px;"></div>
<div class="col-6 col-sm-4"><img src="5.png" style="width:350px;height:250px;border-radius:50px;"></div>
<div class="w-100 d-none d-md-block" style="padding:20px;"></div>
<div class="col-6 col-sm-4"><img src="1.png" style="width:350px;height:250px; margin-left:150px;border-radius:50px;"></div>
<div class="col-6 col-sm-4"><img src="2.png" style="width:350px;height:250px; margin-left:250px;border-radius:50px;"></div>
<div class="w-100 d-none d-md-block" style="padding:20px;"></div>
</div>
</div>
<!--END OF PICS-->
<div class="Rectangle_vid">
<p class="Videos" style="margin-left:300px; width:100px; ">
Videos
</p>
</div>
<div class="Rectangle-43" style="margin-left: 625px;margin-top:-50px;"><iframe width="560" height="315" src="https://www.youtube.com/embed/-oCUZewx3TU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div>
<div class="Rectangle-59" style="margin-left: 50px; margin-top:-200px;"><iframe width="560" height="315" src="https://www.youtube.com/embed/P2LuSFcbi1o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div>
<p class="Watch-more-on-our-Youtube-channel" style="margin-left: 700px;">
Watch more on our Youtube channel!
</p>
<p class="Click-below-and-stay-updated-with-our-journey">
Click here and stay updated with our journey!
</p>
<div class="yt_pic"><a href="https://youtube.com/@wesaveanimals8357"><img src="yt.png" alt="YouTube Channel"></a></div>
<!--footer-->
<a class="pawsline" style="margin-top:-100px;"><img src="paws line.png" ></a> <!--paws image-->
<div class="container text-center" style="height:45px; margin-top:-80px;">
<div class="row">
<div class="col-6 col-sm-3" style="width:15%"><img src="logo_pic.png" alt="WSA Logo" width="45%" height="85%"></div>
<a class="col-6 col-sm-3" href="index.html" style="width:13%; color:inherit;text-decoration:none;">HOME</a>
<a class="col-6 col-sm-3" href="AboutUs.html" style="width:13%;color:inherit;text-decoration:none;">ABOUT US</a>
<a class="col-6 col-sm-3" href="Volunteer.html" style="width:13%;color:inherit;text-decoration:none;">VOLUNTEER</a>
<a class="col-6 col-sm-3" href="ContactUs.html" style="width:13%;color:inherit;text-decoration:none;">CONTACT US</a>
<a class="col-6 col-sm-3" href="Donate.html" style="width:13%;color:inherit;text-decoration:none;">DONATE</a>
<a class="col-6 col-sm-3" href="Gallery.html" style="width:13%;color:inherit;text-decoration:none;">GALLERY</a>
</div>
</div>
<div class="col_AllRightsReserved" style="padding-left:35%"> © 2020. We Save Animals (WSA) Welfare Trust. All Rights Reserved.</div>