<section id="contact" class="contact">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Contact</h2>
<p>Contact Us</p>
</div>
</div>
<div class="container" data-aos="fade-up">
<div class="row mt-5">
<div class="col-lg-4">
<div class="info">
<div class="address">
<i class="icofont-google-map"></i>
<h4>Location:</h4>
<p>183, Kaseru Khera Meerut 250001</p>
</div>
<div class="open-hours">
<i class="icofont-clock-time icofont-rotate-90"></i>
<h4>Open Hours:</h4>
<p>
Monday-Saturday:<br>
10:00 AM - 11:00 PM
</p>
</div>
<div class="email">
<i class="icofont-envelope"></i>
<h4>Email:</h4>
<p>myrestraunt@gmail.com</p>
</div>
<div class="phone">
<i class="icofont-phone"></i>
<h4>Call:</h4>
<p><a href="tel:7017742830">+91 7017742830</a></p>
</div>
</div>
</div>
<div class="col-lg-8 mt-5 mt-lg-0">
<form method="post" class="php-email-form">
<div class="form-row">
<div class="col-md-6 form-group">
<input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
</div>
<div class="col-md-6 form-group">
<input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" />
</div>
</div>
<div class="form-group">
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
</div>
<div class="form-group">
<textarea class="form-control" name="message" rows="8" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
</div>
<div class="text-center"><button type="submit" name="contactnow">Send Message</button></div>
</form>
<?php
if(isset($_REQUEST['contactnow']))
{
$name=$_REQUEST['name'];
$email=$_REQUEST['email'];
$subject=$_REQUEST['subject'];
$message=$_REQUEST['message'];
$query="insert into contact(`name`,`email`,`subject`, `message`) values('$name','$email','$subject','$message')";
$result = mysqli_query($conn,$query);
if($result)
{
echo '<script>alert("Thanks For Contacting Us ! Our Team will contact you soon.");</script>';
}
else{
echo '<script>alert("Something Went Wrong. Please Contact Us, 7017742830");</script>';
}
}
?>
</div>
</div>
</div>
</section><!-- End Contact Section -->
------------------------------------CSS-----------------------------
.section-title {
padding-bottom: 40px;
}
.section-title h2 {
font-size: 14px;
font-weight: 500;
padding: 0;
line-height: 1px;
margin: 0 0 5px 0;
letter-spacing: 2px;
text-transform: uppercase;
color: black;
}
.section-title h2::after {
content: "";
width: 120px;
height: 1px;
display: inline-block;
background: wheat;
margin: 4px 10px;
}
.section-title p {
margin: 0;
margin: 0;
font-size: 36px;
font-weight: 700;
color: white;
}
.contact .info {
width: 100%;
}
.contact .info i {
font-size: 30px;
float: left;
width: 44px;
height: 44px;
background: darkred;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
transition: all 0.3s ease-in-out;
}
.contact .info h4 {
padding: 0 0 0 60px;
font-size: 18px;
font-weight: 500;
margin-bottom: 5px;
}
.contact .info p {
padding: 0 0 0 60px;
margin-bottom: 0;
font-size: 14px;
color: ghostwhite;
}
.contact .info .open-hours, .contact .info .email, .contact .info .phone {
margin-top: 40px;
}
.contact .php-email-form {
width: 100%;
}
.contact .php-email-form .form-group {
padding-bottom: 8px;
}
.contact .php-email-form .validate {
display: none;
color: red;
margin: 0 0 15px 0;
font-weight: 400;
font-size: 13px;
}
.contact .php-email-form .error-message {
display: none;
color: #fff;
background: #ed3c0d;
text-align: center;
padding: 15px;
font-weight: 600;
}
.contact .php-email-form .sent-message {
display: none;
color: #fff;
background: #18d26e;
text-align: center;
padding: 15px;
font-weight: 600;
}
.contact .php-email-form .loading {
display: none;
text-align: center;
padding: 15px;
}
.contact .php-email-form .loading:before {
content: "";
display: inline-block;
border-radius: 50%;
width: 24px;
height: 24px;
margin: 0 10px -6px 0;
border: 3px solid orange;
border-top-color: #1a1814;
-webkit-animation: animate-loading 1s linear infinite;
animation: animate-loading 1s linear infinite;
}
.contact .php-email-form input, .contact .php-email-form textarea {
border-radius: 0;
box-shadow: none;
font-size: 14px;
background: ghostwhite;
border-color: #625b4b;
}
.contact .php-email-form input::-webkit-input-placeholder, .contact .php-email-form textarea::-webkit-input-placeholder {
color: #a49b89;
}
.contact .php-email-form input::-moz-placeholder, .contact .php-email-form textarea::-moz-placeholder {
color: #a49b89;
}
.contact .php-email-form input:-ms-input-placeholder, .contact .php-email-form textarea:-ms-input-placeholder {
color: #a49b89;
}
.contact .php-email-form input::-ms-input-placeholder, .contact .php-email-form textarea::-ms-input-placeholder {
color: #a49b89;
}
.contact .php-email-form input::placeholder, .contact .php-email-form textarea::placeholder {
color: #a49b89;
}
.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
border-color: orange;
}
.contact .php-email-form input {
height: 44px;
}
.contact .php-email-form textarea {
padding: 10px 12px;
}
.contact .php-email-form button[type="submit"] {
background: black;
border: 0;
padding: 10px 35px;
color: #fff;
transition: 0.4s;
border-radius: 50px;
}
.contact .php-email-form button[type="submit"]:hover {
background: rgb(54, 53, 53);
}
0 Comments