| 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/index.html |
{% extends 'base.html' %}
{% block title %}Bosmar Trans - {{ _('Human Focused Digital Forwarding') }}{% endblock %}
{% block extra_js %}
<!-- Schema.org structured data for Homepage -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"name": "Bosmar Trans - {{ _('Human Focused Digital Forwarding') }}",
"description": "{{ _('Bosmar Trans offers comprehensive international logistics and transportation solutions. With 30 years of experience, we provide sea, air, and land transportation services globally.') }}",
"url": "https://bosmar.com{{ request.path }}",
"image": "https://bosmar.com{{ url_for('static', filename='images/logo.png') }}",
"primaryImageOfPage": {
"@type": "ImageObject",
"contentUrl": "https://bosmar.com{{ url_for('static', filename='images/slider/slider1.jpg') }}"
},
"speakable": {
"@type": "SpeakableSpecification",
"cssSelector": ["#services", ".global-service"]
},
"mainEntity": {
"@type": "Organization",
"name": "Bosmar Trans",
"url": "https://bosmar.com"
}
}
</script>
{% endblock %}
{% block content %}
<!-- Hero Section with Slider -->
<section class="hero-slider">
<div id="heroCarousel" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="{{ url_for('static', filename='images/slider/slider1.jpg') }}" class="d-block w-100" alt="Slide 1">
<div class="carousel-caption">
<div class="hero-content">
<p class="hero-subtitle">{{ _('ELITE BOUTIQUE SERVICES') }}</p>
<h1 class="hero-title">{{ _('@HUMAN') }} <br>{{ _('FOCUSED DIGITAL') }} <br>{{ _('FORWARDING') }}</h1>
<a href="#services" class="btn btn-secondary">{{ _('OUR SERVICES') }}</a>
</div>
</div>
</div>
<div class="carousel-item">
<img src="{{ url_for('static', filename='images/slider/slider2.jpeg') }}" class="d-block w-100" alt="Slide 2">
<div class="carousel-caption">
<div class="hero-content">
<p class="hero-subtitle">{{ _('ELITE BOUTIQUE SERVICES') }}</p>
<h2 class="hero-title">{{ _('@HUMAN') }} <br>{{ _('FOCUSED DIGITAL') }} <br>{{ _('FORWARDING') }}</h2>
<a href="#services" class="btn btn-secondary">{{ _('OUR SERVICES') }}</a>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#heroCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#heroCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
<!-- 30 Years Anniversary Badge -->
<img src="{{ url_for('static', filename='images/30years-badge.svg') }}" alt="30 Years Anniversary" class="anniversary-badge">
</div>
</section>
<!-- Services Section -->
<section id="services" class="services-section">
<div class="container">
<div class="text-center mb-5">
<h2 class="section-title">{{ _('OUR SERVICES') }}</h2>
<p class="section-subtitle">{{ _('Comprehensive logistics solutions for your business needs') }}</p>
</div>
<div class="row">
{% for service in services %}
<div class="col-lg-4 col-md-6">
<div class="service-card">
<img src="{{ service.thumbnail }}" alt="{{ service.title }}" class="service-img">
<div class="service-content">
<h3 class="service-title">{{ service.title }}</h3>
<p class="service-description">{{ service.description }}</p>
<a href="{{ url_for('service_detail', service_id=service.id) }}" class="btn btn-outline-primary">{{ _('READ MORE') }} »</a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</section>
<!-- Quick Services -->
<section class="quick-services">
<div class="container">
<div class="text-center mb-5">
<h2 class="qs-title">{{ _('FAST AND EFFECTIVE LOGISTICS SOLUTIONS!') }}</h2>
<p>{{ _('We offer the fastest and most effective solutions for all your logistics needs, delivering the best service at affordable prices!') }}</p>
</div>
<div class="row">
{% for qs in quick_services %}
<div class="col-lg-3 col-md-6 mb-4">
<div class="quick-service-card">
<i class="fas fa-{{ qs.icon }}"></i>
<h4>{{ qs.title }}</h4>
<p>{{ qs.description }}</p>
</div>
</div>
{% endfor %}
</div>
<div class="text-center mt-4">
<a href="{{ url_for('service_list') }}" class="btn btn-primary">{{ _('OUR SERVICES') }}</a>
</div>
</div>
</section>
<!-- World Map Section -->
<section class="world-map">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="map-container">
<img src="{{ url_for('static', filename='images/global-logistics-map.png') }}" alt="Global Logistics Network" class="img-fluid" style="width: 100%; height: 100%; object-fit: cover;">
</div>
</div>
<div class="col-md-6">
<div class="global-service">
<h3>{{ _('GLOBAL PERSPECTIVE, BOUTIQUE SERVICE') }}</h3>
<p>{{ _('Our global network allows us to provide comprehensive solutions to every logistics challenge, with a personalized touch that large corporations simply cannot match. Through our dedicated partner network spanning over 140 countries, we can deliver the highest quality service to even the most remote destinations.') }}</p>
<p>{{ _('We combine decades of experience, deep industry knowledge, and cutting-edge technology to create customized logistics solutions that perfectly match your requirements.') }}</p>
</div>
<div class="quote-box">
<p>{{ _('Bosmar Trans is constantly evolving to meet the changing demands of the global market. We monitor international developments closely, analyze market conditions regularly, and always strive to provide services that strengthen your competitive position in every aspect.') }}</p>
</div>
</div>
</div>
</div>
</section>
<!-- News Section -->
<section class="news-section">
<div class="container">
<div class="text-center mb-5">
<h2 class="news-title">{{ _('LATEST NEWS') }}</h2>
</div>
<div class="row">
{% for article in news %}
<div class="col-lg-4 col-md-6 mb-4">
<div class="card news-card">
<div class="position-relative">
<img src="{{ article.thumbnail }}" alt="{{ article.title }}" class="card-img-top news-img">
<div class="news-date">{{ article.date }}</div>
</div>
<div class="card-body news-content">
<h4>{{ article.title }}</h4>
<p>{{ article.content|truncate(100) }}</p>
<a href="{{ url_for('news_detail', news_id=article.id) }}" class="btn btn-link text-primary p-0">{{ _('Read More') }}</a>
</div>
</div>
</div>
{% endfor %}
</div>
<div class="text-center mt-4">
<a href="{{ url_for('news') }}" class="btn btn-outline-primary">{{ _('VIEW ALL NEWS') }}</a>
</div>
</div>
</section>
<!-- Cargo Tracking Section -->
<section class="cargo-tracking">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="d-flex align-items-center justify-content-center mb-4">
<img src="{{ url_for('static', filename='images/tracking-icon.svg') }}" alt="Cargo Tracking" class="me-3" style="width: 80px;">
<h2 class="tracking-title mb-0">{{ _('CARGO TRACKING') }}</h2>
</div>
<p class="tracking-info">{{ _('You can track your shipment here with a valid tracking number') }}</p>
<a href="https://crm.bosmar.com/" class="login-btn">{{ _('LOGIN') }}</a>
</div>
</div>
</div>
</section>
<!-- Support Banner -->
<section class="support-banner">
<div class="container">
<div class="row align-items-center">
<div class="col-md-8">
<h4>{{ _('DO YOU HAVE A QUESTION ABOUT OUR SERVICES?') }}</h4>
<p class="mb-md-0">{{ _('Not just as a partner, but as a trusted logistics solution you can reach anytime, Bosmar Trans is always at your service.') }}</p>
</div>
<div class="col-md-4 text-md-end">
<a href="{{ url_for('contact') }}" class="contact-btn">{{ _('CONTACT US') }}</a>
</div>
</div>
</div>
</section>
{% endblock %}