2014-09-06 07:21:41 +00:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<title>ایپسوم دسته بندی شده</title>
|
|
|
|
|
<meta charset='UTF-8'>
|
|
|
|
|
<link rel='stylesheet/less' href='css/main.less'>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<h1>ایپسوم</h1>
|
|
|
|
|
<h3>متن نمونه دسته بندی شده</h3>
|
|
|
|
|
|
|
|
|
|
<div class='options'>
|
|
|
|
|
<div>
|
|
|
|
|
<p>دسته بندی</p>
|
|
|
|
|
<ul>
|
|
|
|
|
<li data-val='design' class='active'>طراحی</li>
|
2014-09-06 15:08:42 +00:00
|
|
|
|
<li data-val='normal'>ساده</li>
|
2014-09-09 10:26:09 +00:00
|
|
|
|
<!--<li data-val='economy'>اقتصادی</li>-->
|
2014-09-06 07:21:41 +00:00
|
|
|
|
<li data-val='news'>اخبار</li>
|
2014-09-09 10:26:09 +00:00
|
|
|
|
<!--<li data-val='info'>اطلاعات</li> -->
|
2014-09-06 07:21:41 +00:00
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<p>واحد</p>
|
|
|
|
|
<ul>
|
2014-09-06 15:08:42 +00:00
|
|
|
|
<li data-val='p' class='active'>پاراگرف</li>
|
2014-09-06 07:21:41 +00:00
|
|
|
|
<li data-val='w'>کلمه</li>
|
2014-09-06 15:08:42 +00:00
|
|
|
|
<li data-val='c'>کاراکتر</li>
|
2014-09-06 07:21:41 +00:00
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<p>مقدار</p>
|
|
|
|
|
<ul>
|
2014-09-06 15:08:42 +00:00
|
|
|
|
<li class='active' data-val='1'>۱</li>
|
2014-09-06 07:21:41 +00:00
|
|
|
|
<li data-val='5'>۵</li>
|
|
|
|
|
<li data-val='10'>۱۰</li>
|
|
|
|
|
<li data-val='15'>۱۵</li>
|
|
|
|
|
<li data-val='20'>۲۰</li>
|
2014-09-06 15:08:42 +00:00
|
|
|
|
<li contenteditable>عدد وارد کنید</li>
|
2014-09-06 07:21:41 +00:00
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a href='#'>بساز!</a>
|
|
|
|
|
|
|
|
|
|
<div class='modal' contenteditable>
|
2014-09-06 15:08:42 +00:00
|
|
|
|
|
2014-09-06 07:21:41 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script src='less.js'></script>
|
|
|
|
|
<script src='js/libs/zepto.js'></script>
|
|
|
|
|
<script src='js/main.js'></script>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|