296 lines
14 KiB
HTML
Executable File
296 lines
14 KiB
HTML
Executable File
<!doctype html>
|
|
{% load static %}
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<meta name="description" content="{{seo_settings.meta_description}}">
|
|
{% if request.is_secure %}
|
|
<link rel="canonical" href="https://{{ request.get_host }}">
|
|
{% else %}
|
|
<link rel="canonical" href="http://{{ request.get_host }}">
|
|
{% endif %}
|
|
<meta name="keywords" content="{{seo_settings.seo_keywords}}" />
|
|
{% if request.is_secure %}
|
|
<meta name="publisher" content="https://{{ request.get_host }}">
|
|
{% else %}
|
|
<meta name="publisher" content="http://{{ request.get_host }}">
|
|
{% endif %}
|
|
<meta name="copyright" content="{{header_footer.footer_copyright}}" />
|
|
<meta name="author" content="{{settings.author}}" />
|
|
<meta name="contact" content="{{settings.email_address}}" />
|
|
|
|
<meta name="robots" content="index, follow" />
|
|
<meta name="googlebot" content="index, follow" />
|
|
<meta name="subjects" content="{{settings.name}}" />
|
|
<meta name="classification" content="{{settings.name}}" />
|
|
|
|
<meta itemprop="name" content="{% block title1 %}{% endblock title1 %}">
|
|
<meta itemprop="description" content="{{seo_settings.meta_description}}">
|
|
{% if seo_settings.meta_image %}
|
|
<meta itemprop="image" content="{% if request.is_secure %}https://{{ request.get_host }}{{seo_settings.meta_image.url}}{% else %}http://{{ request.get_host }}{{seo_settings.meta_image.url}}{% endif %}">
|
|
{% endif %}
|
|
|
|
<meta property="og:title" content="{% block title2 %}{% endblock title2 %}" />
|
|
<meta property="og:type" content="{{seo_settings.seo_keywords}}" />
|
|
{% if request.is_secure %}
|
|
<meta property="og:url" content="https://{{ request.get_host }}" />
|
|
{% else %}
|
|
<meta property="og:url" content="http://{{ request.get_host }}" />
|
|
{% endif %}
|
|
{% if seo_settings.meta_image %}
|
|
<meta property="og:image" content="{% if request.is_secure %}https://{{ request.get_host }}{{seo_settings.meta_image.url}}{% else %}http://{{ request.get_host }}{{seo_settings.meta_image.url}}{% endif %}" />
|
|
{% endif %}
|
|
<meta property="og:site_name" content="{{settings.name}}" />
|
|
<meta property="og:description" content="{{seo_settings.meta_description}}" />
|
|
<!-- Favicon -->
|
|
<link rel="shortcut icon" href="{{settings.favicon.url}}" type="image/x-icon">
|
|
<link rel="icon" href="{{settings.favicon.url}}" type="image/x-icon">
|
|
|
|
<link rel="stylesheet" href="{% static 'front/assets/css/bootstrap.css' %}">
|
|
<link rel="stylesheet" href="{% static 'front/assets/css/bootstrap-icons.css' %}">
|
|
<link rel="stylesheet" href="{% static 'front/assets/css/all.min.css' %}">
|
|
<link rel="stylesheet" href="{% static 'front/assets/css/font-awesome.css' %}">
|
|
<link rel="stylesheet" href="{% static 'front/assets/css/swiper-bundle.css' %}">
|
|
<link rel="stylesheet" href="{% static 'front/assets/css/magnific-popup.css' %}">
|
|
<link rel="stylesheet" href="{% static 'front/assets/css/animate.css' %}">
|
|
<link rel="stylesheet" href="{% static 'front/assets/css/style.css' %}">
|
|
<link rel="stylesheet" href="{% static 'front/assets/css/toastr.css' %}">
|
|
<title>{% block title %}{% endblock title %}</title>
|
|
<style>
|
|
.service-ico {
|
|
font-size: 70px !important;
|
|
color: #5da78b;
|
|
}
|
|
</style>
|
|
|
|
{% if settings.facebook_chat_is_active %}
|
|
{{settings.facebook_chat_code|safe}}
|
|
{% endif %}
|
|
|
|
{% if settings.facebook_pixel_code %}
|
|
{{settings.facebook_pixel_code|safe}}
|
|
{% endif %}
|
|
|
|
{% if settings.analytics_code %}
|
|
{% endif %}
|
|
|
|
{% if settings.custom_css %}
|
|
<style>
|
|
{{ settings.custom_css }}
|
|
</style>
|
|
{% endif %}
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<header class="header-area position_top">
|
|
<div class="site-logo">
|
|
<div class="logo">
|
|
<a href="{% url "homePageFront" %}"><img src="{{ settings.logo_light.url }}" alt="image"></a>
|
|
</div>
|
|
</div>
|
|
<div class="main-menu">
|
|
<nav class="main-nav">
|
|
<div class="mobile-menu-logo">
|
|
<a href="{% url "homePageFront" %}"><img src="{{ settings.logo_dark.url }}" alt></a>
|
|
<div class="remove">
|
|
<i class="bi bi-plus-lg"></i>
|
|
</div>
|
|
</div>
|
|
{% if settings.default_menu_is_active %}
|
|
<ul>
|
|
<li class="has-child {% if request.path == '/' %}active{% endif %}">
|
|
<a href="{% url "homePageFront" %}">Home</a>
|
|
</li>
|
|
<li class="has-child {% if request.path == '/about-us/' %}active{% endif %}">
|
|
<a href="{% url "aboutPageFront" %}">About Us</a>
|
|
</li>
|
|
<li class="has-child {% if request.path == '/services/' %}active{% endif %}">
|
|
<a href="{% url "serviceFrontPage" %}">Services</a>
|
|
</li>
|
|
<li class="has-child {% if request.path == '/projects/' %}active{% endif %}">
|
|
<a href="{% url "projectPageFront" %}">Products</a>
|
|
</li>
|
|
</ul>
|
|
{% else %}
|
|
<ul>
|
|
{% for primary_menu in primary_menus %}
|
|
<li class="has-child {% if primary_menu.name == 'Home' %}active{% endif %}">
|
|
<a href="{{ primary_menu.url }}">{{ primary_menu.name }}</a>
|
|
|
|
{% if primary_menu.submenu_set.all %}
|
|
<i class="bi bi-chevron-down"></i>
|
|
<ul class="sub-menu">
|
|
{% for sub_menu in sub_menus %}
|
|
{% if sub_menu.parent_menu == primary_menu %}
|
|
<li><a href="{{ sub_menu.url }}">{{ sub_menu.name }}</a></li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
<div class="get-qoute d-flex justify-content-center d-lg-none d-block pt-50">
|
|
<div class="cmn-btn">
|
|
<div class="line-1"></div>
|
|
<div class="line-2"></div>
|
|
<a href="{{ header_footer.header_button_url }}">{{ header_footer.header_button_text }}</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
<div class="nav-right">
|
|
<div class="mobile-menu">
|
|
<a href="javascript:void(0)" class="cross-btn">
|
|
<span class="cross-top"></span>
|
|
<span class="cross-middle"></span>
|
|
<span class="cross-bottom"></span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
{% block content %}{% endblock content %}
|
|
<!--====================== Footer Section ======================-->
|
|
<!--====================== Wave Section ======================-->
|
|
<footer>
|
|
<div class="footheader">
|
|
<div>
|
|
<svg class="footheaderwaves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
|
|
<defs>
|
|
<path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
|
|
</defs>
|
|
<g class="footheaderparallax">
|
|
<use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(0,0,0,0.7" />
|
|
<use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(0,0,0,0.5)" />
|
|
<use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(0,0,0,0.3)" />
|
|
<use xlink:href="#gentle-wave" x="48" y="7" fill="#191a1c" />
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="footer-top">
|
|
<div class="row">
|
|
<div class="col-md-3 col-lg-3 col-xl-3">
|
|
<div class="footer-widget">
|
|
<div class="footer-logo">
|
|
<a href="{% url "homePageFront" %}"><img src="{{ settings.logo_light.url }}" alt="image"></a>
|
|
</div>
|
|
<p>{{ header_footer.footer_col1_description }}</p>
|
|
<ul class="social-media-icons">
|
|
{% if header_footer.social1_icon %}
|
|
<li><a href="{{ header_footer.social1_link }}"><i class="{{ header_footer.social1_icon }}"></i></a></li>
|
|
{% endif %}
|
|
{% if header_footer.social2_icon %}
|
|
<li><a href="{{ header_footer.social2_link }}"><i class="{{ header_footer.social2_icon }}"></i></a></li>
|
|
{% endif %}
|
|
{% if header_footer.social3_icon %}
|
|
<li><a href="{{ header_footer.social3_link }}"><i class="{{ header_footer.social3_icon }}"></i></a></li>
|
|
{% endif %}
|
|
{% if header_footer.social4_icon %}
|
|
<li><a href="{{ header_footer.social4_link }}"><i class="{{ header_footer.social4_icon }}"></i></a></li>
|
|
{% endif %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-lg-3 col-xl-3">
|
|
<div class="footer-widget">
|
|
<h4>Our Services</h4>
|
|
<ul class="footer-menu">
|
|
{% for service in fservices|slice:":6" %}
|
|
<li><a href="{% url "serviceDetail" service.slug %}">{{ service.name }}</a></li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-lg-3 col-xl-3">
|
|
<div class="footer-widget">
|
|
<h4>Recent Projects</h4>
|
|
<ul class="footer-menu">
|
|
{% for project in fprojects|slice:":6" %}
|
|
<li><a href="{% url "projectDetails" project.slug %}">{{ project.title }}</a></li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-lg-3 col-xl-3">
|
|
<div class="footer-widget">
|
|
<h4>Contacts</h4>
|
|
<div class="number">
|
|
<div class="num-icon">
|
|
<i class="fas fa-phone-alt"></i>
|
|
</div>
|
|
<div class="phone">
|
|
<a href="tel:{{ settings.phone }}">{{ settings.phone }}</a>
|
|
</div>
|
|
</div>
|
|
<div class="office-mail">
|
|
<div class="mail-icon">
|
|
<i class="far fa-envelope"></i>
|
|
</div>
|
|
<div class="email">
|
|
<a href="mailto:{{ settings.email_address }}"><span class="__cf_email__"
|
|
data-cfemail="630a0d050c23061b020e130f064d000c0e">{{ settings.email_address }}</span></a>
|
|
</div>
|
|
</div>
|
|
<div class="address">
|
|
<div class="address-icon">
|
|
<i class="fas fa-map-marker-alt"></i>
|
|
</div>
|
|
<p>{{settings.address}}, {{settings.city}}-{{settings.postal}}, {{settings.state}}, {{settings.country}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<div class="row align-items-center">
|
|
<div class="col-12 col-md-4 col-lg-4 col-xl-5">
|
|
<div class="copy-txt">
|
|
<span>{{ header_footer.footer_copyright|safe }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
</main>
|
|
|
|
{% if settings.magic_cursor_is_active %}
|
|
<div class="cursor"></div>
|
|
{% endif %}
|
|
|
|
<div id="progress">
|
|
<span id="progress-value"><i class="fas fa-arrow-up"></i></span>
|
|
</div>
|
|
<script src="{% static 'front/assets/js/jquery.js' %}"></script>
|
|
<script src="{% static 'front/assets/js/popper.js' %}"></script>
|
|
<script src="{% static 'front/assets/js/bootstrap.js' %}"></script>
|
|
<script src="{% static 'front/assets/js/swiper-bundle.js' %}"></script>
|
|
<script src="{% static 'front/assets/js/waypoints.js' %}"></script>
|
|
<script src="{% static 'front/assets/js/jquery.counterup.js' %}"></script>
|
|
<script src="{% static 'front/assets/js/isotope.pkgd.js' %}"></script>
|
|
<script src="{% static 'front/assets/js/jquery.magnific-popup.js' %}"></script>
|
|
<script src="{% static 'front/assets/js/wow.js' %}"></script>
|
|
<script src="{% static 'front/assets/js/particles.js' %}"></script>
|
|
<script src="{% static 'front/assets/js/app.js' %}"></script>
|
|
<script src="{% static 'front/assets/js/custom.js' %}"></script>
|
|
<script src="{% static 'front/assets/js/toastr.js' %}"></script>
|
|
{% if settings.custom_js %}
|
|
<script>
|
|
{{ settings.custom_js }}
|
|
</script>
|
|
{% endif %}
|
|
</body>
|
|
|
|
</html> |