сделал form
This commit is contained in:
@@ -99,6 +99,7 @@
|
||||
--text-white: #fff;
|
||||
--text-black: #121212;
|
||||
--text-dark: #2b2b3b;
|
||||
--text-grey: #999;
|
||||
|
||||
/* background */
|
||||
--background-white: #fff;
|
||||
@@ -261,6 +262,7 @@ button{
|
||||
}
|
||||
/* mini-profile */
|
||||
|
||||
|
||||
/* main-menu */
|
||||
.main-menu{
|
||||
display: flex;
|
||||
@@ -322,5 +324,74 @@ button{
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
/* 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 */
|
||||
23
ui_kit.html
23
ui_kit.html
@@ -94,8 +94,7 @@
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div>
|
||||
<ul class="main-menu">
|
||||
<!-- <ul class="main-menu">
|
||||
<li class="main-menu__item">
|
||||
<a href="#" class="main-menu__link">ГЛАВНАЯ</a>
|
||||
</li>
|
||||
@@ -113,9 +112,25 @@
|
||||
ПРОДУКЦИЯ
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</ul> -->
|
||||
|
||||
<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>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user