JSFiddle - React, Tailwind, and code Playground

by Sergey khorev

HTML

<body>       
        <div class="wrapper">
            <div class="fixed-nav">
                <div class="nav-faq">
                    <span>Навигация по разделу:</span>
                                <a class="grey-text text-darken-1" href="#index-page">1. Единый журнал заявок</a> 
                                <a class="grey-text text-darken-1 navp" href="#index-page1">1.1 Кнопки действий</a> 
                                <a class="grey-text text-darken-1 navp" href="#index-page2">1.2 Поле поиска и фильтры</a> 
                                <a class="grey-text text-darken-1 navp" href="#index-page3">1.3 Таблица заявок</a> 

                                <a class="grey-text text-darken-1" href="#order-page">2. Заявки</a>
                                <a class="grey-text text-darken-1 navp" href="#order-page1">2.1 Создание заявки</a> 
                                <a class="grey-text text-darken-1 navp" href="#order-page2">2.2 Удаление заявки</a> 
                                <a class="grey-text text-darken-1 navp" href="#order-page3">2.3 Редактирование заявки</a>

                                <a class="grey-text text-darken-1" href="#settings-page">3. Настройки профиля</a> 
                                <a class="grey-text text-darken-1 navp" href="#settings-page1">3.1 Поля ввода данных</a> 
                                <a class="grey-text text-darken-1 navp" href="#settings-page2">3.2 Кнопка “Сохранить изменения”</a>

                                <a class="grey-text text-darken-1" href="#money-page">4. Начисления зарплаты</a>
                                <a class="grey-text text-darken-1 navp" href="#money-page1">4.1 Поля ввода данных</a>
                                <a class="grey-text text-darken-1 navp" href="#money-page2">4.2 Основные столбцы таблицы</a>
                                
                                <a class="grey-text text-darken-1" href="#employees-page">5. Сотрудники</a> 
                           ...