/
sprrws
/
second_project
Обзор
Документация
Войти
/
sprrws
/
second_project
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
index.html
217 строк
8 KB
sprrws
testcommit
09 фев 2026, 10:19
09 фев 2026, 10:19
47422c6
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="description" content="Это моя первая страница"> <meta name="author" content="matvey"> <meta name="robots" content="all"> <meta property="og:tittle" content="Это моя первая страница"> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/style.css"> <title>Матвей Петрусевич</title> </head> <body> <header> <nav> <div class="logo">Матвей Петрусевич</div> <div class="menu"><ul> <li>Обо мне</li> <li>Услуги</li> <li>Кейсы</li> <li>Прайс</li> <li>Отзывы</li> <li>Контакты</li> </ul></div> </nav> </header> <main> <section class="main"><div class="tittle__container"> <h1>Привет <br>Я Матвей Петрусевич</h1> <h4>Фулл стек веб-разработчик</h4> <input type="button" value="Обо мне"> <input type="button" value="Мои работы"> </div> </section> </main> <div class="about_me"> <div class="about_me_container"> <h2>ОБО МНЕ</h2> <hr> <img src="img/boy2page.png" alt=""> <p class="fist_text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora sequi eos beatae accusamus velit, aspernatur sapiente debitis dolor ratione quidem!</p> <p class="second_text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio ad repudiandae architecto! Nihil, quos, assumenda neque obcaecati excepturi quo adipisci.</p> <input type="submit" value="Скачать резюме"> </div> </div> <div class="skills"> <h2>ЧТО Я УМЕЮ</h2> <img src="..." alt=""> <div class="skills_item"> <img src="..." alt=""> <h4>Веб дизайн</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, corporis.</p> </div> <div class="skills_item"> <img src="..." alt=""> <h4>Разработка</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, corporis.</p> </div> <div class="skills_item"> <img src="..." alt=""> <h4>СЕО-Оптимизации</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, corporis.</p> </div> <div class="skills_item"> <img src="..." alt=""> <h4>Маркетинг</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, corporis.</p> </div> </div> <div class="case"> <h2>КЕЙСЫ</h2> <img src="..." alt=""> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, temporibus.</p> <img src="..." alt=""> <div class="client"> <h3>CLIENT</h3> <p>Lorem ipsum dolor sit amet.</p> </div> <div class="website"> <h3>WEBSITE</h3> <p>https://www.solanascam</p> <div class="button"> <input type="submit" value="VISIT LIVE SITE"> </div> </div> <div class="nameproject"> <h3>Название проекта</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo reprehenderit nulla ipsa eaque illum, voluptas maiores molestias obcaecati! Aperiam ex distinctio nostrum ipsum, minima nemo vitae quos molestiae nesciunt fugiat.</p> </div> </div> <div class="conculations"> <h2>Расчет стоимости</h2> <img src="..." alt=""> </div> <div class="sitetype"> <h3>ТИП САЙТА</h3> <select name="list1" id="list"> <option value="">Опция 1</option> <option value="">Опция 2</option> <option value="">Опция 3</option> </select> </div> <div class="design"> <h3>ДИЗАЙН</h3> <select name="list1" id="list"> <option value="">Опция 1</option> <option value="">Опция 2</option> <option value="">Опция 3</option> </select> </div> <div class="adaptation"> <h3>АДАПТИВНОСТЬ</h3> <select name="list1" id="list"> <option value="">Опция 1</option> <option value="">Опция 2</option> <option value="">Опция 3</option> </select> </div> <img src="..." alt=""> <p>Сроки</p> <p>Стоимость</p> <div class="statistic"> <h2>НЕМНОГО СТАТИСТИКИ</h2> <img src="..." alt=""> </div> <div class="happyclients"> <img src="..." alt=""> <h3>120</h3> <p>СЧАСТЛИВЫХ КЛИЕНТОВ</p> </div> <div class="workhours"> <img src="..." alt=""> <h3>4,600</h3> <p>ЧАСОВ РАБОТЫ</p> </div> <div class="completeprojects"> <img src="..." alt=""> <h3>340</h3> <p>ПРОЕКТОВ ЗАВЕРШЕНО</p> </div> <div class="medals"> <img src="..." alt=""> <h3>23</h3> <p>НАГРАД ПОЛУЧЕНО</p> </div> <div class="reviews"> <h2>ОТЗЫВЫ</h2> <img src="..." alt=""> </div> <div class="whois"> <img src="..." alt=""> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia repellendus, praesentium ad quo rerum molestias!</p> <p><b>Михаил</b>, Ген директор ПАО "Газпром"</p> </div> <div class="contacts"> <img src="..." alt=""> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex, adipisci!</p> <div class="place"> <img src="..." alt=""> <p>Омск, ул. Ленина 12</p> </div> <div class="mail"> <img src="..." alt=""> <p>info@gail.com</p> </div> <div class="telephonenumber"> <img src="..." alt=""> <p>+7 999-999-99-99</p> </div> <div class="callmemessage"> <h4>ОСТАВЬТЕ МНЕ СООБЩЕНИЕ</h4> <input type="text" name="text1" value="" placeholder="Имя"> <input type="text" name="text1" value="" placeholder="Email"> <p><textarea name="message" id="" cols="30" rows="10" placeholder="Сообщение"></textarea></p> <p><input type="reset" value="Отправить"></p> <p><img src="..." alt=""> <img src="..." alt=""> <img src="..." alt=""> <img src="..." alt=""> <img src="..." alt=""> <img src="..." alt=""> </p> </div> <div class="mapphoto"> <img src="img/map-of-orgrimmar-vendors-trainers-and-npcs-880x660.jpg" alt=""> </div> </div> <footer> <p><small>Copylight 2021 Матвей Петрусевич. DesignWeb</small></p> </footer> </body> </html>