{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        FindBed.xyz ทำเพื่อช่วยเหลือในการหาเตียงสำหรับผู้ป่วย COVID19
    </title>
    <meta name="description" content="FindBed.xyz ทำเพื่อช่วยเหลือในการหาเตียงสำหรับผู้ป่วย COVID19">
     <!-- Include meta tag to ensure proper rendering and touch zooming -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  <!--
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> -->

  <!-- Include the jQuery library -->
  <!--
  <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> -->
  <script src="{% static "bower_components/jQuery/dist/jquery.min.js" %}"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<!-- 
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script> -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">

  <link href="https://fonts.googleapis.com/css?family=Playfair+Display:700,900" rel="stylesheet">
{% block header %}
{% endblock %}
    <link href="{% static "front/css/blog.css" %}" rel="stylesheet">
    <link href="{% static "bower_components/components-font-awesome/css/all.css" %}" rel="stylesheet">
<script type='text/javascript' src="{% static "js/main.js" %}"></script>
{% if store %}
{% autoescape off %}
    <script type='text/javascript'>
        {{ store.code.jsCode }}        
    </script>
    <style>
        {{ store.code.cssCode }}        
    </style>
    {{ store.code.pluginCode }}
{% endautoescape %}
{% endif %}
{% block header_script %}
{% endblock %}
</head>

<body>
	<div class="container">
		{% include "front/_menu.html" %}
		{% block top_slide %}	
		{% endblock %}  
	</div>
	<main role="main" class="container">
        {% include "_messages.html" %}
		{% block content %}
		{% endblock %}
	</main><!-- /.container -->
	<footer class="blog-footer container">
      <hr>
		<p>Blog template built for <a href="https://getbootstrap.com/">Bootstrap</a> by <a href="https://twitter.com/mdo">@mdo</a>.</p>
		<p>
		<a href="#">Back to top</a>
		</p>
	</footer>


<script src="{% static "bower_components/holderjs/holder.min.js" %}"></script>
<!-- 
<script src="{% static "bower_components/popper.js/src/popper.js" %}"></script> -->

    <!--
     The `defer` attribute causes the callback to execute after the full HTML
     document has been parsed. For non-blocking uses, avoiding race conditions,
     and consistent behavior across browsers, consider loading using Promises
     with https://www.npmjs.com/package/@googlemaps/js-api-loader.
    -->
    <script
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAR9ZPbOmfQchxZZn4l71Cxhdet5Ye1DNw&callback=initMap&v=weekly"
      defer
    ></script>
    {% block foot_script %}
    {% endblock %}
</body>
</html>
