Minggu, 08 Februari 2015

Animated Sidebar

Side Panel


widget ini perlu penambahan susunan bila ingin tampilannya menarik ,,
kelebihannya ia mempunyai script animasi yang dapat dipakai untuk melakukan percobaan .

susunannya sangat sederhana bila dilihat , namun buka dulu file url nya .

<div class="ea-sidebar ea-color-blue ea-animate-3">
<a href="#" class="ea-icon"><i class="fa fa-bars"></i></a>

<div class="ea-logo">
<h1>Menu Header</h1>
</div>

<div class="ea-list-item">
<ul>
   <li class="active"><a href="#"><i class="fa fa-bell"></i>Dashboard</a></li>
   <li><a href="#"><i class="fa fa-book"></i>Profile</a></li>
   <li><a href="#"><i class="fa fa-cogs"></i>Setting</a></li>
   <li><a href="#"><i class="fa fa-bug"></i>Portfolio</a></li>
   <li><a href="#"><i class="fa fa-users"></i>About Us</a></li>
   <li><a href="#"><i class="fa fa-laptop"></i>Contact Us</a></li>
</ul>
</div>

</div>

<!--pakai font-awesome-->

<!--css Animate-->
    <link href="https://0.s3.envato.com/files/113574305/css/animate.css" rel="stylesheet" />

<!--Custom Css-->
    <link rel="stylesheet" type="text/css" href="https://0.s3.envato.com/files/113574305/css/style.css" />



Tambahkan komentar Komentator

Konversi KodeOOT

Terima kasih telah berkomentar