siftal
Version:
CSS Framework, not bad ;)
71 lines (53 loc) • 2.26 kB
HTML
<html lang="en" dir="ltr">
<head>
<title>Siftal</title>
<meta charset="utf-8">
<meta name="description" content="Siftal, a simple CSS framework with usefull tools for Ermile projects">
<meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0 maximum-scale=1.2, minimal-ui"/>
<link rel="shortcut icon" href="../dist/images/siftal/siftal.ico">
<link rel="icon" href="../dist/images/siftal/siftal.png" type="image/png">
<link rel="stylesheet" href="../dist/css/siftal.css">
<style>
body{background-color:#eee;}
</style>
</head>
<body class="ltr">
<div class="cn">
<div class="tbox">
<h2>Kerkere</h2>
<p>A simple kerkere like accordion</p>
</div>
<div class="cbox">
<div class="kerkere">
<h4 data-kerkere="#kModel1" data-kerkere-single data-kerkere-icon='close'>kerkere 1</h4>
<div data-kerkere-content='hide' id='kModel1'>
<p>Cras malesuada ultrices augue molestie risus.</p>
</div>
<h4 data-kerkere=".kModel2" data-kerkere-single data-kerkere-icon='close'>kerkere 2</h4>
<div class="kModel2" data-kerkere-content>
<p>Lorem ipsum dolor sit amet mauris eu turpis.</p>
</div>
<h4 data-kerkere="[data-kModel3]" data-kerkere-icon='close'>kerkere 3</h4>
<div data-kerkere-content='hide' data-kModel3>
<p>Vivamus facilisisnibh scelerisque laoreet.</p>
</div>
<h4 data-kerkere="#kModel4" data-kerkere-icon='open'>kerkere 4</h4>
<div data-kerkere-content='hide' id='kModel4'>
<p>Cras malesuada ultrices augue molestie risus.</p>
</div>
<h4 data-kerkere="#kModel5">kerkere 5</h4>
<div data-kerkere-content='hide' id='kModel5'>
<p>Cras malesuada ultrices augue molestie risus.</p>
</div>
<h4 data-kerkere="#kModel6" data-kerkere-icon>kerkere 4</h4>
<div data-kerkere-content id='kModel6'>
<p>Cras malesuada ultrices augue molestie risus.</p>
</div>
</div>
</div>
</div>
</div>
<script src="../dist/js/siftal.min.js"></script>
</body>
</html>