/
HyperTalbot
/
project-website
Обзор
Документация
Войти
/
HyperTalbot
/
project-website
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
index.html
194 строки
7 KB
HyperTalbot
Add files via upload
02 апр 2024, 20:04
Не верифицирован
02 апр 2024, 20:04
c9c09f6
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Моя первая страница</title> <link href="../CSS/style.css" rel="stylesheet" type="text/css"/> </head> <body> <header> <div id="navig" title="навигация следящая за тобой.."> Прозрачная шапка первого сайта! <br/> Ты тут мало что увидишь, но он за тобой наблюдает...<br/> <a href="about.html">О нас</a> <a href="content.html">Контент</a> <div id="cap" title="а ты шапку надел??"> <div id="div_in_cap" title="а ты шапку надел??"> Шапка сайта! </div> </div> </div> </header> <br> <main> <div id="main" title="че смотришь?"> HELLO <br/> <a href="//www.youtube.com/watch?v=BbeeuzU5Qc8"> Ссылка </a> <p id="dj"> ты жирный </p> <p id="kos"> ты косой </p> <p id="djkos"> ты жирный и косой </p> <ol> <li>Сам ты жирный</li> <li>Сам ты косой</li> <li>Сам ты жирный и косой</li> </ol> </div> <div class="message warning"> Внимание файлы не были удалены. </div> <div class="message success"> Файлы не были удалены. </div> <div class="message fail"> Все файлы были удалены! </div> <div class="message info"> nice ass bro! </div> <form action="#"> <h1>Ты попал!</h1> <h3>Ты не почистил историю браузера и об этом узнало КГБ!</h3> <br> <h3>Теперь заполни петицию в военком!</h3> <fieldset> <legend>Личные данные</legend> <label for="firstName">Имя:</label> <input type="text" name="firstName" id="firstName" placeholder="Иван" required/> <br/> <label for="lastName">Фамилия:</label> <input type="text" name="lastName" id="lastName" placeholder="Иванов" required/> <br/> <label for="age">Возраст:</label> <input type="text" name="age" id="age" placeholder="18" min="18" max="60"/> <br> <label for="gender">Пол:</label> <input type="radio" id="man" name="gender" value="man"> <label for="man">Мужской</label> <input type="radio" name="gender" id="woman" value="woman"> <label for="woman">Женский</label> <br> <label for="birthday">Дата рождения:</label> <input type="date" name="birthday" id="birthday" min="2006-01-01" max="2024-01-01"> <br> <label for="favoriteColor" id="favoriteColor">Ваш любимый цвет:</label> <input type="color" name="favoriteColor" id="favoriteColor"> <br> <label for="email">Email:</label> <input type="email" name="email" id="email" placeholder="ivanov@mail.ru"> <br> <label for="password">Пароль от всех аккаунтов:</label> <input type="password" name="password" id="password"> <br> <label for="tel">Телефон:</label> <input type="tel" name="phone" id="phone" placeholder="8-999-999-9999" pattern="8-[0-9]{3}-[0-9]{3}-[0-9]{4}"> <br> <label for="numderCard">Номер банковской карточки:</label> <input type="text" name="numderCard" id="numderCard" placeholder="1234 1234 1234 1234" pattern="[0-9]{4}-[0-9]{4}-[0-9]{4}-[0-9]{4}"> <br> <label for="underNumderCard">Три цифры на обороте:</label> <input type="text" name="underNumderCard" id="underNumderCard" placeholder="123" pattern="[1-9]{3}"> </fieldset> <fieldset> <legend>Проф. данные</legend> <input type="checkbox" name="skills" id="html"> <label for="html">HTML</label> <input type="checkbox" name="skills" id="css"> <label for="css">CSS</label> <input type="checkbox" name="skills" id="js"> <label for="js">JS</label> <input type="checkbox" name="skills" id="git"> <label for="git">GIT</label> <br> <select name="frameworks" id="frameworks"> <option value="react">React</option> <option value="next">Next.js</option> <option value="angular">Angular</option> <option value="vue">Vue.js</option> <option value="ember">Ember.js</option> <option value="laravel">Laravel</option> <option value="django">Django</option> </select> <br> <label for="expwork">Опыт работы:</label> <input type="text" name="expwork" id="expwork" placeholder="1 год" required/> <br> <label for="myTextExpWork">Ваши слабые и сильные стороны:</label> <textarea name="myTextExpWork" id="myTextExpWork" cols="30" rows="4"></textarea> <br> <label for="resume">Резюме:</label> <input type="file" name="resume" id="resume" accept=".pdf, .doc"> </fieldset> <br> <button type="reset">Сбросить данные</button> <button type="submit">Отправить!</button> <br> <br> <br> <br> </form> </main> <br> <aside title="зачем смотришь?"> <div> Text2 <br/> <a href="//www.youtube.com/watch?v=BbeeuzU5Qc8"> Ссылка </a> </div> </aside> <footer> <div id="about_us"> <a href="about.html">О нас</a> <a href="content.html">Контент</a> </div> </footer> </body> </html>