Firsov_Kirill/PIbd_23_Firsov_K._A._School
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Начал со страницы регистрации

Browse Source
This commit is contained in:
Kirill 2024-05-02 00:19:36 +04:00
parent c28d6e23b3
commit d968186d78
2 changed files with 109 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
School/SchoolApp/Views/Home/Register.cshtml
View File

@ -3,5 +3,49 @@
ViewData["Title"] = "Redister";
}
<h1>Register</h1>
<div class="text-center">
<h2 class="u-text u-text-custom-color-1 u-text-default u-text-1"> Регистрация </h2>
</div>
<div class="container">
<form>
<section class="row">
<div class="col-lg-3">
</div>
<div class="col-lg-6">
<h3 class="title-h3">Введите имя</h3>
<article class="form-section">
<label class="text-field-label" for="name-element">Имя</label>
<input class="text-field-input" type="text" required name="name-element" placeholder="Имя">
</article>
<h3 class="title-h3">Введите почту</h3>
<article class="form-section">
<label class="text-field-label" for="mail-element">Почта</label>
<input class="text-field-input" type="email" required name="mail-element" placeholder="Почта">
</article>
<h3 class="title-h3">Введите номер телефона</h3>
<article class="form-section">
<label class="text-field-label" for="phone-element">Номер телефона</label>
<input class="text-field-input" type="number" required name="phone-element" placeholder="Номер телефона">
</article>
<h3 class="title-h3">Введите дату рождения</h3>
<article class="form-section">
<label class="text-field-label" for="date-element">Дата рождения</label>
<input class="text-field-input" type="date" required name="date-element">
</article>
<h3 class="title-h3">Введите пароль</h3>
<article class="form-section">
<label class="text-field-label" for="date-element">Пароль</label>
<input class="text-field-input" type="password" required name="password-element">
</article>
<h3 class="title-h3">Описание элемента</h3>
<article class="form-section">
<label class="text-field-label" for="description-element">Описание элемента</label>
<textarea class="text-field-textarea" type="text" name="description-element" placeholder="Описание"></textarea>
</article>
</div>
<div class="col-lg-3">
</div>
</section>
</form>
</div>

64
School/SchoolApp/wwwroot/css/site.css
View File

@ -15,4 +15,68 @@ html {
body {
margin-bottom: 60px;
}
.title-h3 {
margin: 10px;
text-align: center;
font-size: 26px;
font-weight: bold;
}
.form-section {
display: flex;
flex-direction: column;
padding: 15px 20px;
margin: 20px 0;
;
background: linear-gradient(135deg, #161616, #fff);
border-radius: 20px;
}
.text-field-label {
display: none;
}
.text-field-input {
display: block;
width: 100%;
padding: 7px;
font-family: inherit;
font-size: 18px;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #bdbdbd;
border-radius: 0.25rem;
}
.text-field-textarea {
display: block;
width: 100%;
height: 185px;
padding: 7px;
font-family: inherit;
font-size: 18px;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #bdbdbd;
border-radius: 0.25rem;
resize: none;
}
.submit-button-label {
display: none;
}
.submit-button {
padding: 15px 20px;
margin: 20px 0;
font-size: 20px;
font-weight: bold;
color: white;
background: linear-gradient(135deg, #161616, #fff);
border: none;
border-radius: 20px;
}