Skip to content

Instantly share code, notes, and snippets.

View lafikl's full-sized avatar

Khalid Lafi lafikl

314 followers · 79 following
View GitHub Profile
@lafikl
lafikl / box-alert.html
Last active December 11, 2015 19:29
<div class="box-alert note">
تنبيه برسالة ثانوية
<span class="close">&times;</span>
</div>
<div class="box-alert important">
تنبيه مهم
<span class="close">&times;</span>
</div>
@lafikl
lafikl / tabs.html
Last active December 11, 2015 19:38
<dl class="tabs" id="tabs-container">
<dd data-tabs-target="#tabs1"><a href="#tabs-container">اللسان الاول </a></dd>
<dd class="active" data-tabs-target="#tab2"><a href="#tabs-container">اللسان الثاني</a></dd>
<dd data-tabs-target="#tab3"><a href="#tabs-container">اللسان الثالث</a></dd>
</dl>
<ul class="tabs-content">
<li id="tabs1" class="tab-item">محتوى اللسان الاول</li>
<li class="active tab-item" id="tab2">محتوى اللسان الثاني</li>
<li id="tab3" class="tab-item">محتوى اللسان الثالث</li>
</ul>
@lafikl
lafikl / tabs-without-content.html
Created January 27, 2013 20:02
<dl class="tabs" id="tabs-container">
<dd><a href="../modules">العناصر</a></dd>
<dd class="active"><a href="#tabs-container">الألسنة</a></dd>
<dd><a href="/">الرئيسية</a></dd>
</dl>
@lafikl
lafikl / img-frame.html
Created January 28, 2013 06:01
<img src="http://placehold.it/350x350" class="img-frame">
@lafikl
lafikl / tables.html
Last active December 11, 2015 22:09
<table class="table">
<thead>
<tr>
<th>#</th>
<th>الاسم الاول</th>
<th>الاسم الثاني</th>
</tr>
</thead>
<tbody>
<tr>
@lafikl
lafikl / slideDown.html
Created January 31, 2013 13:49
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.search input').focus(function() {
$('.search-options').slideDown();
});
});
</script>
@lafikl
lafikl / template.html
Last active December 12, 2015 05:29
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>عنوان الصفحة</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
@lafikl
lafikl / bold.html
Created February 6, 2013 14:10
<p>ويكيبيديا مشروع متعدد اللغات يضم مشاريعَ بأكثر من <strong>280 لغة لإعداد موسوعات حرة ودقيقة ومتكاملة ومتنوعة ومحايدة</strong>، يستطيع الجميع المساهمة في تحريرها.</p>
@lafikl
lafikl / blockquote.html
Created February 6, 2013 14:33
<blockquote>
<p>ما ندمت على الصمت قط فإن الكلام اذا كان من فضة كان السكوت من ذهب.</p>
<small>لقمان الحكيم <cite title="Source Title">وصايا لقمان الحكيم</cite></small>
</blockquote>
@lafikl
lafikl / inline-list.html
Created February 6, 2013 15:27
<ul class="inline">
<li>عنصر١</li>
<li>عنصر٢</li>
<li>عنصر٣</li>
</ul>