Перейти к ссылке на содержание - Ретро Монохроматический
Перейдите к компоненту Content Link с ретро/винтажным дизайном, монохроматической цветовой схемой и простой сложностью.
HTML-код
```html
<a href="#main-content" class="sr-only focus:not-sr-only fixed z-50 top-4 left-4 bg-stone-800 text-stone-100 px-6 py-3 rounded-md text-lg font-mono tracking-wide uppercase focus:outline-none focus:ring-2 focus:ring-stone-500 focus:ring-opacity-75 dark:bg-stone-100 dark:text-stone-800 dark:focus:ring-stone-400">
Skip to Content
</a>
<div id="main-content" class="focus:outline-none" tabindex="-1">
<!-- Page content goes here -->
</div>
```Связанные компоненты
ПропуститьКСодержаниюСсылка
Перейдите к компоненту Content Link с интерфейсом темного режима, триадической цветовой схемой и простой сложностью для электронной коммерции.
Skeuomorphic_Autumn_Skip_to_Content_Link
Простой, скевоморфный компонент ссылки «Перейти к контенту», разработанный в осенней цветовой гамме, подходит для образовательных платформ, обеспечивает доступность и отзывчивость с поддержкой темного режима.
Перейти к компоненту Ссылка на контент
Простой, доступный компонент ссылок для перехода к содержимому, разработанный для веб-сайтов о путешествиях и туризме, с цветовой гаммой сепия/коричневый цвет и поддержкой темного режима для снижения нагрузки на глаза.