Contact info mobile bottom

This commit is contained in:
Massimo Di Lullo 2019-09-02 14:11:20 -04:00
parent cf17a51238
commit a479120ca1
3 changed files with 54 additions and 28 deletions

File diff suppressed because one or more lines are too long

View File

@ -77,7 +77,7 @@
</div>
</div>
<div class="columns is-centered">
<div class="column is-half-tablet is-full-mobile">
<div class="column is-half-tablet is-hidden-mobile sub-section-contact">
<h3>Contactez-nous</h3>
<iframe width="500" height="600"
src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJB5eDqmAayUwR9kVcpBmnMrc&key=AIzaSyDa73RDd5rn0c6jqn8nAXKh01L8NfrQGQM" allowfullscreen></iframe>
@ -182,6 +182,18 @@
</main>
<footer class="full-width">
<div class="is-hidden-tablet is-full-mobile sub-section-contact">
<h3>Contactez-nous</h3>
<div class="border-seperator"></div>
<iframe width="500" height="600"
src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJB5eDqmAayUwR9kVcpBmnMrc&key=AIzaSyDa73RDd5rn0c6jqn8nAXKh01L8NfrQGQM" allowfullscreen></iframe>
<address>
1219 William, Montreal<br/>
Local D-2020<br/>
<a href="mailto:conjure@ens.etsmtl.ca">conjure@ens.etsmtl.ca</a><br/>
<a href="tel:5143968800">(514) 396-8800 poste: #7713</a>
</address>
</div>
<p>Copyright &copy; Conjure</p>
</footer>

View File

@ -40,7 +40,7 @@ header.logo-container {
filter: brightness(60%);
}
section {
section, footer {
h2 {
font-size: 3rem;
font-weight: bold;
@ -90,29 +90,6 @@ section#apropos {
.column .columns {
margin-top: 50px;
embed, iframe {
margin-top: 1rem;
height: 600px;
width: 500px;
border: 1px solid lightgray;
border-top-left-radius: $border-radius;
border-top-right-radius: $border-radius;
}
address {
background: white;
padding: 10px;
margin: 0 auto;
font-size: 0.8rem;
text-align: left;
border: 1px solid lightgray;
border-bottom-left-radius: $border-radius;
border-bottom-right-radius: $border-radius;
max-width: 500px;
position: relative;
top: -10px;
}
img.is-quarter {
width: 25%;
border-radius: $border-radius;
@ -321,11 +298,48 @@ section#partenaires {
}
}
.sub-section-contact {
text-align: center;
.border-seperator {
margin: 10px auto 25px auto;
border-top: 5px solid #848484;
max-width: 200px;
border-radius: $border-radius;
}
embed, iframe {
margin-top: 1rem;
height: 600px;
width: 500px;
border: 1px solid lightgray;
border-top-left-radius: $border-radius;
border-top-right-radius: $border-radius;
}
address {
background: white;
padding: 10px;
font-size: 0.8rem;
text-align: left !important;
border: 1px solid lightgray;
border-bottom-left-radius: $border-radius;
border-bottom-right-radius: $border-radius;
max-width: 500px;
position: relative;
top: -10px;
margin: 0 auto;
}
}
footer {
margin-top: 4.5rem;
padding: 15px 0;
.sub-section-contact {
padding-top: 3.5rem;
}
p {
padding: 15px 0;
margin-top: 0.5rem;
text-align: center;
}
}