Skip to content
Snippets Groups Projects
Commit c4af7d76 authored by Beaumont Mogridge's avatar Beaumont Mogridge :gorilla:
Browse files

finished working css

parent 1065bfdd
No related branches found
No related tags found
1 merge request!47Update static/testSearch.html, templates/OurSpaces.html, templates/Space.html,...
Hide whitespace changes
Inline Side-by-side
static/CSS/OurSpaces.css
+ 58
− 20
View file @ c4af7d76
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;
}
templates/OurSpaces.html
+ 11
− 12
View file @ c4af7d76
<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>
......
templates/Space.html
+ 6
− 5
View file @ c4af7d76
......@@ -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%}
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment