/*--------------------------------------------------------------

# Contact Section
--------------------------------------------------------------*/

#contact {
padding: 60px 0;
}

#contact .contact-info {
margin-bottom: 20px;
text-align: center;
}

#contact .contact-info i {
font-size: 48px;
display: inline-block;
margin-bottom: 10px;
color: #f82249;
}

#contact .contact-info address,

#contact .contact-info p {
margin-bottom: 0;
color: #112363;
}

#contact .contact-info h3 {
font-size: 18px;
margin-bottom: 15px;
font-weight: bold;
text-transform: uppercase;
color: #112363;
}

#contact .contact-info a {
color: #4869df;
}

#contact .contact-info a:hover {

color: #f82249;
}

#contact .contact-address,
#contact .contact-phone,
#contact .contact-email {
margin-bottom: 20px;
}

#contact .form #sendmessage {

color: #f82249;
border: 1px solid #f82249;
display: none;
text-align: center;
padding: 15px;
font-weight: 600;
margin-bottom: 15px;
}
#contact .form #errormessage {
color: red;
display: none;
border: 1px solid red;
text-align: center;
padding: 15px;
font-weight: 600;
margin-bottom: 15px;
}

#contact .form #sendmessage.show,

#contact .form #errormessage.show,
#contact .form .show {
display: block;
}

#contact .form .validation {

color: red;
display: none;
margin: 0 0 20px;
font-weight: 400;
font-size: 13px;
}

#contact .form input,

#contact .form textarea {
padding: 10px 14px;
border-radius: 0;
box-shadow: none;
font-size: 15px;
}

#contact .form button[type="submit"] {

background: #f82249;
border: 0;
padding: 10px 40px;
color: #fff;
transition: 0.4s;
border-radius: 50px;
cursor: pointer;
}

#contact .form button[type="submit"]:hover {

background: #e0072f;
}

<!--==========================
Contact Section
============================-->
<section id="contact" class="section-bg wow fadeInUp">

<div class="container">
 <div class="section-header">
<h2>Contact Us</h2>
<p>If You Have Any Problem Contact Us .</p>
</div>

<div class="row contact-info">

</div>

<div class="form">
<div id="sendmessage">Your message has been sent. Thank you!</div>
<div id="errormessage"></div>
<form action="index.php" method="post" role="form" class="contactForm">
<div class="form-row">
<div class="form-group col-md-6">
<input type="text" name="name" class="form-control" id="name"
name="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at
least 4 chars" />
<div class="validation"></div>
</div>
<div class="form-group col-md-6">
<input type="email" class="form-control" name="email" id="email"
name="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a
valid email" />
<div class="validation"></div>
</div>
</div>
<div class="form-group">
<input type="text" class="form-control" name="subject" id="subject"
name="subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at
least 8 chars of subject" />
<div class="validation"></div>
</div>
<div class="form-group">
<textarea class="form-control" name="message" rows="5" data-
rule="required" name="message" data-msg="Please write something for us"
placeholder="Message"></textarea>
<div class="validation"></div>
</div>
<div class="text-center"><button type="submit" name="send">Send
Message</button></div>
</form>
</div>

</div>
</section><!-- #contact -->

</main>
<?php
$conn =mysqli_connect("localhost","root","","contactus");

if(isset($_POST['send']))
{
$name=$_POST['name'];
$email=$_POST['email'];
$subject=$_POST['subject'];
$message=$_POST['message'];
 $to = "ronak.waghela333@gmail.com";
$sql="INSERT INTO contact(name,email,subject,message) VALUES
('$name','$email','$subject','$message')";
if(mysqli_query($conn,$sql))
{

}
}
?>