style(contactos): info and hours in two columns beside the form

Drops the duplicate «Envia-nos uma mensagem» heading (the app form has its
own) and gives the narrower form the right half.
This commit is contained in:
andre committed 2026-10-27 13:55:13 +00:00
1 parent f018fa582d
commit 2089f92750
2 files changed
+17 -8

No files matched your search

+7 -3
View File
@@ -1653,9 +1653,13 @@ section[id] {
margin-bottom: 2.5rem; margin-bottom: 2.5rem;
} }
/* The form heading is an h3 under the section's h2 — keep the h2 look. */ /* The FitMe app form (iframe, max 480px): centred when it stacks under the info. */
h3.contact-title { #fitme-form-site-contacto {
font-size: 2.25rem; display: block;
margin-inline: auto;
}
@media (max-width: 991px) {
#contact-form { margin-top: 1rem; }
} }
.contact-info-warp { .contact-info-warp {
+10 -5
View File
@@ -24,8 +24,10 @@ $session = session();
</div> </div>
<?php endif; ?> <?php endif; ?>
<div class="row"> <div class="row">
<div class="col-lg-4"> <div class="col-lg-6">
<h2 id="contactos-title" class="contact-title text-center text-md-left">Informações</h2> <h2 id="contactos-title" class="contact-title text-center text-md-left">Informações</h2>
<div class="row">
<div class="col-sm-6">
<div class="contact-info-warp text-center text-md-left"> <div class="contact-info-warp text-center text-md-left">
<h3>Localização</h3> <h3>Localização</h3>
<div class="contact-info"> <div class="contact-info">
@@ -58,10 +60,12 @@ $session = session();
</a> </a>
</div> </div>
</div> </div>
</div>
<?php if ($whours): ?> <?php if ($whours): ?>
<div class="contact-info-warp text-center"> <div class="col-sm-6">
<div class="contact-info-warp text-center text-md-left">
<h3>Horário de Funcionamento</h3> <h3>Horário de Funcionamento</h3>
<div class="contact-info wh-text text-center"> <div class="contact-info wh-text text-center text-md-left">
<?php foreach ($work_hours_days as $key => $value): <?php foreach ($work_hours_days as $key => $value):
$ranges = []; $ranges = [];
foreach ($whours as $h) { foreach ($whours as $h) {
@@ -78,11 +82,12 @@ $session = session();
<?php endforeach; ?> <?php endforeach; ?>
</div> </div>
</div> </div>
</div>
<?php endif; ?> <?php endif; ?>
</div>
</div> </div>
<div class="col-lg-8"> <div class="col-lg-6">
<div id="contact-form"> <div id="contact-form">
<h3 class="contact-title text-center text-md-left">Envia-nos uma mensagem</h3>
<?php /* Formulário da app FitMe (app.fitme3070.pt), em iframe; a altura acompanha o conteúdo via postMessage. */ ?> <?php /* Formulário da app FitMe (app.fitme3070.pt), em iframe; a altura acompanha o conteúdo via postMessage. */ ?>
<div id="fitme-form-site-contacto-wrap"></div> <div id="fitme-form-site-contacto-wrap"></div>
<script> <script>