mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
44 lines
No EOL
886 B
HTML
44 lines
No EOL
886 B
HTML
<div class="form">
|
|
<input placeholder="Email Address" class="input" type="text" />
|
|
<div class="btn">SUBSCRIBE</div>
|
|
</div>
|
|
|
|
<style>
|
|
/* From Uiverse.io by sonex-ICB - Tags: simple, form, login form, subscribe */
|
|
.input,
|
|
.btn {
|
|
border: 0;
|
|
outline: 0;
|
|
padding: 10px;
|
|
text-align: center;
|
|
font-weight: 700;
|
|
color: gray;
|
|
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
|
font-size: 14px;
|
|
border-radius: 18px 18px 0px 0px;
|
|
}
|
|
.btn {
|
|
border-radius: 0px 0px 18px 18px;
|
|
background-color: #c6cf9b;
|
|
color: #f6eca9;
|
|
cursor: pointer;
|
|
transition: 0.5s;
|
|
}
|
|
.form {
|
|
padding: 4px;
|
|
background-color: #f6eca9;
|
|
display: flex;
|
|
flex-direction: column;
|
|
border-radius: 18px;
|
|
box-shadow: 0px 0px 3px 1px #c6cf9b;
|
|
}
|
|
.form:hover {
|
|
box-shadow: 0px 0px 3px 1px rgb(162, 157, 157);
|
|
}
|
|
.btn:hover {
|
|
background-color: #f6eca9;
|
|
color: #c6cf9b;
|
|
}
|
|
|
|
</style>
|
|
|