uzmancevap/12775

by Ozgur Ozer

HTML

<div class="icerik">

	<div class="baslik">
		<h3>Vectors - Flowers Color Elements</h3>
		<div></div>
	</div>

	<div class="yaziAlani">
		&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Cupcake ipsum dolor sit amet wafer. Carrot cake wafer sweet marzipan carrot cake sugar plum gummi bears lemon drops. Chocolate sesame snaps jelly-o bonbon lemon drops carrot cake muffin tootsie roll. Donut candy I love cheesecake lollipop macaroon pudding powder. Cookie marzipan pie icing candy I love marzipan pie. Dragée wafer croissant. Powder tootsie roll chocolate I love pudding toffee. Dessert oat cake cheesecake dessert tart jelly-o brownie. Dessert biscuit chocolate cake I love powder candy. Macaroon cupcake muffin liquorice. Biscuit pudding macaroon cotton candy I love fruitcake cheesecake danish chocolate. Chupa chups oat cake tootsie roll. Tootsie roll I love cookie sesame snaps marshmallow I love biscuit.

		<br><br>

		&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Cheesecake dragée lemon drops jelly-o oat cake gummi bears. Icing cheesecake I love cake brownie candy chupa chups muffin lollipop. Macaroon macaroon I love candy marzipan. Chocolate cake bonbon chocolate danish bonbon chocolate bar lemon drops chocolate chocolate cake. Chocolate cake icing gingerbread I love cotton candy macaroon. Chocolate bar jujubes wafer. Chocolate cake jelly-o wafer fruitcake soufflé sweet roll brownie candy pie. Halvah pie I love jelly-o toffee. Tootsie roll chupa chups cheesecake I love topping macaroon. Croissant chocolate bar cotton candy. Pudding I love pudding toffee icing cheesecake ice cream I love sweet roll. I love chupa chups lollipop. Carrot cake jelly beans unerdwear.com topping. Halvah I love I love cake jelly beans.

		<br><br>

		&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Danish fruitcake bear claw candy canes I love gummies fruitcake. Fruitcake liquorice cotton candy cupcake. Icing sweet macaroon cake topping. Tiramisu jelly-o cupcake tart caramels marshmallow marzipan dragée. I love sugar plum dragée...

CSS

*{
		margin:0;
		padding:0;
		font:15px Verdana;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-o-box-sizing:border-box;
		box-sizing:border-box;
	}
	body{
		width:1000px;
		margin:auto;
		background-color:#E9E9E9;
	}

	.icerik{
		background-color:#fff;
		width:950px;
		margin:auto;
		padding-top:50px;
	}

	.baslik{
		width:1000px;
		margin-left:-30px;
		height:70px;
		overflow:hidden;
		position:relative;
	}
	.baslik>h3{
		background-color:#CF2718;
		height:35px;
		line-height:20px;
		overflow:hidden;
		display:inline-block;
		padding:15px 0 0 20px;
		font-size:20px;
		color:#fff;
		-webkit-text-shadow:0 1px 1px #333;
		-moz-text-shadow:0 1px 1px #333;
		-ms-text-shadow:0 1px 1px #333;
		-o-text-shadow:0 1px 1px #333;
		text-shadow:0 1px 1px #333;
	}
	.baslik>h3:after{
		content:"";
		position:absolute;
		margin-top:-15px;
		border-bottom:35px solid #CF2718;
		border-right:35px solid transparent;
	}
	.baslik>div{
		position:absolute;
		top:35px;
		width:100%;
		height:20px;
		background-color:#CF2718;
	}
	.baslik>div:before{
		content:"";
		position:absolute;
		margin-top:20px;
		border-top:15px solid #8B2A1E;
		border-left:30px solid transparent;
	}
	.baslik>div:after{
		content:"";
		position:absolute;
		right:0;
		margin-top:20px;
		border-top:10px solid #8B2A1E;
		border-right:20px solid transparent;
	}

	.yaziAlani{
		padding:20px 40px;
		line-height:30px;
	}