jukka/cuitunet.fi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix contact form layout - wrap in grid column div

Browse Source 
Header + form wrapped in .availability-right div so they stay
on the right side of the 2-column grid layout.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jukka Lampikoski
2026-03-10 02:54:32 +02:00
parent 4c66b900ce
commit a1b8368b65
1 changed files with 34 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
index.html
View File

@@ -242,39 +242,41 @@
<div id="check-result" class="check-result" style="display:none;"></div>
</div>
</div>
<div class="availability-form-header">
<span class="overline">Yhteydenotto</span>
<h2>Ota yhteyttä</h2>
<p>Täytä lomake niin otamme yhteyttä 1–2 arkipäivässä.</p>
<div class="availability-right">
<div class="availability-form-header">
<span class="overline">Yhteydenotto</span>
<h2>Ota yhteyttä</h2>
<p>Täytä lomake niin otamme yhteyttä 1–2 arkipäivässä.</p>
</div>
<form class="form" id="availability-form">
<div style="position:absolute;left:-9999px;top:-9999px;">
<input type="text" name="website" tabindex="-1" autocomplete="off">
</div>
<div class="form-group">
<label for="company">Yrityksen nimi</label>
<input type="text" id="company" name="company" required>
</div>
<div class="form-group">
<label for="email">Sähköposti</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-row">
<div class="form-group">
<label for="address">Katuosoite</label>
<input type="text" id="address" name="address" required>
</div>
<div class="form-group">
<label for="city">Kaupunki</label>
<input type="text" id="city" name="city" required>
</div>
</div>
<div class="form-group">
<label for="message">Lisätiedot <span class="optional">(valinnainen)</span></label>
<textarea id="message" name="message" rows="3"></textarea>
</div>
<button type="submit" class="btn btn-full">Lähetä viesti</button>
</form>
</div>
<form class="form" id="availability-form">
<div style="position:absolute;left:-9999px;top:-9999px;">
<input type="text" name="website" tabindex="-1" autocomplete="off">
</div>
<div class="form-group">
<label for="company">Yrityksen nimi</label>
<input type="text" id="company" name="company" required>
</div>
<div class="form-group">
<label for="email">Sähköposti</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-row">
<div class="form-group">
<label for="address">Katuosoite</label>
<input type="text" id="address" name="address" required>
</div>
<div class="form-group">
<label for="city">Kaupunki</label>
<input type="text" id="city" name="city" required>
</div>
</div>
<div class="form-group">
<label for="message">Lisätiedot <span class="optional">(valinnainen)</span></label>
<textarea id="message" name="message" rows="3"></textarea>
</div>
<button type="submit" class="btn btn-full">Lähetä viesti</button>
</form>
</div>
</div>
</section>