ccp-gradient-bc

by Vladislav Altyncev

HTML

<link rel="stylesheet" href="http://yui.yahooapis.com/combo?pure/0.2.1/base-min.css&amp;pure/0.2.1/grids-min.css&amp;pure/0.2.1/forms-min.css">
<link rel="stylesheet" href="http://shadow.perm.ru/test/temp/style.css">
<div class="pure-g-r" id="layout">
    <div class="sidebar pure-u">
	<div class="sidebar_inner">
		<div class="logo"><a href="#"><img src="http://dummyimage.com/185x138/4d494d/686a82.gif&text=placeholder+image" alt="placeholder+image"></a></div>
		<button type="button" id="menutoggle" class="navtoogle" aria-hidden="true"></button><div id="menu" class="menu">
			<div class="menu_inner">
				<ul>
					<li><a href="#portfolio">item1</a></li>
					<li><a href="#about">item2</a></li>
					<li><a href="#services">item3</a></li>
					<li><a href="#site">item4</a></li>
					<li><a href="#bitrix">item5</a></li>
					<li><a href="#client">item6</a></li>
					<li><a href="#contacts">item7</a></li>
				</ul>
				<div class="info_block">
					<p>text</p>
				</div>
			</div>
		</div>
	</div>
</div>
    <div class="pure-u-1 container page_second">

    	<div class="name_block_wr block_purple">
            <div class="name_block">
                <ul class="breadcrumb">
                    <li>
                        <span class="divider">/</span>  <a href="#">О нас</a>
                    </li>
                    <li class="active">
                        <span class="divider">/</span>
                    </li>
                </ul>

                <h1>Text</h1>
            
                <div class="tab-section">
                    <div class="box visible">
                        <p>Все течет, все меняется. Времена меняются, и мы меняемся вместе с ними.</p>
                    </div>
                </div>

            </div>
        </div>

        <div class="content">

<div class="content_block block_inner timeline-wrap top_arrow block_inner_bpurple">
    <h2>2013</h2>
    <p class="text_legend">Все события в одной ленте</p>
    
    <div...