66 lines
2.0 KiB
HTML
66 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<title>ایپسوم دسته بندی شده</title>
|
||
<meta charset='UTF-8'>
|
||
<link rel='stylesheet' href='css/main.css'>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<h1>ایپسوم</h1>
|
||
<h3>متن نمونه دسته بندی شده</h3>
|
||
|
||
<div class='options'>
|
||
<div>
|
||
<p>دسته بندی</p>
|
||
<ul>
|
||
<li data-val='design' class='active'>طراحی</li>
|
||
<li data-val='normal'>ساده</li>
|
||
<!--<li data-val='economy'>اقتصادی</li>-->
|
||
<li data-val='news'>اخبار</li>
|
||
<!--<li data-val='info'>اطلاعات</li> -->
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<p>واحد</p>
|
||
<ul>
|
||
<li data-val='p' class='active'>پاراگرف</li>
|
||
<li data-val='w'>کلمه</li>
|
||
<li data-val='c'>کاراکتر</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<p>مقدار</p>
|
||
<ul>
|
||
<li class='active' data-val='1'>۱</li>
|
||
<li data-val='5'>۵</li>
|
||
<li data-val='10'>۱۰</li>
|
||
<li data-val='15'>۱۵</li>
|
||
<li data-val='20'>۲۰</li>
|
||
<li contenteditable>عدد وارد کنید</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<a href='#'>بساز!</a>
|
||
|
||
<div class='modal' contenteditable>
|
||
|
||
</div>
|
||
|
||
<div class="counter">
|
||
<p>تاحالا <span id="count"></span>تا حرف ساختم</p>
|
||
</div>
|
||
|
||
<a href="https://github.com/mdibaiee/ipsum"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/52760788cde945287fbb584134c4cbc2bc36f904/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f77686974655f6666666666662e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png"></a>
|
||
|
||
<script src='js/libs/zepto.js'></script>
|
||
<script src='/socket.io/socket.io.js'></script>
|
||
<script src='js/main.js'></script>
|
||
</body>
|
||
|
||
</html>
|