{% extends 'bootstrap/base.html' %}
{% import 'bootstrap/wtf.html' as wtf %}
<!DOCTYPE html>
<html lang="en">
  {% block title %}{% endblock %}
  {%block head %}
  {{ super() }}
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description"
          content="{% block meta_description %}{% endblock %}">
    <link
      rel="stylesheet"
      href="{{ url_for('static', filename='styles/vendor/bootstrap.min.css') }}">
    <link
      rel="stylesheet"
      href="{{ url_for('static', filename='styles/main.css') }}">
    <link
      rel="stylesheet"
      href="{{ url_for('static', filename='styles/vendor/font-awesome.min.css') }}">
    <script src="https://code.jquery.com/jquery-1.12.2.min.js"
            integrity="sha256-lZFHibXzMHo3GGeehn1hudTAP3Sc0uKXBXAzHX1sjtk="
            crossorigin="anonymous"></script>
  {% endblock %}
  
  {% block basecontent %}
  {{ super() }}
    <!-- Navbar Start -->
    <div class="container-fluid nav-bar p-0">
      <div class="container-lg p-0">
          <nav class="navbar navbar-expand-lg bg-secondary navbar-dark">
              <a href="{{url_for('page.home')}}" class="navbar-brand">
                  <h1 class="m-0 text-white display-4"><span class="text-primary">HTTP_509</h1>
              </a>
              <div class="collapse navbar-collapse justify-content-between" id="navbarCollapse">
                  <div class="navbar-nav ml-auto py-0">
                      <a href="{{url_for('page.home')}}" class="nav-item nav-link active">Home</a>
                      <a href="{{url_for('page.service')}}" class="nav-item nav-link">Services</a>
                  </div>
              </div>
          </nav>
      </div>
  </div>
  <!-- Navbar End -->
  {% block content %}{% endblock %}

    <!-- Footer Start -->
    <div class="container-fluid py-4 px-sm-3 px-md-5">
        <p class="m-0 text-center">
            &copy; <a class="font-weight-semi-bold" href="#">HTTP_509</a>. All Rights Reserved. Designed by
            <a class="font-weight-semi-bold" href="https://htmlcodex.com">HTML Codex</a>
        </p>
    </div>
    <!-- Footer End -->


    <!-- Back to Top -->
    <a href="#" class="btn btn-lg btn-primary back-to-top"><i class="fa fa-angle-up"></i></a>


    <!-- JavaScript Libraries -->
    <script
      src="{{ url_for('static', filename='scripts/vendor/bootstrap.min.js') }}">
    </script>
    {% endblock %}
