<head>
<link rel="stylesheet" href="/static/CSS/OurSpaces.css">
</head>
<body class="body">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" ></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script>
<header>
<h1>{% block titleBlock%} {%endblock%}</h1>
</header>
<div id = "ImageBox"class="ImageBox">
<img src="{% block imageBlock%}{%endblock%}"width="770" height="570" style="border:3;" class="img-rounded" allowfullscreen="" loading="lazy">
</div>
<div id= "DescriptionBox" class="DescriptionBox">
<h2>About us</h2>
<h3>{% block descriptionBlock%} {%endblock%}</h3>
</div>
<div id= "AddImageBox"class="AddImageBox">
<img src="{% block addimageBlock%}{%endblock%}"width="770" height="570" style="border:3;" class="img-rounded" allowfullscreen="" loading="lazy">
</div>
<div id= "AddressBox"class="AddressBox">
{% block addressBlock%}
{%endblock%}
</div>
<div id= "timesBox"class="timesBox">
<h2>When are we Open?</h2>
<h3>{% block timeBlock%} {%endblock%}</h3>
</div>
<div id= "WebsiteBox"class="WebsiteBox">
<h2><a href="{% block WebsiteBlock%}{%endblock%}">Get More Info here</a><h2>
<h3></h3>
</div>
</body>