-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
132 lines (123 loc) · 4.75 KB
/
index.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
<?php
session_start();
error_reporting(0);
include('includes/dbconnection.php');
?>
<!DOCTYPE HTML>
<html>
<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>People for Animals | Home Page</title>
<link rel="icon" href="gif/funnygifsbox.com-2019-05-22-12-24-43-5.gif">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
</head>
<body>
<?php include_once('includes/header.php');?>
<div class="header-banner">
<div class="container">
<div class="head-banner">
<h3>Visit our pfa</h3>
<p> A visit to a zoo offers us an opportunity to see the wild animals.Zoo is a place where we can see different animals and birds at one place. It has great attraction particularly for the children. A visit to a zoo gives us both information and entertainment. We come to learn about the rare species.</p>
</div>
<div class="banner-grids">
<div class="col-md-6 banner-grid">
<h4>What We Do</h4>
<p>We rescue, treat, care for and rehabilitate urban wild animals with the aim of ultimately releasing them back into their natural habitats. Our team of veterinarians and animal welfare specialists, with the help of volunteers and conscientious citizens across the city, help our growing city care for its animals.</p>
</div>
<div class="col-md-6 banner-grid">
<h4>What is Urban Wildlife?</h4>
<p>The wide variety of non-domesticated species that we find in the parks, lakes, fields, roads, gardens and structures of the city, in our neighbouring forests, and on the untamed fringe lands of the city. Even the little birds in our balconies, the squirrels in our trees, the kites in our markets, and the snakes in our backyards are wild animals living amidst us.</p>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--header-->
<!--welcome-->
<div class="content">
<div class="welcome">
<div class="container">
<h2>Welcome to PFA</h2>
<div class="welcome-grids">
<?php
$query=mysqli_query($con,"select * from tblanimal order by rand() limit 4");
while ($row=mysqli_fetch_array($query)) {
?>
<div class="col-md-3 welcome-grid home-container" >
<img src="admin/images/<?php echo $row['AnimalImage'];?>" width='220' height='200' alt=" " class="img-responsive" />
<div class="wel-info card-content">
<h4><a href="animal-detail.php?anid=<?php echo $row['ID'];?>"><?php echo $row['AnimalName'];?>(<?php echo $row['Breed'];?>)</a></h4>
<p><?php echo substr($row['Description'],0,50);?>.</p>
</div>
</div><?php }?>
<br>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--welcome-->
<!--animals-->
<div class="animals">
<div class="container">
<h3>animals</h3>
<div class="clients">
<ul id="flexiselDemo3">
<?php
$query=mysqli_query($con,"select * from tblanimal");
while ($row=mysqli_fetch_array($query)) {
?>
<li><img
style="width:280px;
height:240px;"
src="admin/images/<?php echo $row['AnimalImage'];?>" width=200 height=200 alt=" " class="img-responsive" /></li><?php }?>
</ul>
<script type="text/javascript">
$(window).load(function() {
$("#flexiselDemo3").flexisel({
visibleItems: 4,
animationSpeed: 1000,
autoPlay: true,
autoPlaySpeed: 3000,
pauseOnHover: true,
enableResponsiveBreakpoints: true,
responsiveBreakpoints: {
portrait: {
changePoint:480,
visibleItems: 1
},
landscape: {
changePoint:640,
visibleItems: 2
},
tablet: {
changePoint:768,
visibleItems: 3
}
}
});
});
function facebookre()
{
window.open = "https://www.w3schools.com";
}
</script>
<script type="text/javascript" src="js/jquery.flexisel.js"></script>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--models-->
<!--events-->
<!--specials-->
<?php require_once('includes/special.php');?>
</div>
<!--footer-->
<?php require_once('includes/footer.php');?>
</body>
</html>