const Page3 = () => {
    return (
        <main className="container p-2 text-center">
            <label className="mainSt d-flex justify-content-center" htmlFor="direction">
                Направление
            </label>
            <input className="justify-content-md-center w-50"
                type="search"
                id="direction"
                name="direction"
                required />

            <div className="tbb1 p-3 table-responsive-md mt-4 row justify-content-start">
                <table className="table col-lg2 w-50 mx-auto">
                    <thead>
                        <tr>
                            <th className="w-25">Код</th>
                            <th className="w-50">Направление</th>
                            <th className="w-25">Кафедра</th>
                            <th className="w-75">Предметы(ЕГЭ) по выбору</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>01.03.04</td>
                            <td>Мат. Моделирование</td>
                            <td>Прикладная математика</td>
                            <td>Иностранный язык, информатика, физика, химия</td>
                        </tr>
                        <tr>
                            <td>09.03.04</td>
                            <td>Программная инженерия</td>
                            <td>Информационные системы</td>
                            <td>Информатика, физика</td>
                        </tr>
                        <tr>
                            <td>02.03.01</td>
                            <td>Информационные системы и технологии</td>
                            <td>Измерительно-вычислительные комплексы</td>
                            <td>Информатика, физика</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </main>
    );
};

export default Page3;
