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 / 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 / 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 / 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 / img-frame.html
Created January 28, 2013 06:01
<img src="http://placehold.it/350x350" class="img-frame">
@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 / 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 / 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 / box-thumb.html
Created January 27, 2013 15:05
<div class="box-thumb">
<div class="box-img">
<img src="http://upload.wikimedia.org/wikipedia/commons/2/23/Brown_Thrasher-27527-2.jpg" >
</div>
<a href="#" class="box-headline">دراس بني</a>
<p class="box-content">الدَّرَّاس البُنِّيّ هو طائرٌ ينتمي لفصيلة المُحاكيات، التي تضم أيضًا موَّاءات العالم الجديد والمُحاكيات. هذه الطيور واسعة الانتشار عبر شرق ووسط الولايات المتحدة، بالإضافة إلى جنوب ووسط كندا، وهي الدرَّاسات الوحيدة التي تقيم إقامةً دائمة في المنطقة الواقعة شرق الجبال الصخريَّة (جبال الروكي)، وفي أواسط تكساس. اتُخذت هذه الدرَّاسات رمزًا لولاية جورجيا.</p>
<div class="box-actions">
<a href="#" class="btn btn-fancy btn-small pull-left">إقرأ المزيد..</a>
</div>
@lafikl
lafikl / box.html
Created January 27, 2013 14:34
<div class="box-thumb">
<div class="box-img">
<img src="http://upload.wikimedia.org/wikipedia/commons/2/23/Brown_Thrasher-27527-2.jpg" >
</div>
<a href="#" class="box-headline">دراس بني</a>
<p class="box-content">الدَّرَّاس البُنِّيّ هو طائرٌ ينتمي لفصيلة المُحاكيات، التي تضم أيضًا موَّاءات العالم الجديد والمُحاكيات. هذه الطيور واسعة الانتشار عبر شرق ووسط الولايات المتحدة، بالإضافة إلى جنوب ووسط كندا، وهي الدرَّاسات الوحيدة التي تقيم إقامةً دائمة في المنطقة الواقعة شرق الجبال الصخريَّة (جبال الروكي)، وفي أواسط تكساس. اتُخذت هذه الدرَّاسات رمزًا لولاية جورجيا.</p>
<div class="box-actions">
<a href="#" class="btn btn-fancy btn-small pull-left">إقرأ المزيد..</a>
</div>
@lafikl
lafikl / topbar-divider.html
Created January 27, 2013 13:40
<div class="top-bar">
<div class="container">
<div class="row">
<div class="col-three-mobile col-two logo">
<a href="#" class="brand">اسم الموقع</a>
</div>