/
JAMIEXXSMDI
/
Mark_Novicky
Обзор
Документация
Войти
/
JAMIEXXSMDI
/
Mark_Novicky
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
test
HIGHEST.html
375 строк
14 KB
Mark Novicky
Финалочка
24 дек 2024, 18:23
24 дек 2024, 18:23
1638b2b
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="styles.css" /> <title>ASTROWORLD</title> </head> <body> <header class="container"> <span class="logo"> <svg width="35" height="33.06" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg" > <g clip-path="url(#clip0_4676_56)"> <path d="M13.2283 17.5C13.2283 18.5438 12.8129 19.5435 12.0752 20.2809L6.71443 25.6407C6.6244 25.7307 6.53279 25.816 6.43486 25.895C6.20109 26.0892 5.94679 26.2518 5.68144 26.3829C5.13178 26.6561 4.53157 26.7919 3.93294 26.7919C2.9268 26.7919 1.91908 26.4082 1.15145 25.6391C-0.383817 24.1042 -0.383817 21.6138 1.15145 20.0772L3.72918 17.5L1.15145 14.9212C-0.383817 13.3862 -0.383817 10.8958 1.15145 9.35928C2.37556 8.13541 4.21093 7.8859 5.68144 8.61706C5.94995 8.74972 6.20583 8.91395 6.44276 9.10977C6.53595 9.18873 6.62756 9.27085 6.71443 9.3577L6.93082 9.57405L12.0752 14.7175C12.8144 15.4565 13.2283 16.4577 13.2283 17.5Z" fill="#27272A" /> <path d="M13.2283 17.5C13.2283 18.5438 12.8129 19.5435 12.0752 20.2809L6.71443 25.6407C6.6244 25.7307 6.53279 25.816 6.43486 25.895C6.20109 26.0892 5.9468 26.2518 5.68144 26.3829C5.3071 26.1982 4.95803 25.9502 4.64687 25.6391C3.11161 24.1042 3.11161 21.6138 4.64687 20.0772L7.22461 17.5L4.64845 14.9212C3.11319 13.3862 3.11319 10.8958 4.64845 9.35928C4.95961 9.04818 5.30868 8.80183 5.68144 8.61707C5.94995 8.74972 6.20583 8.91395 6.44276 9.10977C6.53595 9.18873 6.62756 9.27085 6.71443 9.3577L6.93082 9.57405L12.0752 14.7175C12.8144 15.4565 13.2283 16.4577 13.2283 17.5Z" fill="#27272A" /> <path d="M35 17.4999C35 26.6134 27.5843 34.0277 18.469 34.0277H10.5795C8.50718 34.0277 6.80765 32.4248 6.65759 30.3893C6.64812 30.2929 6.64496 30.195 6.64496 30.094C6.64496 27.9226 8.40609 26.1602 10.5795 26.1602H18.4706C23.247 26.1602 27.1341 22.2754 27.1341 17.4984C27.1341 12.7229 23.247 8.83652 18.4706 8.83652H10.5795C8.40767 8.83652 6.64496 7.07573 6.64496 4.90276C6.64496 4.80328 6.64812 4.70379 6.65759 4.60746C6.80765 2.57504 8.5056 0.972168 10.5795 0.972168H18.4706C27.5859 0.972168 35 8.38645 35 17.4999Z" fill="#27272A" /> <path d="M6.93081 9.57732C6.75233 9.44151 6.58806 9.28359 6.44275 9.11304C6.53594 9.192 6.62755 9.27411 6.71442 9.36097L6.93081 9.57732Z" fill="#27272A" /> <path d="M6.71445 25.6408C6.62441 25.7308 6.5328 25.816 6.43488 25.895C6.58493 25.7166 6.75551 25.5555 6.93873 25.4165L6.71445 25.6408Z" fill="#27272A" /> <path d="M29.347 17.5C29.347 25.1165 23.1507 31.31 15.5343 31.31H8.93837C8.0507 31.31 7.24832 30.9594 6.65601 30.3894C6.64653 30.293 6.64337 30.1951 6.64337 30.0941C6.64337 27.9227 8.40451 26.1603 10.5779 26.1603H18.469C23.2454 26.1603 27.1326 22.2755 27.1326 17.4985C27.1326 12.723 23.2454 8.83662 18.469 8.83662H10.5795C8.40767 8.83662 6.64495 7.07582 6.64495 4.90286C6.64495 4.80337 6.64811 4.70389 6.65759 4.60756C7.2499 4.03747 8.05228 3.68689 8.93995 3.68689H15.5343C23.1507 3.69005 29.347 9.88362 29.347 17.5Z" fill="#27272A" /> </g> <defs> <clipPath id="clip0_4676_56"> <rect width="35" height="33.0555" fill="white" transform="translate(0 0.972168)" /> </clipPath> </defs> </svg> </span> <nav> <ul> <li> <a class="scroll-link" href="#main" id="header_link">Главная</a> </li> <li> <a class="scroll-link" href="#about" id="header_link">Описание</a> </li> <li> <a class="scroll-link" href="#get-intouch" id="header_link" >Обсудим</a > </li> </ul> </nav> </header> <hr class="solid" /> <div class="Gradient"> <div class="MainBackground"></div> <div class="img"> <img class="mainPhoto" src="MainPhoto.png" alt="" /> </div> </div> <div class="body"> <main class="hero-container" id="main"> <div class="hero--info"> <h1>Новицкий Марк</h1> <p>Backend Developer</p> </div> <div class="hero--info"> <line></line> <p> Вы сейчас на моем первом проекте, поэтому не ругайте меня пожалуйста, если вам что-то не понравится. </p> </div> <form action="https://vk.com/udogmark" target="_blank"> <button class="button0" id="button"> <p>Свяжись со мной</p> <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M3.99998 9.99998L1.26898 1.12598C7.80179 3.02565 13.9623 6.02677 19.485 9.99998C13.9627 13.9738 7.80256 16.9755 1.26998 18.876L3.99998 9.99998ZM3.99998 9.99998H11.5H3.99998Z" fill="#FCFBFA" /> <path d="M3.99998 9.99998L1.26898 1.12598C7.80179 3.02565 13.9623 6.02677 19.485 9.99998C13.9627 13.9738 7.80256 16.9755 1.26998 18.876L3.99998 9.99998ZM3.99998 9.99998H11.5" stroke="#7E3AF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> </form> </main> <div class="hero-container1" id="about"> <div class="description"> <h2>Описание</h2> </div> <div class="description2"> <line> <div class="description-about"> <p> <b>Марк Новицкий</b> - начинающий backend developer, очень хочу стать востребованным специалистом. Катаюсь на BMX, занимаюсь спортом и веду здоровый образ жизни. 5 лет был кадетом, 10 и 11 класс учился в профильном физико-математическом классе. </p> </div> </line> </div> <form action="https://vk.com/udogmark" target="_blank"> <button class="button1" id="button"> <p>Свяжись со мной</p> <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M3.99998 9.99998L1.26898 1.12598C7.80179 3.02565 13.9623 6.02677 19.485 9.99998C13.9627 13.9738 7.80256 16.9755 1.26998 18.876L3.99998 9.99998ZM3.99998 9.99998H11.5H3.99998Z" fill="#FCFBFA" /> <path d="M3.99998 9.99998L1.26898 1.12598C7.80179 3.02565 13.9623 6.02677 19.485 9.99998C13.9627 13.9738 7.80256 16.9755 1.26998 18.876L3.99998 9.99998ZM3.99998 9.99998H11.5" stroke="#7E3AF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> </form> <div class="img2"> <img src="PhotoCircle.jpg" alt="" class="round" /> </div> <div class="circle-image"></div> <div class="section_of_Interests"> <div class="Interes"> <h3>Интересы</h3> </div> <div class="icon1"> <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="60" height="60" viewBox="0,0,256,256" > <g fill="#7e3af2" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal" > <g transform="scale(5.12,5.12)"> <path d="M27,8c2.732,0 3.63,0.537 4.767,1.217c1.451,0.868 3.096,1.852 7.233,1.858v4.925c-3.281,0 -4.348,-0.669 -5.478,-1.378c-1.213,-0.76 -2.588,-1.622 -5.522,-1.622c-0.327,0 -0.669,0.04 -1,0.146v-5.146M25,33.61v2.39c0,3.8 -0.829,6 -5.064,6c-5.936,0 -5.936,-2.312 -5.936,-4c0,-1.337 0,-3 6,-3c2.364,0 3.947,-0.566 5,-1.39M27,6c-1.6,0 -2,1 -2,2v21c0,2.214 -1.033,4 -5,4c-5.661,0 -8,1.464 -8,5c0,2.383 0.489,6 7.936,6c6.919,0 7.064,-5.318 7.064,-8c0,-1.027 0,-3.903 0,-7v-12c0.005,-1.355 0.2,-2 1,-2c5.138,0 3.871,3 11,3c0,0 2,0 2,-1.699c0,-2.555 0,-4.363 0,-5.333c0,-1.533 -0.688,-1.893 -1.962,-1.893c-7.113,0.001 -5.364,-3.075 -12.038,-3.075z" ></path> </g> </g> </svg> </div> <div class="icon2"> <svg xmlns="http://www.w3.org/2000/svg" height="60" viewBox="0 -960 960 960" width="60" fill="#8C1AF6" > <path d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm0-80h640v-400H160v400Zm140-40-56-56 103-104-104-104 57-56 160 160-160 160Zm180 0v-80h240v80H480Z" /> </svg> </div> <div class="icon3"> <svg xmlns="http://www.w3.org/2000/svg" height="60" width="60" viewBox="0 -960 960 960" width="24px" fill="#8C1AF6" > <path d="m826-585-56-56 30-31-128-128-31 30-57-57 30-31q23-23 57-22.5t57 23.5l129 129q23 23 23 56.5T857-615l-31 30ZM346-104q-23 23-56.5 23T233-104L104-233q-23-23-23-56.5t23-56.5l30-30 57 57-31 30 129 129 30-31 57 57-30 30Zm397-336 57-57-303-303-57 57 303 303ZM463-160l57-58-302-302-58 57 303 303Zm-6-234 110-109-64-64-109 110 63 63Zm63 290q-23 23-57 23t-57-23L104-406q-23-23-23-57t23-57l57-57q23-23 56.5-23t56.5 23l63 63 110-110-63-62q-23-23-23-57t23-57l57-57q23-23 56.5-23t56.5 23l303 303q23 23 23 56.5T857-441l-57 57q-23 23-57 23t-57-23l-62-63-110 110 63 63q23 23 23 56.5T577-161l-57 57Z" /> </svg> </div> <div class="music"> <h3>Музыка</h3> </div> <div class="types-of-music"> <p>Big Baby Tape | Larry June | Travis Scott</p> </div> <div class="art"> <h3>Языки программирования</h3> </div> <div class="art-stile"> <p>Java | Python</p> </div> <div class="photography"> <h3>Троеборье</h3> </div> <div class="photo-style"> <p>400 кг</p> </div> </div> <div class="section_of_Education"> <div class="Education"> <h3>Образование & Опыт</h3> </div> <div class="date1"> <p>2024 - По настоящее время</p> </div> <div class="expirience1"> <p><b>Высшее учебное заведение</b></p> </div> <line2></line2> <div class="date2"> <p>2013 - 2024</p> </div> <div class="expirience2"> <p><b>Школа</b></p> </div> </div> </div> </div> <div class="container4" id="get-intouch"> <div class="Form"> <div class="inside"> <h2>Обсудим</h2> <div class="fields"> <form class="form" id="add-form"> <div class="text"> <p>Давайте что-то обсудим, напишите мне сообщение.</p> <textarea type="text" id="text" class="input-text" placeholder="Введите текст..." ></textarea> <span style="color: red" id="text_error" class="text_error" ></span> </div> <div class="mail"> <p>Ваша почта</p> <input type="mail" id="mail" class="email" placeholder="mywebsite@gmail.com" /> <span style="color: red" id="email_error" class="email_error" ></span> </div> <div class="name"> <p>Ваше полное имя</p> <div class="input-name"> <i class="fa-solid" ><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M15.75 6.5C15.75 7.49456 15.3549 8.44839 14.6516 9.15165C13.9484 9.85491 12.9945 10.25 12 10.25C11.0054 10.25 10.0516 9.85491 9.34833 9.15165C8.64506 8.44839 8.24998 7.49456 8.24998 6.5C8.24998 5.50544 8.64506 4.55161 9.34833 3.84835C10.0516 3.14509 11.0054 2.75 12 2.75C12.9945 2.75 13.9484 3.14509 14.6516 3.84835C15.3549 4.55161 15.75 5.50544 15.75 6.5ZM4.50098 20.618C4.53311 18.6504 5.33731 16.7742 6.74015 15.394C8.14299 14.0139 10.0321 13.2405 12 13.2405C13.9679 13.2405 15.857 14.0139 17.2598 15.394C18.6626 16.7742 19.4668 18.6504 19.499 20.618C17.1464 21.6968 14.5881 22.2535 12 22.25C9.32398 22.25 6.78398 21.666 4.50098 20.618Z" fill="#696969" stroke="#696969" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> </svg> </i> <input type="name" id="person" class="input-text" placeholder="Имя Фамилия" /> <span style="color: red" id="person_error" class="person_error" ></span> </div> <div class="complite"> <span style="color: #3fff00" id="complite" class="complite" ></span> </div> </div> <button id="BUTTON" class="button2" type="submit" href=""> Отправить <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M3.99998 9.99998L1.26898 1.12598C7.80179 3.02565 13.9623 6.02677 19.485 9.99998C13.9627 13.9738 7.80256 16.9755 1.26998 18.876L3.99998 9.99998ZM3.99998 9.99998H11.5H3.99998Z" fill="#FCFBFA" /> <path d="M3.99998 9.99998L1.26898 1.12598C7.80179 3.02565 13.9623 6.02677 19.485 9.99998C13.9627 13.9738 7.80256 16.9755 1.26998 18.876L3.99998 9.99998ZM3.99998 9.99998H11.5" stroke="#7E3AF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> </form> </div> </div> </div> </div> <footer> <div class="footer-box"> <p>ASTROWORLD</p> </div> </footer> <script src="JavaScript.JS"></script> </body> </html>