JSFiddle - React, Tailwind, and code Playground

by raskalbass

HTML

<div class="to_stat">
    
<h1 style="color: #005A7A; font-family: PTsans_narrow; text-align: center;">Уроки английского по скайпу в Happy English</h1>

    <br />
    <p>Знание английского языка открывает массу новых возможностей перед любым современным человеком.</p>
    <p> </p>
    <p>Если Вы решили выучить английский язык быстро, недорого, надёжно и с комфортом, <a title="Процесс обучения" href="uslugi/kak-eto-rabotaet/proczess-obucheniya.html">онлайн-курсы английского языка</a> - к Вашим услугам. Это удобный и эффективный метод изучения янглийского языка. Вы не привязаны к одному месту - занятия могут проходить где угодно, лишь бы у Вас был компьютер или ноутбук с подключённым Интернетом и установленным скайпом.</p> <a class="spoiler" href="#">Далее</a> 
    <div class="spoiler_body">
        <p> </p>
        <p>Уровень обучения также выбираете Вы. В зависимости от стоящей перед Вами цели совместно с преподавателем определите тот объём знаний, умений и навыков, который Вам необходим. Это можно сделать на первом бесплатном занятии. Мы предоставляем возможность попробовать и оценить свои силы, а также выбрать преподавателя и уровень обучения без финансовых затрат. Чтобы обучение английскому языку по скайпу было успешным, надо тщательно составить программу, согласовать удобное расписание занятий и точно определить задачу, стоящую перед педагогом и студентом.</p>
        <p> </p>
        <p>В сравнении с традиционным вариантом обучения курсы английского по скайпу помогут освоить язык на том уровне, который нужен Вам именно сейчас. Вы определяете интенсивность обучения, а мы разработаем <a title="Наши курсы" href="uslugi/kursyi/obshhij-kurs.html">ход и форму преподавания</a> для достижения Вами наилучших результатов.</p>
        <p> </p>
        <p>В нашем онлайн центре можно выбрать изучение английского по следующим направлениям:</p>
        <p> </p>
        <ul style="font-size: 14px;">
            <li>Общий разговорный кур.</li>
           ...

CSS

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, dt, ol, ul, li, form, table, tr, td, img {
    border: medium none;
    font-family: arial;
    margin: 0;
    padding: 0;
    position: relative;
}
@font-face {
    font-family:'NoteworthyLight';
    src: url('../fonts/noteworthy/noteworthy1.eot');
    src: url('../fonts/noteworthy/noteworthy1.eot') format('embedded-opentype'), url('../fonts/noteworthy/noteworthy1.woff') format('woff'), url('../fonts/noteworthy/noteworthy1.ttf') format('truetype'), url('../fonts/noteworthy/noteworthy1.svg#NoteworthyLight') format('svg');
}
@font-face {
    font-family: rotonda;
    src: url('../fonts/rotonda/rotonda-bold.eot');
    src: url('../fonts/rotonda/rotonda-bold.eot') format('embedded-opentype'), url('../fonts/rotonda/rotonda-bold.woff') format('woff'), url('../fonts/rotonda/rotonda-bold.ttf') format('truetype'), url('../fonts/rotonda/rotonda-bold.svg#rotonda') format('svg');
}
@font-face {
    font-family: Impact;
    src: url('../fonts/impact/impact.eot');
    src: url('../fonts/impact/impact.eot') format('embedded-opentype'), url('../fonts/impact/impact.woff') format('woff'), url('../fonts/impact/impact.ttf') format('truetype'), url('../fonts/impact/impact.svg#ImpactRegular') format('svg');
}
@font-face {
    font-family: PTsans;
    src: url('../fonts/ptsans/ptsans.eot');
    src: url('../fonts/ptsans/ptsans.eot') format('embedded-opentype'), url('../fonts/ptsans/ptsans.woff') format('woff'), url('../fonts/ptsans/ptsans.ttf') format('truetype'), url('../fonts/ptsans/ptsans.svg#PTSansCaptionRegular') format('svg');
}
@font-face {
    font-family: PTsans_bold;
    src: url('../fonts/ptsans_bold/ptsans_bold.eot');
    src: url('../fonts/ptsans_bold/ptsans_bold.eot') format('embedded-opentype'), url('../fonts/ptsans_bold/ptsans_bold.woff') format('woff'), url('../fonts/ptsans_bold/ptsans_bold.ttf') format('truetype'), url('../fonts/ptsans_bold/ptsans_bold.svg#PTSansBold') format('svg');
}
@font-face {
   ...

JavaScript

$(function () {
    $(".spoiler").click(function (event) {
        event.preventDefault();
        $(this).next().slideToggle();
    });
});