сделал form
This commit is contained in:
@@ -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 */
|
||||||
23
ui_kit.html
23
ui_kit.html
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user