Sensation Energy

Tutorials



Grid

Back

Left
Center
Right

Left

Right



1
2
3

1_of_2
1_of_2
1_of_2

1_of_2
2_of_2

3_of_2

4_of_2
4_of_2
4_of_2
4_of_2

5_of_2
5_of_2

6_of_2
7_of_2

3_of_2
1_of_2
6_of_2
7_of_2
1_of_2
1_of_2
4_of_2
4_of_2
4_of_2
4_of_2

HTML

It is used by copying the code below, and then pastes it into your application or website. Before that, you can use our CSS and JS to make certain functionalities work for you. These are the addressees:

 
 <link rel="stylesheet" href="www.sensationenergy.com/se_css/se.css>
 <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
 <script  src="www.sensationenergy.com/js_css/se.js"></script>
 
 
 
<div class="sekcija1 grupa1">
<div class="colona1 raspon_1_of_1">
Left
</div>
<!--centar-->
<div class="colona1 raspon_3_of_1">
Center
</div>
<!--centar kar-->
<div class="colona1 raspon_2_of_1">
Right
<br>
<div class="dve">
<div class="moja-colona">
<div class="crveni-e">
<h3>Left</h3>
</div>
<div class="klizac-colona">
<div class="zeleni-e">
<h3>Right</h3>
</div>
</div>
</div>
</div>
<br>
</div>
</div>
<br>
<div class="grupa3">
<div class="sekcija3">1</div>
<div class="sekcija3">2</div>
<div class="sekcija3">3</div>
</div>
<br>
<div class="sekcija2 grupa2">
<div class="colona2 raspon_1_of_2">
1_of_2
</div>
<div class="colona2 raspon_1_of_2">
1_of_2
</div>
<div class="colona2 raspon_1_of_2">
1_of_2
</div>
</div>
<br>
<div class="sekcija2 grupa2">
<div class="colona2 raspon_1_of_2">
1_of_2
</div>
<div class="colona2 raspon_2_of_2">
2_of_2
</div>
</div>
<br>
<div class="sekcija2 grupa2">
<div class="colona2 raspon_3_of_2">
3_of_2
</div>
</div>
<br>
<div class="sekcija2 grupa2">
<div class="colona2 raspon_4_of_2">
4_of_2
</div>
<div class="colona2 raspon_4_of_2">
4_of_2
</div>
<div class="colona2 raspon_4_of_2">
4_of_2
</div>
<div class="colona2 raspon_4_of_2">
4_of_2
</div>
</div>
<br>
<div class="sekcija2 grupa2">
<div class="colona2 raspon_5_of_2">
5_of_2
</div>
<div class="colona2 raspon_5_of_2">
5_of_2
</div>
<br>
<div class="sekcija2 grupa2">
<div class="colona2 raspon_6_of_2">
6_of_2
</div>
<div class="colona2 raspon_7_of_2">
7_of_2
</div>
</div>
</div>
<br>
<div class="sekcija2 grupa2">
<div class="colona2 raspon_3_of_2">
3_of_2
<div class="sekcija2 grupa2">
<div class="colona2 raspon_1_of_2">
1_of_2
<div class="sekcija2 grupa2">
<div class="colona2 raspon_6_of_2">
6_of_2
</div>
<div class="colona2 raspon_7_of_2">
7_of_2
</div>
</div>
</div>
<div class="colona2 raspon_1_of_2">
1_of_2
</div>
<div class="colona2 raspon_1_of_2">
1_of_2
<div class="sekcija2 grupa2">
<div class="colona2 raspon_4_of_2">
4_of_2
</div>
<div class="colona2 raspon_4_of_2">
4_of_2
</div>
<div class="colona2 raspon_4_of_2">
4_of_2
</div>
<div class="colona2 raspon_4_of_2">
4_of_2
</div>
</div>
</div>
</div>
</div>