/
sejeenn
/
Gulp
Обзор
Документация
Войти
/
sejeenn
/
Gulp
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/index.html
37 строк
5 KB
EugeneVorontsov
qwerty
22 мар 2025, 15:52
22 мар 2025, 15:52
d2f5915
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="main.css"> </head> <body> <?xml version="1.0" encoding="utf-8"?><svg style="display: none;" viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style>:root>svg{display:none}:root>svg:target{display:block}</style><svg viewBox="0 0 24 24" fill="none" id="right-arrow" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L17.586 13H4a1 1 0 1 1 0-2h13.586l-5.293-5.293a1 1 0 0 1 0-1.414Z" fill="#000"/></svg><svg fill="none" viewBox="0 0 18 14" id="twitter-logo" xmlns="http://www.w3.org/2000/svg"><g filter="url(#bb)" clip-path="url(#ba)"><path d="M17.719 1.656a7.42 7.42 0 0 1-2.088.557A3.564 3.564 0 0 0 17.23.258a7.389 7.389 0 0 1-2.31.858A3.678 3.678 0 0 0 12.269 0C10.26 0 8.633 1.582 8.633 3.534c0 .277.032.546.094.805A10.421 10.421 0 0 1 1.235.647a3.443 3.443 0 0 0-.493 1.777c0 1.226.642 2.308 1.617 2.941a3.698 3.698 0 0 1-1.646-.442v.045c0 1.712 1.253 3.14 2.915 3.465a3.792 3.792 0 0 1-1.642.062c.463 1.403 1.806 2.425 3.396 2.454a7.425 7.425 0 0 1-4.514 1.513c-.294 0-.583-.017-.868-.05A10.501 10.501 0 0 0 5.572 14c6.686 0 10.342-5.385 10.342-10.055 0-.153-.003-.305-.011-.457a7.295 7.295 0 0 0 1.816-1.832Z" fill="#000"/></g><defs><clipPath id="ba"><path fill="#fff" d="M0 0h18v14H0z"/></clipPath><filter id="bb" x="-4" y="0" width="25.719" height="22" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_9_2"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_9_2" result="shape"/></filter></defs></svg></svg> <svg> <use xlink:href="#right-arrow"></use> </svg> <svg> <use xlink:href="#twitter-logo"></use> </svg> <h1>Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis, facere et. Eaque vel nesciunt repellendus velit iste suscipit similique, impedit ex voluptas maiores quo veritatis delectus temporibus consequatur blanditiis ullam! </h1> <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facere, provident quis accusantium reiciendis consectetur unde reprehenderit quisquam enim nobis nesciunt accusamus omnis! Pariatur omnis dignissimos quaerat cupiditate, fugit in esse. Cum nobis consectetur tempora, adipisci quis eum molestias odit quae non? Nesciunt porro maxime facilis nobis distinctio est fuga quasi. Exercitationem, quo doloremque distinctio iure quaerat dolor mollitia labore quia. Expedita, facilis minima voluptate sint quas id dolore voluptatum laboriosam, veniam optio est adipisci debitis corporis! Sequi accusantium quaerat amet corporis similique minima consequuntur temporibus placeat, necessitatibus molestias tempora magni. Voluptatum eaque obcaecati eligendi necessitatibus ipsum veritatis officiis illum accusantium beatae voluptas fugiat id nemo, sequi ex tempore perspiciatis natus repudiandae iure amet harum, quia placeat. Qui consequatur voluptate aperiam. Illo consequatur maiores tenetur reiciendis iste, fugit autem quam asperiores similique minus labore ab reprehenderit corporis dicta neque culpa laborum deleniti officiis deserunt cum quia accusamus omnis? Architecto, eligendi similique. Iste necessitatibus velit, commodi maiores harum omnis voluptas corporis magni suscipit provident impedit quia quod aliquid delectus ut iusto odio labore. Cum repellendus doloremque sint aspernatur, vero totam libero minima? Aspernatur maiores at, ea corporis pariatur illum nulla doloribus repellat accusamus atque ipsum autem obcaecati est deserunt asperiores, saepe dicta maxime excepturi eos. Ullam blanditiis est corporis nisi, commodi velit. Molestiae vitae id, amet perspiciatis optio repudiandae veniam ducimus ratione porro unde cumque quidem accusamus autem cum aspernatur corporis aliquam nihil eos fugit inventore, soluta in nisi dolorum praesentium? Veniam. Error nam iure minima, rem quaerat ex, asperiores quasi alias repudiandae quisquam dolore tempore magni vero laboriosam velit esse. Fugit nobis modi minima officia sunt, harum provident aperiam itaque dolorum. Voluptatum dicta excepturi at fugiat earum labore est eius veritatis et ut nisi molestiae, aspernatur sapiente nemo aperiam illo dignissimos eligendi nulla nihil praesentium qui commodi aut. Inventore, eaque beatae. </p> </body> </html>