nektorandom/gist:ded95dbb592fd5d35f7d0436d3897a1e

## gistfile1.txt
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>


</head>
<body>


<div>
    <style>
        @import url('https://fonts.googleapis.com/css?family=Roboto');

        div {
            background: #EDE4DA;
            margin: 0;
            padding: 0;
            font-family: 'Roboto', sans-serif;
        }

        h1,
        h2,
        h3,
        h4,
        h5 {
            font-family: 'Roboto', sans-serif;
            font-weight: bold;
            font-style: normal;
            color: #2A2117;
            padding: 0 24px;
            margin: 40px 0;
        }

        h1 {
            font-size: 26px;
            line-height: 34px;
        }

        h2 {
            font-size: 22px;
            line-height: 28px;
        }

        h3 {
            font-size: 18px;
            line-height: 25px;
        }

        h4 {
            font-size: 16px;
            line-height: 23px;
        }

        h5 {
            font-size: 14px;
            line-height: 21px;
        }

        p {
            font-family: 'Roboto', sans-serif;
            color: #2A2117;
            font-size: 16px;
            line-height: 24px;
            font-style: normal;
            font-weight: normal;
            padding: 0 24px;
            margin: 35px 0;
        }

        figure,
        img {
            font-family: 'Roboto', sans-serif;
            margin: 0;
            padding: 0;
            width: 100%;
            object-fit: fill;
        }

        link {
            font-family: 'Roboto', sans-serif;
            color: #94897C;
        }

        ul, li {
            font-family: 'Roboto', sans-serif;
            margin: 0 24px;
        }

        li {
            position: relative;
            list-style-type: none;
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
            line-height: 24px;
            color: #2A2117;
            padding: 16px 0;
        }

        li:before {
            content: "";
            position: absolute;
            left: -56px;
            top: 50%;
            transform: translate(0, -50%);
            width: 15px;
            height: 3px;
            border-radius: 4px;
            background-color: #2A2117;
        }

        blockquote{
            position: relative;
            padding: 12px 16px;
            background: #E4DACF;
            text-align: left;
            font-style: normal;
            font-weight: normal;
            font-size: 14px;
            line-height: 21px;
            color: #2A2117;
        }

        blockquote:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 3px;
            background: #AB0000;
            -webkit-border-radius: 0px 3px 3px 0px;
            -moz-border-radius: 0px 3px 3px 0px;
            border-radius: 0px 3px 3px 0px;
        }

    </style>

    <h1>Приседания с резинкой на бедрах</h1>
    <br>
    <h3>Работающие мышцы:</h3>
    <ul>
        <li>Квадрицепс</li>
        <li>Бицепс бедра</li>
        <li>Ягодицы</li>
    </ul>
    <br>
    <h3>Техника выполнения:</h3>
    <p>Наденьте резинку большего сопротивления чуть выше колен (примерно расстояние ладони). Стопы расположите чуть шире плеч. Носки направлены вперед.
    <p>Начните движение с отведения таза назад, как будто вы хотите сесть на стул. Спину при этом сохраняйте прямой, естесственный прогиб в пояснице. Взгляд направьте чуть выше (примерно в угол потолка и стены).</p>
    <p>Следите за тем, чтобы колени не выходили за носки и не заворачивались внутрь, сохраняйте их стабильными и резинку натянутой. В нижней точке зажмите ягодицы и за счет них верните себя в исходное положение. Подъем осуществляется на выдохе.</p>
    <br>
    <h3>Рекомендации:</h3>
    <p>Опускайтесь до того момента, пока таз не начал подкручиваться. В нижней точке избегайте подкручивание таза.</p>
    <p>Также сохраняйте корпус стабильным, не наклоняйтесь к бедрам. Если замечаете, что есть наклон, возьмите в руки предмет (например, фитбол) и держите его на вытянутых руках, наклон будет меньше.</p>
    <p>С целью усложения упражнения можно использовать утяжеление. </p>
</div>

</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Title</title>



	</head>
	<body>



	<div>
	<style>
	@import url('https://fonts.googleapis.com/css?family=Roboto');

	div {
	background: #EDE4DA;
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	}

	h1,
	h2,
	h3,
	h4,
	h5 {
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #2A2117;
	padding: 0 24px;
	margin: 40px 0;
	}

	h1 {
	font-size: 26px;
	line-height: 34px;
	}

	h2 {
	font-size: 22px;
	line-height: 28px;
	}

	h3 {
	font-size: 18px;
	line-height: 25px;
	}

	h4 {
	font-size: 16px;
	line-height: 23px;
	}

	h5 {
	font-size: 14px;
	line-height: 21px;
	}

	p {
	font-family: 'Roboto', sans-serif;
	color: #2A2117;
	font-size: 16px;
	line-height: 24px;
	font-style: normal;
	font-weight: normal;
	padding: 0 24px;
	margin: 35px 0;
	}

	figure,
	img {
	font-family: 'Roboto', sans-serif;
	margin: 0;
	padding: 0;
	width: 100%;
	object-fit: fill;
	}

	link {
	font-family: 'Roboto', sans-serif;
	color: #94897C;
	}

	ul, li {
	font-family: 'Roboto', sans-serif;
	margin: 0 24px;
	}

	li {
	position: relative;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #2A2117;
	padding: 16px 0;
	}

	li:before {
	content: "";
	position: absolute;
	left: -56px;
	top: 50%;
	transform: translate(0, -50%);
	width: 15px;
	height: 3px;
	border-radius: 4px;
	background-color: #2A2117;
	}

	blockquote{
	position: relative;
	padding: 12px 16px;
	background: #E4DACF;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 21px;
	color: #2A2117;
	}

	blockquote:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background: #AB0000;
	-webkit-border-radius: 0px 3px 3px 0px;
	-moz-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;
	}

	</style>

	<h1>Приседания с резинкой на бедрах</h1>
	<br>
	<h3>Работающие мышцы:</h3>
	<ul>
	<li>Квадрицепс</li>
	<li>Бицепс бедра</li>
	<li>Ягодицы</li>
	</ul>
	<br>
	<h3>Техника выполнения:</h3>
	<p>Наденьте резинку большего сопротивления чуть выше колен (примерно расстояние ладони). Стопы расположите чуть шире плеч. Носки направлены вперед.
	<p>Начните движение с отведения таза назад, как будто вы хотите сесть на стул. Спину при этом сохраняйте прямой, естесственный прогиб в пояснице. Взгляд направьте чуть выше (примерно в угол потолка и стены).</p>
	<p>Следите за тем, чтобы колени не выходили за носки и не заворачивались внутрь, сохраняйте их стабильными и резинку натянутой. В нижней точке зажмите ягодицы и за счет них верните себя в исходное положение. Подъем осуществляется на выдохе.</p>
	<br>
	<h3>Рекомендации:</h3>
	<p>Опускайтесь до того момента, пока таз не начал подкручиваться. В нижней точке избегайте подкручивание таза.</p>
	<p>Также сохраняйте корпус стабильным, не наклоняйтесь к бедрам. Если замечаете, что есть наклон, возьмите в руки предмет (например, фитбол) и держите его на вытянутых руках, наклон будет меньше.</p>
	<p>С целью усложения упражнения можно использовать утяжеление. </p>
	</div>

	</body>
	</html>