mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 13:10:21 +08:00
48 lines
1 KiB
HTML
48 lines
1 KiB
HTML
|
|
<section class="section_form">
|
|
<form id="consultation-form" class="feed-form" action="#">
|
|
<input required="" placeholder="Name" type="text">
|
|
<input name="phone" required="" placeholder="Phone number">
|
|
<input name="email" required="" placeholder="E-mail" type="email">
|
|
<button class="button_submit">ORDER</button>
|
|
</form>
|
|
</section>
|
|
<style>
|
|
/* From Uiverse.io by andrew-demchenk0 - Tags: order, form */
|
|
.feed-form {
|
|
margin-top: 36px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 300px;
|
|
}
|
|
|
|
.feed-form input {
|
|
height: 54px;
|
|
border-radius: 5px;
|
|
background: white;
|
|
margin-bottom: 15px;
|
|
border: none;
|
|
padding: 0 20px;
|
|
font-weight: 300;
|
|
font-size: 14px;
|
|
color: #4B4B4B;
|
|
}
|
|
|
|
.button_submit:hover, .feed-form input:hover {
|
|
transform: scale(1.009);
|
|
box-shadow: 0px 0px 3px 0px #212529;
|
|
}
|
|
|
|
.button_submit {
|
|
width: 100%;
|
|
height: 54px;
|
|
font-size: 14px;
|
|
color: white;
|
|
background: red;
|
|
border-radius: 5px;
|
|
border: none;
|
|
font-weight: 500;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
</style>
|