JSFiddle - React, Tailwind, and code Playground

by HappyCougar

HTML

<link rel="stylesheet" href="http://rlexpert.ru/templates/real/css/style.css">
<script src="http://rlexpert.ru/templates/real/javascript/jquery.carouFredSel-6.2.1-packed.js"></script>
<script src="http://rlexpert.ru/plugins/content/jw_sig/jw_sig/includes/js/jquery_fancybox/fancybox/jquery.fancybox.pack.js?v=2.1.5"></script>
<link rel="stylesheet" href="http://rlexpert.ru/plugins/content/jw_sig/jw_sig/includes/js/jquery_fancybox/fancybox/jquery.fancybox.css">
<img src="http://rlexpert.ru/templates/real/images/t4_top_head.jpg" alt=""/>
<div class="full_boxs t_full_boxs" id="t_full_boxs1">
    <div class="gray_box">
		<div class="gray_box_inner red_mrk">
			<div class="gray_box_head_wrapper">
				<h2 class="gray_box_head">ОЦЕНКА ЗЕМЛИ</h2>
			</div>
                <div class="t_text_left">
                    <div>
                        <p>Бесплатное консультирование на всех этапах</p>
                    </div>
                    <div>
                        <p>Строгое соблюдения законодательства и федеральных стандартов оценки. </p>
                    </div>
                    <div>
                        <p>100% Гарантия возврата денег!</p>
                    </div>
                </div>
                <div class="t_text_right">
                    <div>
                        <p>Стаж в оценке больше 12-ти лет.</p>
                    </div>
                    <div>
                        <p>Наши отчеты признаются всеми государственными органами.</p>
                    </div>
                    <div>
                        <p>Мы застрахованы на 6 000 000 руб.</p>
                    </div>
                </div>
            <div id="t_mark_no_image">
                <p>Мы готовы обсуждать СПЕЦИАЛЬНЫЕ условия для постоянных заказчиков!</p>
            </div>
		</div>
    </div>
</div>
<div class="full_boxs t_full_boxs" id="t_full_boxs2">
    <div class="gray_box">
		<div class="gray_box_inner">
			<div class="gray_box_head_wrapper">
				<h2...

CSS

body {
    width:940px;
}
.red_mrk {
    background: url('http://rlexpert.ru/templates/real/images/t_mark.png') 355px 160px no-repeat;
}

JavaScript

$("#t_lic_slider ul").carouFredSel({
	width	: 350,
	items	: 1,
	scroll	: 1,
    auto : {
        duration    : 1000,
        timeoutDuration: 10000,
        pauseOnHover: true
    },
    prev	: {	
		button	: "#tt_arrow_left",
		key		: "left"
	},
	next	: { 
		button	: "#tt_arrow_right",
		key		: "right"
	},
});
$("#t_lic_slider a").fancybox({});