Bootstrap 3 Template

This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.

by Madalina Taina

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="enzimskiprogramindex herbaprogramindex herbaindex nomargin nopadding container-fluid produkti">
         <div class="maincontainer">
            <div class="row">
                  <div class="col-sm-offset-3 col-sm-9">
                    <div class="col-sm-1">
                       
                    </div>
                      
                    <div class="col-sm-10">
                        <h1 class="ffyanone">LOREM IPSUM DOLOR SIT AMET</h1>
                        <p class="paragraphtoggle">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi tempus ultrices nulla, 
                            id consequat ipsum rutrum eget. Sed eget eros sit amet est mattis ultricies vitae ut nibh. 
                            Vestibulum vitae mi tincidunt, dapibus orci nec, malesuada eros. Duis pellentesque tincidunt 
                            quam, et dignissim dolor laoreet sed. In sed turpis ipsum. Integer elementum, orci eu ultrices 
                            facilisis, justo nisi finibus lorem, fringilla pellentesque elit tortor nec sem
                        </p> 
                    </div>
                   </div>       
            </div>
        </div> 
    </div><!--Closed div indexproducts-->

CSS

.enzimskiprogramindex{
	height:auto;
	background-color: #f0952e;
	color:white;
	cursor: pointer;
	border-bottom: 5px solid white;
}
.enzimskiprogramindex .maincontainer{
	padding-top:25px;
	padding-bottom: 25px;
}
.produkti img{
	margin-top: 15px;
}
.produkti h1{
	margin-left: 10px;
	letter-spacing: 0.7px;
	font-size:27px;
}
.paragraphtoggle{
	margin-top: 25px;
	margin-left: 10px;
	text-align: justify;
	display:none;
}
.herbaprogramindex{
	background-color: #71a139;
}

JavaScript

$(".enzimskiprogramindex").click(function(e) {
    $('.enzimskiprogramindex p').not($(this).find('p')).toggleClass("enzimskiprogramindex");
    $(".ffyanone").next("p").slideToggle();
});