-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.php
148 lines (138 loc) · 4.62 KB
/
contact.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
<?php
session_start();
error_reporting(0);
include('includes/dbconnection.php');
?>
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>sparkle | Contact Us</title>
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--// Meta tag Keywords -->
<!-- css files -->
<link rel="stylesheet" href="css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <!-- Style-CSS -->
<link rel="stylesheet" href="css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
<!-- //css files -->
<link href="//fonts.googleapis.com/css?family=Alex+Brush&subset=latin-ext" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Contrail+One" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Farsan&subset=gujarati,latin-ext,vietnamese" rel="stylesheet">
<style>
body {
background-image: url('images/bg3.jpg'); /* Ensure this path is correct */
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
.banner-2 {
background-color: rgba(0, 0, 0, 0.5); /* Optional: for dark overlay */
}
</style>
</head>
<body>
<!-- banner -->
<div class="banner banner-2">
<?php include_once('includes/header.php');?>
<div class="clearfix"> </div>
<!-- //Nav -->
<!-- //banner -->
<!-- mail -->
<div class="mail" id="mail">
<div class="container">
<h4 class="title-w30">Reach Us</h4>
<div class="agileinfo_mail_grids">
<div class="col-md-5 contact-left-w3ls">
<h3>Contact Info</h3>
<?php
$ret=mysqli_query($con,"select * from tblpage where PageType='contactus' ");
$cnt=1;
while ($row=mysqli_fetch_array($ret)) {
?>
<div class="visit">
<div class="col-md-2 col-sm-2 col-xs-2 contact-icon-wthree">
<span class="glyphicon glyphicon-home" aria-hidden="true"></span>
</div>
<div class="col-md-10 col-sm-10 col-xs-10 contact-text-agileinf0">
<h4>Visit us</h4>
<p><?php echo $row['PageDescription'];?></p>
</div>
<div class="clearfix"></div>
</div>
<div class="mail-w3">
<div class="col-md-2 col-sm-2 col-xs-2 contact-icon-wthree">
<span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
</div>
<div class="col-md-10 col-sm-10 col-xs-10 contact-text-agileinf0">
<h4>Mail us</h4>
<p><?php echo $row['Email'];?></p>
</div>
<div class="clearfix"></div>
</div>
<div class="call">
<div class="col-md-2 col-sm-2 col-xs-2 contact-icon-wthree">
<span class="glyphicon glyphicon-phone" aria-hidden="true"></span>
</div>
<div class="col-md-10 col-sm-10 col-xs-10 contact-text-agileinf0">
<h4>Call us</h4>
<p>+<?php echo $row['MobileNumber'];?></p>
</div>
<div class="clearfix"></div>
</div>
<div class="visit">
<div class="col-md-2 col-sm-2 col-xs-2 contact-icon-wthree">
<span class="glyphicon glyphicon-time" aria-hidden="true"></span>
</div>
<div class="col-md-10 col-sm-10 col-xs-10 contact-text-agileinf0">
<h4>Work hours</h4>
<p><?php echo $row['Timing'];?></p>
</div>
<div class="clearfix"></div>
</div>
</div><?php } ?>
<div class="col-md-7 agileinfo_mail_grid_right">
<video class="styled-video" width="800" height="400" autoplay loop muted>
<source src="./images/p4.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<div class="clearfix"> </div>
<style>
.styled-video {
border: 5px solid #ccc; /* Adjust border thickness and color */
border-radius: 10px; /* Rounded corners */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add shadow for a 3D effect */
max-width: 80%; /* Ensure responsiveness */
height: auto; /* Maintain aspect ratio */
}
.agileinfo_mail_grid_right {
display: flex;
justify-content: center;
align-items: center;
padding: 20px; /* Add padding around the video container */
}
.clearfix {
clear: both;
}
</style>
</div>
</div>
</div>
<!-- //mail -->
</div>
<?php include_once('includes/footer.php');?>
<!-- js-scripts -->
<!-- js -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap -->
<!-- //js -->
<!-- menu -->
<script type="text/javascript" src="js/main.js"></script>
<!-- //menu -->
<!-- smooth scrolling -->
<script src="js/SmoothScroll.min.js"></script>
<!-- //smooth scrolling -->
<!-- //js-scripts -->
</body>
</html>