contact.md

layout	title	permalink
page	Contact	/contact/

<style> .contact-form{ background: #42c4ff; margin-top: 10%; margin-bottom: 5%; width: 70%; border-radius:2rem; border-color: black; } .contact-form .form-control{ border-radius:1rem; } .contact-image{ text-align: center; } .contact-image img{ border-radius: 6rem; width: 11%; margin-top: -3%; transform: rotate(29deg); border-color: black; } .contact-form form{ padding: 14%; } .contact-form form .row{ margin-bottom: -7%; } .contact-form h3{ margin-bottom: 8%; margin-top: -10%; text-align: center; color: #0062cc; } .contact-form .btnContact { width: 50%; border: none; border-radius: 1rem; padding: 1.5%; background: #dc3545; font-weight: 600; color: #fff; cursor: pointer; } .btnContactSubmit { width: 50%; border-radius: 1rem; padding: 1.5%; color: #fff; background-color: #0062cc; border: none; cursor: pointer; } </style>

Fill in the form or email me .

<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

{% include form.html %} {% include modal.html %}