JSFiddle - React, Tailwind, and code Playground
by Qwerty_Wasd
HTML
<footer id="ts-footer">
<h3>в*Ђв*Ђв*Ђв*Ђв*Ђв*Ђв*Ђв*Ђв*Ђ</h3>
<div class="ts-title text-center">
<h2>Связаться</h2>
</div>
<section id="form-contact" class="ts-separate-bg-element" data-bg-image="assets/img/bg-clouds-short.jpg" data-bg-image-opacity=".2" data-bg-color="#e58450">
<div class="container">
<div class="ts-box mb-0 p-5 ts-mt__n-10" data-animate="ts-fadeInUp">
<div class="row">
<div class="col-md-4">
<h3>Контакты</h3>
<address>
<figure>
<div class="font-weight-bold">Email:</div>
<a href="mailto:[email protected]">[email protected]</a>
</figure>
<figure>
<div class="font-weight-bold">Телефон:</div>
+7 920 070 01 32
</figure>
<div class="font-weight-bold">Skype:</div>
LifeCoach
<h3></h3>
<figure>
<div class="font-weight-bold">Instagram:</div>
<a href="https://www.instagram.com/_motivator_annaskudina_/" target="_blank">@motivator_annaskudina</a>
</figure>
</address>
<!--end address-->
</div>
<!--end col-md-4-->
<div class="col-md-8">
<h3>Написать письмо</h3>
<form id="form-contact" method="post" class="clearfix ts-form ts-form-email ts-inputs__transparent" data-php-path="assets/php/email.php">
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="form-group">
<label for="form-contact-name">Ваше Имя *</label>
<input type="text" class="form-control" id="form-contact-name" name="name" placeholder="Your Name" required>
</div>
<!--end form-group -->
</div>
<!--end col-md-6 col-sm-6 -->
<div class="col-md-6...
CSS
.form-control {
border: 0;
box-shadow: 0 0 0 .125rem rgba(0, 0, 0, .2);
border-radius: .125rem;
padding: .5625rem .75rem;
}