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/t3_top_head.png" 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>Проводим осмотр объекта в удобное для Вас время.</p>
                    </div>
                    <div>
                        <p>Наши отчеты признаются всеми государственными органами. </p>
                    </div>
                    <div>
                        <p>Мы застрахованы на 16 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...

CSS

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

.t_desc_block_left, .t_desc_block_right {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
}

.t_desc_block_right {
    width: 300px;
    padding-left: 70px;
}
.t_another_block2 {
    width:420px;
}
.t_another_block2 .t_li {
    width: 400px;
}
.t_doc_link {
    padding: 4px 0px;
}
.t_doc_link a {
    color: #000;
    text-decoration: none;
}
.t_doc_link span {
    position: relative;
    top: -12px;
    margin-left: 10px;
}

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({});