сделал form

cosmopet--Memento-mori-dev
Kirill Pet 10 months ago
parent f10ce31722
commit 8b8d010f45
  1. 73
      assets/css/gp-style-core.css
  2. 23
      ui_kit.html

@ -99,6 +99,7 @@
--text-white: #fff; --text-white: #fff;
--text-black: #121212; --text-black: #121212;
--text-dark: #2b2b3b; --text-dark: #2b2b3b;
--text-grey: #999;
/* background */ /* background */
--background-white: #fff; --background-white: #fff;
@ -261,6 +262,7 @@ button{
} }
/* mini-profile */ /* mini-profile */
/* main-menu */ /* main-menu */
.main-menu{ .main-menu{
display: flex; display: flex;
@ -322,5 +324,74 @@ button{
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain; background-size: contain;
} }
/* main-menu */ /* main-menu */
/* form */
.form{
width: 100%;
padding: 24px 24px 43px;
display: flex;
flex-direction: column;
border-radius: 24px;
background: var(--gradient-turquoise);
}
.form__item{
margin-top: 16px;
}
.form__title{
font-family: var(--font-family);
font-weight: 500;
font-size: 24px;
line-height: 133%;
color: var(--text-black);
}
.form__input{
width: 100%;
border-radius: 20px;
padding: 12px 16px;
border: 1px solid var(--text-black);
background: var(--background-white);
font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 120%;
color: var(--text-black);
}
.form__input::placeholder{
color: var(--text-grey);
}
.form__input--textarea{
height: 96px;
resize: none;
}
.form__button{
width: 100%;
padding: 12px 24px;
font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 120%;
color: var(--text-white);
border-radius: 16px;
border: none;
background: var(--background-black);
cursor: pointer;
transition: background-color .2s ease-out;
}
.form__button:hover{
opacity: .8;
}
/* form */

@ -94,8 +94,7 @@
</div> </div>
</div> --> </div> -->
<div> <!-- <ul class="main-menu">
<ul class="main-menu">
<li class="main-menu__item"> <li class="main-menu__item">
<a href="#" class="main-menu__link">ГЛАВНАЯ</a> <a href="#" class="main-menu__link">ГЛАВНАЯ</a>
</li> </li>
@ -113,9 +112,25 @@
ПРОДУКЦИЯ ПРОДУКЦИЯ
</button> </button>
</li> </li>
</ul> </ul> -->
</div>
<form class="form" method="post" action="/send-telegram.php">
<p class="form__title">
Форма обратной связи
</p>
<div class="form__item">
<input class="form__input" type="text" name="name" placeholder="Ваше имя" required>
</div>
<div class="form__item">
<input class="form__input" type="text" name="name" placeholder="Эл.почта" required>
</div>
<div class="form__item">
<textarea class="form__input form__input--textarea" name="" id="" placeholder="Текст обращения"></textarea>
</div>
<div class="form__item">
<input class="form__button" type="submit" value="Отправить">
</div>
</form>
<script src="/assets/js/gp-main.js"></script> <script src="/assets/js/gp-main.js"></script>
</body> </body>

Loading…
Cancel
Save