Server : ApacheSystem : Linux sh00666.bluehost.com 5.14.0-687.26.1.el9_8.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Jul 14 16:32:02 EDT 2026 x86_64 User : ndkhermy ( 1200) PHP Version : 8.5.12 Disable Function : NONE Directory : /home1/ndkhermy/public_html/website_6ca89795/ |
Upload File : |
<?php include('header.php'); ?>
<style>
.page-title {
position: relative;
padding: 76px 0 73px;
background: #f8f8f8;
overflow: hidden;
z-index: 1;
}
.page-title::before {
content: '';
position: absolute;
right: -100px;
top: -100px;
width: 350px;
height: 350px;
background: rgba(255, 107, 0, 0.08);
border-radius: 50%;
z-index: -1;
}
.page-title::after {
content: '';
position: absolute;
left: -120px;
bottom: -120px;
width: 300px;
height: 300px;
background: rgba(255, 107, 0, 0.05);
border-radius: 50%;
z-index: -1;
}
.page-title .content-box {
text-align: center;
}
.page-title .sub-title {
display: inline-block;
font-size: 14px;
font-weight: 600;
color: #ff6b00;
background: rgba(255, 107, 0, 0.10);
padding: 8px 18px;
border-radius: 50px;
margin-bottom: 20px;
letter-spacing: 1px;
text-transform: uppercase;
}
.page-title h1 {
position: relative;
display: block;
font-size: 58px;
line-height: 68px;
font-weight: 700;
color: #111;
margin-bottom: 20px;
}
.page-title .bread-crumb {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 12px;
padding: 0;
margin: 0;
}
.page-title .bread-crumb li {
position: relative;
list-style: none;
font-size: 16px;
color: #666;
font-weight: 500;
padding-right: 18px;
}
.page-title .bread-crumb li:last-child {
padding-right: 0;
color: #ff6b00;
}
.page-title .bread-crumb li::before {
content: "/";
position: absolute;
top: 0;
right: 0;
color: #999;
}
.page-title .bread-crumb li:last-child::before {
display: none;
}
.page-title .bread-crumb li a {
color: #111;
text-decoration: none;
transition: all 0.3s ease;
}
.page-title .bread-crumb li a:hover {
color: #ff6b00;
}
@media only screen and (max-width: 991px) {
.page-title {
padding: 100px 0 80px;
}
.page-title h1 {
font-size: 46px;
line-height: 56px;
}
}
@media only screen and (max-width: 767px) {
.page-title {
padding: 80px 0 60px;
}
.page-title h1 {
font-size: 34px;
line-height: 44px;
}
.page-title .bread-crumb li {
font-size: 14px;
}
}
</style>
<section class="page-title centred pt_20 pb_70">
<div class="large-container">
<div class="content-box">
<h1>Contact Us</h1>
<ul class="bread-crumb clearfix">
<li><a href="index.php">Home</a></li>
<li>Contact Us</li>
</ul>
</div>
</div>
</section>
<section class="contact-section pb_100">
<div class="large-container">
<div class="sec-title centred mb_70">
<span class="sub-title">Premium Meat Supplier</span>
<h2>Contact Fresh Meat Shop</h2>
<p>
Get in touch for fresh chicken, mutton, seafood,
bulk meat orders, restaurant supply, and home delivery services.
</p>
</div>
<div class="contact-wrapper">
<div class="row clearfix">
<div class="col-lg-4 col-md-12 col-sm-12 info-column">
<div class="info-box">
<div class="single-item">
<div class="icon-boxx">
<i class="icon-50"></i>
</div>
<div class="text">
<h4>Shop Address</h4>
<p>
25 Fresh Market Road,<br>
Downtown City Center
</p>
</div>
</div>
<div class="single-item">
<div class="icon-boxx">
<i class="icon-50"></i>
</div>
<div class="text">
<h4>Delivery Area</h4>
<p>
Fast meat delivery available<br>
within all nearby locations
</p>
</div>
</div>
<div class="single-item">
<div class="icon-boxx">
<i class="icon-51"></i>
</div>
<div class="text">
<h4>Email Address</h4>
<p>
<a href="mailto:freshmeat@example.com">
freshmeat@example.com
</a>
</p>
<p>
<a href="mailto:orders@example.com">
orders@example.com
</a>
</p>
</div>
</div>
<div class="single-item">
<div class="icon-boxx">
<i class="icon-52"></i>
</div>
<div class="text">
<h4>Phone Number</h4>
<p>
<a href="tel:+920000000001">
+92 000 0000001
</a>
</p>
<p>
<a href="tel:+920000000002">
+92 000 0000002
</a>
</p>
</div>
</div>
<div class="single-item">
<div class="icon-boxx">
<i class="icon-53"></i>
</div>
<div class="text">
<h4>Opening Hours</h4>
<p>
Monday - Sunday <br>
08:00 AM - 11:00 PM
</p>
</div>
</div>
</div>
</div>
<div class="col-lg-8 col-md-12 col-sm-12 content-column">
<div class="form-inner">
<div class="form-title">
<h3>Send Us Message</h3>
<p>
Need fresh meat for home, hotel, restaurant,
or events? Send your inquiry now.
</p>
</div>
<form method="post"
action="sendemail.php"
id="contact-form">
<div class="row clearfix">
<div class="col-lg-6 col-md-6 col-sm-12 form-group">
<label>Your Name <span>*</span></label>
<input type="text"
name="username"
placeholder="Enter your full name"
required>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 form-group">
<label>Phone Number <span>*</span></label>
<input type="text"
name="phone"
placeholder="Enter phone number"
required>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 form-group">
<label>Email Address <span>*</span></label>
<input type="email"
name="email"
placeholder="Enter email address"
required>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 form-group">
<label>Select Meat Types</label>
<div class="custom-select-box">
<select name="meat_type" class="custom-select">
<option value="">
Choose Meat Type
</option>
<option value="Fresh Chicken">
Fresh Chicken
</option>
<option value="Mutton">
Mutton
</option>
<option value="Beef">
Beef
</option>
<option value="Seafood">
Seafood
</option>
<option value="Mixed Order">
Mixed Order
</option>
</select>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 form-group">
<label>Subject <span>*</span></label>
<input type="text"
name="subject"
placeholder="Write subject"
required>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 form-group">
<label>Your Message <span>*</span></label>
<textarea name="message"
placeholder="Write your message here..."></textarea>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 form-group message-btn">
<button type="submit"
class="theme-btn btn-one"
name="submit-form">
Send Message
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
.contact-section {
position: relative;
background: #f8f8f8;
}
.contact-wrapper {
background: #fff;
border-radius: 30px;
overflow: hidden;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
}
.sec-title .sub-title {
position: relative;
display: inline-block;
font-size: 15px;
font-weight: 600;
color: #891b1e;
background: rgba(225, 29, 46, 0.1);
padding: 8px 20px;
border-radius: 30px;
margin-bottom: 20px;
}
.sec-title h2 {
font-size: 48px;
line-height: 58px;
margin-bottom: 20px;
}
.sec-title p {
color: #666;
font-size: 16px;
line-height: 30px;
max-width: 650px;
margin: 0 auto;
}
.info-column {
background: #111;
}
.info-box {
padding: 50px 40px;
height: 100%;
}
.single-item {
display: flex;
gap: 20px;
margin-bottom: 35px;
}
.single-item:last-child {
margin-bottom: 0;
}
.icon-boxx {
min-width: 65px;
height: 65px;
background: #891b1e;
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 24px;
}
.single-item h4 {
color: #fff;
font-size: 20px;
margin-bottom: 10px;
}
.single-item p,
.single-item a {
color: rgba(255, 255, 255, 0.75);
line-height: 28px;
transition: 0.3s;
}
.single-item a:hover {
color: #891b1e;
}
.form-inner {
padding: 60px;
}
.form-title {
margin-bottom: 35px;
}
.form-title h3 {
font-size: 34px;
margin-bottom: 15px;
}
.form-title p {
color: #666;
line-height: 28px;
}
.form-group {
margin-bottom: 25px;
}
.form-group label {
display: block;
font-size: 15px;
font-weight: 600;
margin-bottom: 12px;
color: #111;
}
.form-group label span {
color: #e11d2e;
}
.nice-select {
color: #212020 !important;
}
.nice-select.custom-select {
margin-top: 22px !important;
}
.nice-select:before {
color: #212020 !important;
}
.form-group input,
.form-group textarea,
.form-group select {
width: 100%;
height: 60px;
border: 1px solid #e5e5e5;
border-radius: 14px;
padding: 0 20px;
font-size: 15px;
transition: 0.3s;
background: #fff;
}
.form-group textarea {
height: 170px;
resize: none;
padding-top: 18px;
}
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
box-shadow: 0 0 0 4px rgba(225, 29, 46, 0.08);
}
.theme-btn.btn-one {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
height: 60px;
padding: 0 40px;
background: #891b1e;
color: #fff;
border-radius: 14px;
font-size: 16px;
font-weight: 600;
border: none;
transition: 0.3s;
}
.theme-btn.btn-one:hover {
background: #111;
color: #fff;
}
.custom-select-box {
width: 100%;
height: 60px;
border: 1px solid #e5e5e5;
border-radius: 14px;
padding: 0 20px;
font-size: 15px;
transition: 0.3s;
background: #fff;
}
@media only screen and (max-width: 991px) {
.form-inner {
padding: 40px 30px;
}
.info-box {
padding: 40px 30px;
}
.sec-title h2 {
font-size: 38px;
line-height: 48px;
}
}
@media only screen and (max-width: 767px) {
.contact-wrapper {
border-radius: 20px;
}
.form-inner,
.info-box {
padding: 30px 20px;
}
.sec-title h2 {
font-size: 30px;
line-height: 42px;
}
.single-item {
flex-direction: column;
gap: 15px;
}
.theme-btn.btn-one {
width: 100%;
}
}
</style>
<section class="google-map pb_80">
<div class="large-container">
<div class="inner-container">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d55945.16225505631!2d-73.90847969206546!3d40.66490264739892!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sbd!4v1601263396347!5m2!1sen!2sbd" width="100%" height="500" frameborder="0" style="border:0; width: 100%" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</div>
</div>
</section>
<section class="highlights-section alternat-2">
<div class="large-container">
<div class="inner-container clearfix">
<div class="shape" style="background-image: url(assets/images/shape/shape-10.png);"></div>
<div class="highlights-block-one">
<div class="inner-box">
<div class="icon-box"><img src="assets/images/icons/icon-20.png" alt=""></div>
<h5>Same day Product Delivery</h5>
</div>
</div>
<div class="highlights-block-one">
<div class="inner-box">
<div class="icon-box"><img src="assets/images/icons/icon-21.png" alt=""></div>
<h5>100% Customer Satisfaction</h5>
</div>
</div>
<div class="highlights-block-one">
<div class="inner-box">
<div class="icon-box"><img src="assets/images/icons/icon-22.png" alt=""></div>
<h5>Help and access is our mission</h5>
</div>
</div>
<div class="highlights-block-one">
<div class="inner-box">
<div class="icon-box"><img src="assets/images/icons/icon-23.png" alt=""></div>
<h5>100% quality Car Accessories</h5>
</div>
</div>
<div class="highlights-block-one">
<div class="inner-box">
<div class="icon-box"><img src="assets/images/icons/icon-24.png" alt=""></div>
<h5>24/7 Support for Clients</h5>
</div>
</div>
</div>
</div>
</section>
<?php include('footer.php'); ?>