149 lines
7.7 KiB
HTML
149 lines
7.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="{{ get_current_language() }}">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="{{ t('Professional business website with modern design and excellent service') }}">
|
|
<meta name="keywords" content="{{ t('business, services, professional, quality') }}">
|
|
<meta name="author" content="{{ t('Your Business Name') }}">
|
|
|
|
<!-- Open Graph / Facebook -->
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:url" content="{{ request.url }}">
|
|
<meta property="og:title" content="{{ t('Your Business Name') }} - {{ t('Professional Services') }}">
|
|
<meta property="og:description" content="{{ t('Professional business website with modern design and excellent service') }}">
|
|
<meta property="og:image" content="{{ url_for('static', filename='images/og-image.jpg') }}">
|
|
|
|
<!-- Twitter -->
|
|
<meta property="twitter:card" content="summary_large_image">
|
|
<meta property="twitter:url" content="{{ request.url }}">
|
|
<meta property="twitter:title" content="{{ t('Your Business Name') }} - {{ t('Professional Services') }}">
|
|
<meta property="twitter:description" content="{{ t('Professional business website with modern design and excellent service') }}">
|
|
<meta property="twitter:image" content="{{ url_for('static', filename='images/og-image.jpg') }}">
|
|
|
|
<title>{% block title %}{{ t('Your Business Name') }}{% endblock %}</title>
|
|
|
|
<!-- Bootstrap 5 CSS -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<!-- Bootstrap Icons -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css" rel="stylesheet">
|
|
<!-- Custom CSS -->
|
|
<link href="{{ get_asset_url('main.css', 'css') }}" rel="stylesheet">
|
|
|
|
<!-- Favicon -->
|
|
<link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='images/favicon.ico') }}">
|
|
|
|
{% block extra_head %}{% endblock %}
|
|
</head>
|
|
<body>
|
|
<!-- Navigation -->
|
|
<nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm fixed-top">
|
|
<div class="container">
|
|
<a class="navbar-brand fw-bold" href="{{ url_for('index') }}">
|
|
<i class="bi bi-building me-2"></i>
|
|
{{ t('Your Business Name') }}
|
|
</a>
|
|
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav me-auto">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ url_for('index') }}">{{ t('Home') }}</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ url_for('services') }}">{{ t('Services') }}</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ url_for('about') }}">{{ t('About') }}</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ url_for('contact') }}">{{ t('Contact') }}</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- Language Selector -->
|
|
<div class="navbar-nav">
|
|
<div class="dropdown">
|
|
<button class="btn btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown">
|
|
<i class="bi bi-globe"></i>
|
|
{{ get_current_language().upper() }}
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="{{ url_for('set_language_route', lang='en') }}">🇺🇸 English</a></li>
|
|
<li><a class="dropdown-item" href="{{ url_for('set_language_route', lang='de') }}">🇩🇪 Deutsch</a></li>
|
|
<li><a class="dropdown-item" href="{{ url_for('set_language_route', lang='fr') }}">🇫🇷 Français</a></li>
|
|
<li><a class="dropdown-item" href="{{ url_for('set_language_route', lang='nl') }}">🇳🇱 Nederlands</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Main Content -->
|
|
<main class="pt-5">
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
<footer class="bg-dark text-light py-5 mt-5">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-4 mb-4">
|
|
<h5 class="mb-3">{{ t('Your Business Name') }}</h5>
|
|
<p class="text-muted">{{ t('Professional services with quality and reliability. We are committed to delivering excellence in everything we do.') }}</p>
|
|
<div class="social-links">
|
|
<a href="#" class="text-light me-3"><i class="bi bi-facebook"></i></a>
|
|
<a href="#" class="text-light me-3"><i class="bi bi-twitter"></i></a>
|
|
<a href="#" class="text-light me-3"><i class="bi bi-linkedin"></i></a>
|
|
<a href="#" class="text-light"><i class="bi bi-instagram"></i></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4 mb-4">
|
|
<h5 class="mb-3">{{ t('Quick Links') }}</h5>
|
|
<ul class="list-unstyled">
|
|
<li><a href="{{ url_for('index') }}" class="text-muted text-decoration-none">{{ t('Home') }}</a></li>
|
|
<li><a href="{{ url_for('services') }}" class="text-muted text-decoration-none">{{ t('Services') }}</a></li>
|
|
<li><a href="{{ url_for('about') }}" class="text-muted text-decoration-none">{{ t('About') }}</a></li>
|
|
<li><a href="{{ url_for('contact') }}" class="text-muted text-decoration-none">{{ t('Contact') }}</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-lg-4 mb-4">
|
|
<h5 class="mb-3">{{ t('Contact Info') }}</h5>
|
|
<ul class="list-unstyled text-muted">
|
|
<li><i class="bi bi-geo-alt me-2"></i>{{ t('123 Business Street, City, Country') }}</li>
|
|
<li><i class="bi bi-telephone me-2"></i>+1 234 567 890</li>
|
|
<li><i class="bi bi-envelope me-2"></i>info@yourbusiness.com</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="my-4">
|
|
|
|
<div class="row align-items-center">
|
|
<div class="col-md-6">
|
|
<p class="mb-0 text-muted">© {{ current_year }} {{ t('Your Business Name') }}. {{ t('All rights reserved.') }}</p>
|
|
</div>
|
|
<div class="col-md-6 text-md-end">
|
|
<p class="mb-0 text-muted">
|
|
<a href="#" class="text-muted text-decoration-none me-3">{{ t('Privacy Policy') }}</a>
|
|
<a href="#" class="text-muted text-decoration-none">{{ t('Terms of Service') }}</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Bootstrap 5 JS -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
<!-- Custom JS -->
|
|
<script src="{{ get_asset_url('main.js', 'js') }}"></script>
|
|
|
|
{% block extra_scripts %}{% endblock %}
|
|
</body>
|
|
</html> |