diff --git a/static/CSS/OurSpaces.css b/static/CSS/OurSpaces.css
index 5f6cb74365bdce3871e0c9090d9cec61c8565611..9ba04b852cfc40f3680ca8b103a8b05980f7634f 100644
--- a/static/CSS/OurSpaces.css
+++ b/static/CSS/OurSpaces.css
@@ -1,40 +1,78 @@
header{
background-color: black;
display: block;
- color: black;
margin-left: auto;
- margin-right: inherit;
+ margin-right: auto;
width: 100%;
- height: 75%;
+ height: 10%;
float: center;
text-align: center;
-margin: auto;
+ margin: auto;
+ color: white;
}
body{
- background-color: #212529;
+
font-family: 'Sora', sans-serif;
}
#ImageBox{
- border: 2px solid #0b634d;
+ border-radius: 7px;
+ width: 810px;
+ height: 610px;
+ border: 15px solid Black ;
padding: 5px;
- width: 400px;
- height: 300px;
- text-align: center;
- margin: auto;
- float: center;
- background-color:red;
+ margin: 20px;
+ float: right;
+
+}
+#AddImageBox{
+ border-radius: 7px;
+ width: 810px;
+ height: 610px;
+ border: 15px solid Black ;
+ padding: 5px;
+ margin: 20px;
+ float: Left;
}
-.DescriptionBox{
- border: 2px solid #0b634d;
+#DescriptionBox{
+ border-radius: 7px;
+ width: 640px;
+ height: 490px;
+ border: 15px solid Black ;
padding: 5px;
- width: 400px;
- height: 300px;
- text-align: center;
- margin: auto;
- float: center;
- background-color:red;
+ margin: 20px;
+ float: left;
+
+}
+
+#AddressBox{
+ border-radius: 7px;
+ width: 640px;
+ height: 630px;
+ border: 15px solid Black ;
+ padding: 5px;
+ margin: 20px;
+ float: Right;
+}
+
+#timesBox{
+ border-radius: 7px;
+ width: 480px;
+ height: 120px;
+ border: 15px solid Black ;
+ padding: 5px;
+ margin: 20px;
+ float: left;
+}
+#WebsiteBox{
+ border-radius: 7px;
+ width: 320px;
+ height: 80px;
+ border: 15px solid Black ;
+ padding: 5px;
+ margin: 20px;
+ float: right;
}
diff --git a/templates/OurSpaces.html b/templates/OurSpaces.html
index 2a90e17d5dcc7d42cb238f2ab41d5f1db3444785..9beece50aa357def580f7bc53f3215b05c658dda 100644
--- a/templates/OurSpaces.html
+++ b/templates/OurSpaces.html
@@ -1,5 +1,5 @@
<head>
-<link rel="stylesheet" href="static/CSS/OurSpaces.css">
+<link rel="stylesheet" href="/static/CSS/OurSpaces.css">
</head>
<body class="body">
@@ -11,31 +11,30 @@
</header>
<div id = "ImageBox"class="ImageBox">
- <img src="{% block imageBlock%}{%endblock%}"width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
+ <img src="{% block imageBlock%}{%endblock%}"width="770" height="570" style="border:3;" class="img-rounded" allowfullscreen="" loading="lazy">
</div>
-<div class="DescriptionBox">
+<div id= "DescriptionBox" class="DescriptionBox">
<h2>About us</h2>
<h3>{% block descriptionBlock%} {%endblock%}</h3>
</div>
-<div class="AddressBox">
-<h2>Address info</h2>
-{% block addressBlock%}
-{%endblock%}
+<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 class="AddImageBox">
- <img src="{% block addimageBlock%}{%endblock%}"width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
+<div id= "AddressBox"class="AddressBox">
+{% block addressBlock%}
+{%endblock%}
</div>
-<div class="timesBox">
+<div id= "timesBox"class="timesBox">
<h2>When are we Open?</h2>
<h3>{% block timeBlock%} {%endblock%}</h3>
</div>
-<div class="WebsiteBox">
- <h2><a href="{% block WebsiteBlock%}{%endblock%}">Get More Info</a><h2>
+<div id= "WebsiteBox"class="WebsiteBox">
+ <h2><a href="{% block WebsiteBlock%}{%endblock%}">Get More Info here</a><h2>
<h3></h3>
</div>
diff --git a/templates/Space.html b/templates/Space.html
index 1d6b0f68300827d8ececa2295253387ad55477c8..91910c694e59e89fcfe4c2220284bac781e4a8ff 100644
--- a/templates/Space.html
+++ b/templates/Space.html
@@ -7,14 +7,15 @@
{%endblock%}
{% block addressBlock%}
-
+ <h2>Address info</h2>
+ <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4957.954181608377!2d-2.999839445369478!3d51.58698324808131!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4871e6cc3bd82553%3A0x684c1227f14b4a15!2sNational%20Software%20Academy%20(Cardiff%20University)!5e0!3m2!1sen!2suk!4v1669722978098!5m2!1sen!2suk"
+ width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+ <br>
+ <h3>
{%if data%}
{{data[0][1]}}
{%endif%}
-
- <h2><br></h2>
- <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4957.954181608377!2d-2.999839445369478!3d51.58698324808131!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4871e6cc3bd82553%3A0x684c1227f14b4a15!2sNational%20Software%20Academy%20(Cardiff%20University)!5e0!3m2!1sen!2suk!4v1669722978098!5m2!1sen!2suk"
- width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+</h3>
{%endblock%}