تايبوجرافي

فقد استمر الخط العربي في تاريخ الفن العربي الإسلامي تياراً له شخصيته المعبرة عن كل عصر؛ فكان كالكائن الحي ينمو ويتفرع ويتجدد باستمرار حتى بلغت أنواعه اثنَين وثمانين نوعاً متميزاً مات بعضها واندثر، لأنه لم يكن محاولة أصيلة للتجديد ولم يستطع أن يعكس الضروريات الاجتماعية لحياة الناس، وعايش البعض الآخر حياة الناس فتجلّت في حروفه عبقريةُ الفنان العربي المسلم حتى بلغت ذروة الجمال وقمة الإبداع. ولا نظن أن أمة من الأمم قد تداولت الكتابة بهذا الشكل فجعلت منها فنًّاً قائماً بذاته كما حدث في حضارتنا العربية الإسلامية؛ فكان الخط العربي ولا زال فن من أصل الفنون جميعها لأنه يستمد نبله وشرفه من كتابة آيات القرآن الكريم.

الخط العربي

ullamcorper est vitae sem ornare interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

الخط العربي

ullamcorper est vitae sem ornare interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

الخط العربي

ullamcorper est vitae sem ornare interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

الخط العربي

ullamcorper est vitae sem ornare interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

الخط العربي

ullamcorper est vitae sem ornare interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

الخط العربي

ullamcorper est vitae sem ornare interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. [gap height=”20″]

اقتباس

[gap height=”15″] [quote font_style=”normal”] Maecenas ullamcorper est vitae sem ornare interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer dolor diam, tincidunt ac euismod ac, sollicitudin varius ante.[/quote] Curabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper. [quote font_style=”normal” bcolor=”#e5e5e5″ align=”right”]sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.[/quote]Curabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper. Maecenas ullamcorper est vitae sem ornare interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer dolor diam, tincidunt ac euismod ac, sollicitudin varius ante. Pellentesque elementum commodo dolor sit amet semper. Nullam id massa a turpis bibendum tincidunt. [gap height=”20″]

Ordered & Unordered Lists

[gap height=”5″]

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Aliquam pharetra metus tempus nisi ornare venenatis.
  • In pellentesque lacus non odio malesuada, ac pulvinar purus ornare.
  • Mauris eu tortor luctus, mollis purus quis, scelerisque sapien.
  • In fermentum urna quis convallis feugiat.
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Aliquam pharetra metus tempus nisi ornare venenatis.
  3. In pellentesque lacus non odio malesuada, ac pulvinar purus ornare.
  4. Mauris eu tortor luctus, mollis purus quis, scelerisque sapien.
  5. In fermentum urna quis convallis feugiat.

[gap height=”10″]

Nested Lists

[gap height=”10″][one_half]

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

[/one_half][one_half_last]

  • List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  • List item two
  • List item three
  • List item four

[/one_half_last] [gap height=”20″]

Icon list 1640+

[gap height=”15″] [one_third][list list_items=”list item,list item,list item,list item,list item” icon=”fa-icon-ok” icon_color=”#92ca1a”][/one_third] [one_third][list list_items=”list item,list item,list item,list item,list item” icon=”fa-icon-remove” icon_color=”#de5b5b”][/one_third] [one_third_last][list list_items=”list item,list item,list item,list item,list item” icon=”fa-icon-cog” icon_color=”#5ba5de”][/one_third_last] [gap height=”20″]

Highlights

[gap height=”15″] Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer dolor diam, tincidunt ac euismod ac, sollicitudin varius ante. [highlight]Pellentesque elementum commodo[/highlight] dolor sit amet semper. Nullam id massa a turpis bibendum tincidunt. Donec non augue id augue [highlight bgcolor=”#5ba5de” txtcolor=”#ffffff”]dignissim molestie elementum[/highlight] vitae velit. Quisque laoreet eleifend posuere. Mauris congue venenatis nisl ut varius. In posuere [highlight bgcolor=”#de5b5b” txtcolor=”#ffffff”]sem lorem, eu iaculis[/highlight] ante. [gap height=”20″]

Pre & Code

[gap height=”5″]

function foo($arg_1, $arg_2, /* ..., */ $arg_n)
{
    echo "Example function.n";
    return $retval;
}

[gap height=”20″]

Tables

[gap height=”5″]

Employee Salary
John Doe $1 Because that’s all Steve Jobs needed for a salary.
Jane Doe $100K For all the blogging she does.
Fred Bloggs $100M Pictures are worth a thousand words, right? So Jane x 1,000.
Jane Bloggs $100B With hair like that?! Enough said…
Last Name First Name Email Due Web Site
Smith John [email protected] $50.00 http://www.jsmith.com
Bach Frank [email protected] $50.00 http://www.frank.com
Doe Jason [email protected] $100.00 http://www.jdoe.com
Conway Tim [email protected] $50.00 http://www.tway.com

[gap height=”20″]

Definition Lists

[gap height=”5″]

Definition List Title
Definition list division.
Startup
A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
#dowork
Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
Do It Live
I’ll let Bill O’Reilly will explain this one.