You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.5 KiB
PHP
42 lines
1.5 KiB
PHP
<div class="contact">
|
|
<div class="contact__main">
|
|
<form class="contact__form form" action="" method="post">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
|
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
|
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
|
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
|
|
<img class="contact__stamp" src="<?= url('assets/img/stamp.svg') ?>" alt="">
|
|
</form>
|
|
|
|
<div class="contact__thank-you">
|
|
Thank you for your message.
|
|
</div>
|
|
</div>
|
|
|
|
<aside class="contact__sidebar">
|
|
<div class="contact__detail">
|
|
<h2 class="contact__heading">Email</h2>
|
|
<div class="contact__email"><?= str::email('lukas@example.com') ?> <a href="<?= url('legal') ?>#contact">?</a></div>
|
|
<small><a href="<?= url('pgp.asc') ?>" rel="pgpkey">PGP: 2E2A DD32 FE50 61C1</a></small>
|
|
</div>
|
|
|
|
<div class="contact__detail">
|
|
<h2 class="contact__heading">Twitter</h2>
|
|
<?= twitter('lukasbestle') ?>
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
|
|
<script>
|
|
// Demonstration of the form animation
|
|
setTimeout(function() {
|
|
document.querySelector('.form').classList.add('form--sent');
|
|
}, 2000);
|
|
setTimeout(function() {
|
|
document.querySelector('.form').classList.add('form--success');
|
|
}, 2750);
|
|
</script>
|