| Path : /var/www/html/bosmar/TransportLogistics/templates/ |
|
B-Con CMD Config cPanel C-Rdp D-Log Info Jump Mass Ransom Symlink vHost Zone-H |
| Current File : /var/www/html/bosmar/TransportLogistics/templates/contact.html |
{% extends 'base.html' %}
{% block title %}{{ _('Contact Us') }} - Bosmar Trans{% endblock %}
{% block content %}
<!-- Page Header -->
<div class="container my-5">
<div class="row">
<div class="col-12 text-center">
<h1 class="display-4 text-primary">{{ _('CONTACT US') }}</h1>
<nav aria-label="breadcrumb">
<ol class="breadcrumb justify-content-center">
<li class="breadcrumb-item"><a href="{{ url_for('index') }}">{{ _('Home') }}</a></li>
<li class="breadcrumb-item active" aria-current="page">{{ _('Contact') }}</li>
</ol>
</nav>
</div>
</div>
</div>
<!-- Contact Information -->
<section class="contact-section py-5">
<div class="container">
<div class="row">
<div class="col-lg-6 mb-5 mb-lg-0">
<h2 class="text-primary mb-4">{{ _('GET IN TOUCH WITH US') }}</h2>
<p class="mb-4">{{ _('Whether you have a question about our services, need a quote, or want to discuss your logistics needs, our team is ready to assist you.') }}</p>
<div class="contact-info d-flex align-items-center mb-4">
<i class="fas fa-map-marker-alt"></i>
<div class="ms-3">
<h5>{{ _('Head Office') }}</h5>
<p class="mb-0">Altayçeşme Mahallesi Çamlı Sokak No:16 Dap Royal Center, A Blok, Kat: 1, No: 3 Maltepe / İstanbul – Turkey</p>
</div>
</div>
<div class="contact-info d-flex align-items-center mb-4">
<i class="fas fa-phone-alt"></i>
<div class="ms-3">
<h5>{{ _('Phone') }}</h5>
<p class="mb-0">+90 216 326 25 63, +90 216 325 79 86</p>
</div>
</div>
<div class="contact-info d-flex align-items-center mb-4">
<i class="fas fa-fax"></i>
<div class="ms-3">
<h5>{{ _('Fax') }}</h5>
<p class="mb-0">+90 216 326 97 82</p>
</div>
</div>
<div class="contact-info d-flex align-items-center mb-4">
<i class="fas fa-envelope"></i>
<div class="ms-3">
<h5>{{ _('Email') }}</h5>
<p class="mb-0">info@bosmar.com</p>
</div>
</div>
<div class="contact-info d-flex align-items-center">
<i class="fas fa-clock"></i>
<div class="ms-3">
<h5>{{ _('Working Hours') }}</h5>
<p class="mb-0">{{ _('Monday to Friday: 9:00 AM - 6:00 PM') }}<br>{{ _('Saturday: 9:00 AM - 1:00 PM') }}</p>
</div>
</div>
<div class="mt-5">
<h5 class="text-primary mb-3">{{ _('Follow Us') }}</h5>
<div class="social-links">
<a href="https://www.facebook.com/bosmartrans" target="_blank" class="me-3 fs-5"><i class="fab fa-facebook-f"></i></a>
<a href="https://x.com/bosmartrans" target="_blank" class="me-3 fs-5"><i class="fab fa-twitter"></i></a>
<a href="https://www.linkedin.com/company/bosmar-trans-int'l-shipping-&-forwarding/posts/?feedView=all" target="_blank" class="me-3 fs-5"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/@FORNetworkClub" target="_blank" class="me-3 fs-5"><i class="fab fa-youtube"></i></a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="contact-form">
<h3 class="mb-4">{{ _('Send Us a Message') }}</h3>
{% if get_flashed_messages() %}
<div class="alert alert-success">
{% for message in get_flashed_messages() %}
{{ message }}
{% endfor %}
</div>
{% endif %}
<form id="contactForm" action="{{ url_for('contact') }}" method="post">
{{ form.csrf_token }}
<div class="mb-3">
<label for="name" class="form-label">{{ _('Your Name') }} *</label>
{{ form.name(class="form-control", id="name", placeholder=_('Your Name')) }}
{% if form.name.errors %}
<div class="invalid-feedback d-block">
{% for error in form.name.errors %}
{{ error }}
{% endfor %}
</div>
{% endif %}
</div>
<div class="mb-3">
<label for="email" class="form-label">{{ _('Email Address') }} *</label>
{{ form.email(class="form-control", id="email", placeholder=_('Your Email')) }}
{% if form.email.errors %}
<div class="invalid-feedback d-block">
{% for error in form.email.errors %}
{{ error }}
{% endfor %}
</div>
{% endif %}
</div>
<div class="mb-3">
<label for="phone" class="form-label">{{ _('Phone Number') }}</label>
{{ form.phone(class="form-control", id="phone", placeholder=_('Your Phone')) }}
</div>
<div class="mb-3">
<label for="company" class="form-label">{{ _('Company Name') }}</label>
{{ form.company(class="form-control", id="company", placeholder=_('Your Company')) }}
</div>
<div class="mb-3">
<label for="subject" class="form-label">{{ _('Subject') }} *</label>
{{ form.subject(class="form-control", id="subject", placeholder=_('Message Subject')) }}
{% if form.subject.errors %}
<div class="invalid-feedback d-block">
{% for error in form.subject.errors %}
{{ error }}
{% endfor %}
</div>
{% endif %}
</div>
<div class="mb-3">
<label for="message" class="form-label">{{ _('Your Message') }} *</label>
{{ form.message(class="form-control", id="message", rows="5", placeholder=_('Your Message')) }}
{% if form.message.errors %}
<div class="invalid-feedback d-block">
{% for error in form.message.errors %}
{{ error }}
{% endfor %}
</div>
{% endif %}
</div>
<div class="mb-3 form-check">
{{ form.privacy(class="form-check-input", id="privacy") }}
<label class="form-check-label" for="privacy">{{ _('I have read and accept the privacy policy') }} *</label>
{% if form.privacy.errors %}
<div class="invalid-feedback d-block">
{% for error in form.privacy.errors %}
{{ error }}
{% endfor %}
</div>
{% endif %}
</div>
<div class="mb-4">
{{ form.recaptcha }}
{% if form.recaptcha.errors %}
<div class="invalid-feedback d-block">
{% for error in form.recaptcha.errors %}
{{ error }}
{% endfor %}
</div>
{% endif %}
</div>
<button type="submit" class="btn btn-primary">{{ _('Send Message') }}</button>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- Map Section -->
<section class="py-5 bg-light">
<div class="container">
<div class="row">
<div class="col-12 text-center mb-4">
<h2 class="text-primary">{{ _('OUR LOCATION') }}</h2>
<p>{{ _('Visit our headquarters in Istanbul') }}</p>
</div>
<div class="col-12">
<div class="map-container ratio ratio-16x9">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4246.402105800647!2d29.131992562601585!3d40.93586812124134!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14cac69ec104a31b%3A0xbb893e30c884cfdc!2sDap%20Royal%20Center!5e1!3m2!1str!2str!4v1743144324744!5m2!1str!2str" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</div>
</section>
<!-- Our Offices -->
<section class="py-5">
<div class="container">
<div class="row">
<div class="col-12 text-center mb-5">
<h2 class="text-primary">{{ _('OUR OFFICES') }}</h2>
<p>{{ _('Visit our company offices') }}</p>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100 bg-light">
<div class="card-body text-center p-4">
<h4 class="card-title mb-3">{{ _('HEAD OFFICE') }}</h4>
<p>Altayçeşme Mahallesi Çamlı Sokak No:16<br>
Dap Royal Center,<br>
A Blok, Kat: 1,<br>
No: 3 Maltepe / İstanbul - Turkey</p>
<div class="mt-3">
<p class="mb-1"><strong>{{ _('Call:') }}</strong> +90 216 326 25 63, +90 216 325 79 86</p>
<p class="mb-0"><strong>{{ _('Email:') }}</strong> info@bosmar.com</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100 bg-light">
<div class="card-body text-center p-4">
<h4 class="card-title mb-3">{{ _('SHENZHEN OFFICE') }}</h4>
<p>Bosmar Trans Shenzhen Ltd.<br>
8A06, Jueshi Building 4018 Jiabin Road, Luohu District -<br>
Shenzhen/ China 5180014</p>
<div class="mt-3">
<p class="mb-1"><strong>{{ _('Web:') }}</strong> www.bosmar.cn</p>
<p class="mb-1"><strong>{{ _('Call:') }}</strong> +86-755-82499245 pbx</p>
<p class="mb-0"><strong>{{ _('Email:') }}</strong> Cherry@bosmar.cn</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- FAQ Section -->
<section class="py-5">
<div class="container">
<div class="row">
<div class="col-12 text-center mb-5">
<h2 class="text-primary">{{ _('FREQUENTLY ASKED QUESTIONS') }}</h2>
<p>{{ _('Quick answers to common inquiries') }}</p>
</div>
<div class="col-lg-6 mb-4">
<div class="accordion" id="faqAccordion1">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
{{ _('How do I get a freight quote?') }}
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#faqAccordion1">
<div class="accordion-body">
{{ _('You can request a freight quote by filling out our contact form, sending an email to info@bosmar.com, or calling our customer service team. Please provide details about your shipment including origin, destination, cargo type, dimensions, and weight for an accurate quote.') }}
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
{{ _('What documents do I need for international shipping?') }}
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#faqAccordion1">
<div class="accordion-body">
{{ _('Required documents typically include a commercial invoice, packing list, bill of lading or airway bill, certificate of origin, and any export/import permits or licenses specific to your cargo type and destination country. Our customs clearance team can provide guidance based on your specific shipment.') }}
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
{{ _('How can I track my shipment?') }}
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#faqAccordion1">
<div class="accordion-body">
{{ _('You can track your shipment through our Cargo Tracking system accessible from our website\'s homepage. Enter your tracking number to get real-time updates on your shipment\'s status and location. Alternatively, you can contact your assigned logistics coordinator for updates.') }}
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mb-4">
<div class="accordion" id="faqAccordion2">
<div class="accordion-item">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
{{ _('What are your payment terms?') }}
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#faqAccordion2">
<div class="accordion-body">
{{ _('Our standard payment terms are net 30 days from the invoice date for established clients with credit accounts. For new clients, we may require payment in advance for initial shipments. We accept bank transfers, credit cards, and other payment methods. Please contact our finance department for detailed information.') }}
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFive">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
{{ _('Do you offer cargo insurance?') }}
</button>
</h2>
<div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#faqAccordion2">
<div class="accordion-body">
{{ _('Yes, we offer comprehensive cargo insurance options to protect your shipments against loss or damage during transit. Insurance coverage can be tailored to your specific needs and cargo value. We recommend insuring all high-value shipments for full protection.') }}
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingSix">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
{{ _('Can you handle special cargo requirements?') }}
</button>
</h2>
<div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix" data-bs-parent="#faqAccordion2">
<div class="accordion-body">
{{ _('Yes, we specialize in handling various special cargo requirements including oversized cargo, hazardous materials, temperature-controlled shipments, and high-value goods. Our team has extensive experience in managing specialized logistics projects and can develop customized solutions for your unique requirements.') }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Call to Action -->
<section class="py-5 bg-primary text-white">
<div class="container text-center">
<h2 class="mb-4">{{ _('READY TO WORK WITH A RELIABLE LOGISTICS PARTNER?') }}</h2>
<p class="lead mb-4">{{ _('Our team is standing by to help with your logistics needs.') }}</p>
<div class="row justify-content-center">
<div class="col-md-4 mb-3 mb-md-0">
<div class="d-grid">
<a href="tel:+902163262563" class="btn btn-lg btn-light">
<i class="fas fa-phone-alt me-2"></i> {{ _('Call Us') }}
</a>
</div>
</div>
<div class="col-md-4">
<div class="d-grid">
<a href="mailto:info@bosmar.com" class="btn btn-lg btn-secondary">
<i class="fas fa-envelope me-2"></i> {{ _('Email Us') }}
</a>
</div>
</div>
</div>
</div>
</section>
{% endblock %}