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{ header{
background-color: black; background-color: black;
display: block; display: block;
color: black;
margin-left: auto; margin-left: auto;
margin-right: inherit; margin-right: auto;
width: 100%; width: 100%;
height: 75%; height: 10%;
float: center; float: center;
text-align: center; text-align: center;
margin: auto; margin: auto;
color: white;
} }
body{ body{
background-color: #212529;
font-family: 'Sora', sans-serif; font-family: 'Sora', sans-serif;
} }
#ImageBox{ #ImageBox{
border: 2px solid #0b634d; border-radius: 7px;
width: 810px;
height: 610px;
border: 15px solid Black ;
padding: 5px; padding: 5px;
width: 400px; margin: 20px;
height: 300px; float: right;
text-align: center;
margin: auto; }
float: center; #AddImageBox{
background-color:red; border-radius: 7px;
width: 810px;
height: 610px;
border: 15px solid Black ;
padding: 5px;
margin: 20px;
float: Left;
} }
.DescriptionBox{ #DescriptionBox{
border: 2px solid #0b634d; border-radius: 7px;
width: 640px;
height: 490px;
border: 15px solid Black ;
padding: 5px; padding: 5px;
width: 400px; margin: 20px;
height: 300px; float: left;
text-align: center;
margin: auto; }
float: center;
background-color:red; #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> <head>
<link rel="stylesheet" href="static/CSS/OurSpaces.css"> <link rel="stylesheet" href="/static/CSS/OurSpaces.css">
</head> </head>
<body class="body"> <body class="body">
...@@ -11,31 +11,30 @@ ...@@ -11,31 +11,30 @@
</header> </header>
<div id = "ImageBox"class="ImageBox"> <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>
<div class="DescriptionBox"> <div id= "DescriptionBox" class="DescriptionBox">
<h2>About us</h2> <h2>About us</h2>
<h3>{% block descriptionBlock%} {%endblock%}</h3> <h3>{% block descriptionBlock%} {%endblock%}</h3>
</div> </div>
<div class="AddressBox"> <div id= "AddImageBox"class="AddImageBox">
<h2>Address info</h2> <img src="{% block addimageBlock%}{%endblock%}"width="770" height="570" style="border:3;" class="img-rounded" allowfullscreen="" loading="lazy">
{% block addressBlock%}
{%endblock%}
</div> </div>
<div class="AddImageBox"> <div id= "AddressBox"class="AddressBox">
<img src="{% block addimageBlock%}{%endblock%}"width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"> {% block addressBlock%}
{%endblock%}
</div> </div>
<div class="timesBox"> <div id= "timesBox"class="timesBox">
<h2>When are we Open?</h2> <h2>When are we Open?</h2>
<h3>{% block timeBlock%} {%endblock%}</h3> <h3>{% block timeBlock%} {%endblock%}</h3>
</div> </div>
<div class="WebsiteBox"> <div id= "WebsiteBox"class="WebsiteBox">
<h2><a href="{% block WebsiteBlock%}{%endblock%}">Get More Info</a><h2> <h2><a href="{% block WebsiteBlock%}{%endblock%}">Get More Info here</a><h2>
<h3></h3> <h3></h3>
</div> </div>
......
templates/Space.html
+ 6
− 5
View file @ c4af7d76
...@@ -7,14 +7,15 @@ ...@@ -7,14 +7,15 @@
{%endblock%} {%endblock%}
{% block addressBlock%} {% 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%} {%if data%}
{{data[0][1]}} {{data[0][1]}}
{%endif%} {%endif%}
</h3>
<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>
{%endblock%} {%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