• 1
  • 2
  • 3

  • البرامج الجديدة
  • آخر الأخبار
  • اصدارات المؤسسة
  • المخطوطات
  • آرشيف الصـور
IMAGE

ليلة القدر الثالثة ليلة 23 من شهر رمضان

 إحياء ليلة القدر الثالثة من شهر رمضان المبارك  ليلة القدر ليلة عظيمة و...
IMAGE

لية القدر الثانية ليلة 21

 إحياء ليلة القدر الثانية ليلة 21 رمضان  2024  ليلة القدر ليلة عظيمة و شريفة...
IMAGE

2024 مجالس ليالي القدر

  مجالس ليالي القدر 2024   تقيم مؤسسة  آل البيت مجلسها السنوي بمناسبة...
IMAGE

ولادة الإمام علي بن موسى الرضا عليه السلام

2020  ولادة الإمام علي بن موسى الرضا  عليه السلام    تتقدم مؤسسة ال البيت...
الأربعاء, 01 تموز/يوليو 2020
IMAGE

عيد الفطر المبارك 2019

  صلاة عيد الفطر  https://ar.shafaqna.com/AR/191631/                   ...
الأربعاء, 05 حزيران/يونيو 2019
image

اصدارات المؤسسة

هذه الاصدارات باللغة الانكليزية حيث أنها ترجمن من قبل الاستاذ نجم الخفاجي للمرحوم الشهيد اية الله المطهري

 

أحدث الأخبـــــــار

IMAGE

ليلة القدر الثالثة ليلة 23 من شهر رمضان

الثلاثاء, 02 نيسان/أبريل 2024
 إحياء ليلة القدر الثالثة من شهر رمضان المبارك  ليلة القدر ليلة عظيمة و شريفة يتضاعف فيها الأجر و الثواب أضعافاً مضاعفة حيث أنها خير من ألف شهر ، و ليلة القدر مخفية بين ليالي ثلاث الاولى الليلة التاسعة عشر و ثانيها هي الليلة الواحدة و العشرين من شهر رمضان المبارك و...

المزيد


IMAGE

لية القدر الثانية ليلة 21

الأحد, 31 آذار/مارس 2024
 إحياء ليلة القدر الثانية ليلة 21 رمضان  2024  ليلة القدر ليلة عظيمة و شريفة يتضاعف فيها الأجر و الثواب أضعافاً مضاعفة حيث أنها خير من ألف شهر ، و ليلة القدر مخفية بين ليالي ثلاث الاولى الليلة التاسعة عشر و ثانيها هي الليلة الواحدة و العشرين من شهر رمضان المبارك و هي ليلة...

المزيد


IMAGE

2024 مجالس ليالي القدر

الجمعة, 29 آذار/مارس 2024
  مجالس ليالي القدر 2024   تقيم مؤسسة  آل البيت مجلسها السنوي بمناسبة شهادة سيد الوصيين وخليفة رسول الله أمير المؤمنين علي عليه السلام حيث  يلقي سماحة السيد سعيد الخلخالي محاضرة قيمة مع قراءة الأدعية المأثورة لهذه الليلة العظيمة.

المزيد


IMAGE

وفاة ام المؤمنين خديجة سلام الله عليها

الخميس, 21 آذار/مارس 2024
  وفاة ام المؤمنين السيدة خديجة الكبرى سلام الله عليها  أقامت المؤسسة  مجلسا ً في ذكرى وفاة أم المؤمنين السيدة خديجة الكبرى حيث ألقى  سماحة العلامة السيد مرتضى الكشميري  محاضرة قيمة لهذه المناسبة الأليمة

المزيد


IMAGE

دروس اسلامية باللغة الانكليزية

الأحد, 10 آذار/مارس 2024
  دروس اسلامية باللغة الانكليزية  أقامت مؤسسة ال البيت لاحياء التراث  برنامج إفطار لطلبة الدروس الاسلامية باللغة الانكليزية في يوم السبت حيث تم القاء فيها محاضرات باللغة الانكليزية عن الشهر الفضيل .  

المزيد


IMAGE

المجلس الرمضاني لشباب اهل الكساء

السبت, 09 آذار/مارس 2024
   المجلس الرمضاني لشباب أهل الكساء      أقامت مؤسسة ال البيت لاحياء التراث بالتعاون مع  شباب أهل الكساء لتوضيح أهمية هذا الشهر الفضيل والاشارة فيه الى أهمية  تلاوة القرأن الكريم والدعاء وحث الشباب على  التمعن في قراءة القران لفهم آياته.  

المزيد


نهج البلاغة

القرآن الكريم

نهج البلاغة

 

...اشتمل الكتاب على عدد كبير من الخطب والمواعظ والعهود والرسائل والحكم والوصايا والآداب، توزعت على 238 خطبة، و 79 رسالة و 489 قول يرى الشيعة في الكتاب أنه أحد الكتب الهامة التي يجب ...

المزيد

كربلاء المقدسة

كربلاء المقدسة

كربلاء المقدسة

كربلاء مدينة تقع في وسط العراق. تعتبر أحد المدن المقدسة لدى الشيعة وذلك لوجود ضريح الإمام الحسين بن علي وأصحابه الذين استشهدو معه في واقعة الطف. زار كربلاء ملايين الزوار في 2009 من العراق ولبنان والبحرين وسوريا والهند وباكستان وإيران والكويت وبعض الدول الأخرى.

المزيد

القرآن الكريم

القرآن الكريم

القرآن الكريم

 

﴿إِنَّ هَذَا الْقُرْآنَ يِهْدِي لِلَّتِي هِيَ أَقْوَمُ﴾.
﴿كِتَابٌ أَنزَلْنَاهُ إِلَيْكَ لِتُخْرِجَ النَّاسَ مِنَ الظُّلُمَاتِ إِلَى النُّورِ بِإِذْنِ رَبِّهِمْ إِلَى صِرَاطِ الْعَزِيزِ الْحَمِيدِ﴾.
﴿هَذَا بَيَانٌ لِّلنَّاسِ وَهُدًى وَمَوْعِظَةٌ لِّلْمُتَّقِينَ﴾.

المزيد

النجف الأشرف

النجف الأشرف

النجف الأشرف

مدينة النجف أو النّجف الأشرف إحدى أبرز مدن العراق ومركز محافظة النجف، وتبعد عن العاصمة بغداد بحوالي 161 كم. وترتفع المدينة 70 م فوق مستوى سطح البحر يحدها من الشمال والشمال الشرقي مدينة كربلاء التي تبعد عنها نحو 80 كم ومن الجنوب والغرب منخفض بحر النجف.

المزيد

Creating Beautiful Content With Simple Code

Typography is a fundamental part of a template, providing you with the tools to characterise your content and bring it to life. There is a vast array of typography available with Ionosphere template, as is with our previous releases, from list styles, notice blocks and a diverse number of other elements.

If you are using the TinyMCE editor for HTML typography, go to Extensions → Plugin Manager → TinyMCE 2.0 → Set Code Clean-up on Save to Never.

<h1> Heading Styles

H1. Heading 1

H2. Heading 2

H3. Heading 3

H4. Heading 4

H5. Heading 5

H1. Page Title

H1. Content Title

<ul> List Styles

  • This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.
  • This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.
  • This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.
  • This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.
  • This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.
 

<p> DropCap Styles

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibu. Pellentesque vel enim urna, sit amet blandit ipsum. Maecenas quis sem sit amet nunc pretium mattis. Sed dapibus semper est, sed pretium erat.

Use the following format: <p class="dropcap">...</p> (HTML) or [dropcap class="dropcap"]...[/dropcap] (ROKCANDY). You can use any letter, symbol or number.

Praesent rutrum sapien ac felis. Use this format: <p class="dropcap2">...</p> (HTML) or [dropcap class="dropcap2"] ... [/dropcap] (ROKCANDY)

Praesent rutrum sapien ac felis. Use this format: <p class="dropcap3">...</p> (HTML) or [dropcap class="dropcap3"] ... [/dropcap] (ROKCANDY)

Praesent rutrum sapien ac felis. Use this format: <p class="dropcap4">...</p> (HTML) or [dropcap class="dropcap4"] ... [/dropcap] (ROKCANDY)

Praesent rutrum sapien ac felis. Use this format: <p class="dropcap5">...</p> (HTML) or [dropcap class="dropcap5"] ... [/dropcap] (ROKCANDY)

<blockquote> Styles

To replicate, use the following formatting: <blockquote><p>....</p></blockquote> (HTML) or [blockquote class="default"]...[/blockquote] (ROKCANDY).


Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis.

To replicate, use the following formatting: <blockquote class="alignleft"><p>....</p></blockquote> (HTML) or [blockquote class="alignleft"]...[/blockquote] (ROKCANDY).

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris metus tortor.


Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis.

To replicate, use the following formatting: <blockquote class="alignright"><p>....</p></blockquote> (HTML) or [blockquote class="alignright"]...[/blockquote] (ROKCANDY).

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris metus tortor.

 

<pre> Code Styles

This is a sample <pre class="lines">...</pre> (HTML) or,
[pre2 class="{lines}"] ... [/pre2] (ROKCANDY) tag:

div.modulebox-black div.bx1 {
  background: url(../images/box_bl.png) 0 100% repeat;
}

div.modulebox-black div.bx2 {
  background: url(../images/box_tr.png) 100% 0 repeat;
}
This is a sample <pre>...</pre> (HTML) or,
[pre class="{lines}"] ... [/pre] (ROKCANDY) tag:

div.modulebox-black div.bx1 {
  background: url(../images/box_bl.png) 0 100% repeat;
}

div.modulebox-black div.bx2 {
  background: url(../images/box_tr.png) 100% 0 repeat;
}

<p> Notice Styles

This is a sample of the Approved style. To replicate, use the following syntax: <p class="approved">....</p> (HTML) or [notice class="approved"] ... [/notice] (ROKCANDY).

This is a sample of the Attention style. To replicate, use the following syntax: <p class="attention">....</p> (HTML) or [notice class="attention"] ... [/notice] (ROKCANDY).

This is a sample of the Notice style. To replicate, use the following syntax: <p class="notice">....</p> (HTML) or [notice class="notice"] ... [/notice] (ROKCANDY).

This is a sample of the Alert style. To replicate, use the following syntax: <p class="alert">....</p> (HTML) or [notice class="alert"] ... [/notice] (ROKCANDY).

 

<span> Text Icon

To replicate, the following format: <span class="text-icon iconname">...</span> (HTML) or [icon class="icon name"]...[/icon] (ROKCANDY). The class names are listed below, such as "text-icon email".



Text with a phone icon

Text with a quote icon

Text with a cart icon

Text with a rss icon

Text with a tags icon

Text with a write icon

Text with an info icon

Text with a sound icon

Text with a rightarrow icon

Text with a leftarrow icon

Text with a circlearrow icon

Text with a downarrow icon

Text with an uparrow icon

Text with a person icon

Text with a calendar icon

Text with a doc icon
Text with a bulb icon



Text with a youtube icon

Text with a skype icon





Text with a video icon

Text with a dropbox icon

Text with a vimeo icon

Text with a paypal icon

<em> Emphasis Styles

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="italic">...</em> (HTML) or [emphasis]...[/emphasis] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="bold">...</em> (HTML) or [emphasisbold]...[/emphasisbold] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="bold2">...</em> (HTML) or [emphasisbold2]...[/emphasisbold2] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight">...</em> (HTML) or [highlight class="default"]...[/highlight] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight white">...</em> (HTML) or [highlight class="white"]...[/highlight] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight black">...</em> (HTML) or [highlight class="black"]...[/highlight] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight green">...</em> (HTML) or [highlight class="green"]...[/highlight] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight yellow">...</em> (HTML) or [highlight class="yellow"]...[/highlight] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight blue">...</em> (HTML) or [highlight class="blue"]...[/highlight] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight red">...</em> (HTML) or [highlight class="red"]...[/highlight] (ROKCANDY)

 

Font Awesome Icons

Font Awesome is a pictographic language of web-related actions which delivers 220 icons. The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0 and you can find the full examples of usage at Font Awesome - http://fortawesome.github.com/Font-Awesome

To replicate, use the following format: <span class="icon-name"><span> or [span class="icon-name"]...[/span] (ROKCANDY). The icons name are listed below, such as "icon-signal".

Text using icon-adjust

Text using icon-asterisk

Text using icon-calendar

Text using icon-flag

Text using icon-external-link

Text using icon-gift

Text using icon-print

Text using icon-group

Text using icon-signal

Text using icon-shopping-cart

Text using icon-leaf

Text using icon-download-alt

 

<ul> List Styles (Icons)

To replicate, use the following format: <ul class="list-icon icon_name"><li>....</li><li>....</li>...</ul> (HTML) or [list class="list-icon icon_name"][li]....[/li][li....[/li][/list] (ROKCANDY). The icon names are listed below, such as "cart".


  • A list item using the list-icon phone class.
  • A list item using the list-icon phone class.

  • A list item using the list-icon quote class.
  • A list item using the list-icon quote class.


  • A list item using the list-icon youtube class.
  • A list item using the list-icon youtube class.


  • A list item using the list-icon cart class.
  • A list item using the list-icon cart class.
  • A list item using the list-icon tags class.
  • A list item using the list-icon tags class.

  • A list item using the list-icon write class.
  • A list item using the list-icon write class.

  • A list item using the list-icon info class.
  • A list item using the list-icon info class.

  • A list item using the list-icon sound class.
  • A list item using the list-icon sound class.

  • A list item using the list-icon rightarrow class.
  • A list item using the list-icon rightarrow class.

  • A list item using the list-icon skype class.
  • A list item using the list-icon skype class.

  • A list item using the list-icon rss class.
  • A list item using the list-icon rss class.
  • A list item using the list-icon leftarrow class.
  • A list item using the list-icon leftarrow class.

  • A list item using the list-icon circlearrow class.
  • A list item using the list-icon circlearrow class.

  • A list item using the list-icon dropbox class.
  • A list item using the list-icon dropbox class.

  • A list item using the list-icon vimeo class.
  • A list item using the list-icon vimeo class.

  • A list item using the list-icon downarrow class.
  • A list item using the list-icon downarrow class.

  • A list item using the list-icon video class.
  • A list item using the list-icon video class.

  • A list item using the list-icon uparrow class.
  • A list item using the list-icon uparrow class.

  • A list item using the list-icon person class.
  • A list item using the list-icon person class.

  • A list item using the list-icon calendar class.
  • A list item using the list-icon calendar class.

  • A list item using the list-icon bulb class.
  • A list item using the list-icon bulb class.

  • A list item using the list-icon paypal class.
  • A list item using the list-icon paypal class.

  • A list item using the list-icon doc class.
  • A list item using the list-icon doc class.
 

<ul> List Styles (CSS3)

These list styles are based on the latest CSS3 techniques and are designed to work in modern browsers (will not display properly in IE6-IE8).

To replicate, use the following format: <ul class="class name"><li>....</li><li>....</li>...</ul> (HTML) or [list class="class name"][li]....[/li][li....[/li][/list] (ROKCANDY). The class names are listed below, such as "checkmark red".

  • checkmark
  • checkmark
  • circle-checkmark
  • circle-checkmark
  • square-checkmark
  • square-checkmark
  • checkmark green
  • checkmark green
  • checkmark yellow
  • checkmark yellow
  • checkmark red
  • checkmark red
  • checkmark blue
  • checkmark blue
  • checkmark white
  • checkmark white
  • triangle-small
  • triangle-small
  • triangle
  • triangle
  • triangle-large
  • triangle-large
  • triangle green
  • triangle green
  • triangle yellow
  • triangle yellow
  • triangle red
  • triangle red
  • triangle blue
  • triangle blue
  • triangle white
  • triangle white
  • circle-small
  • circle-small
  • circle
  • circle
  • circle-large
  • circle-large
  • circle green
  • circle green
  • circle yellow
  • circle yellow
  • circle red
  • circle red
  • circle blue
  • circle blue
  • circle white
  • circle white
 

<span> Inset Styles

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Inset Right TitleYou will need to use the following formatting: <span class="inset-right"> <span class="inset-right-title"> .... </span> ... some content ... </strong> (HTML) or [inset side="right" title="Inset Right Title"] ... some content ...[/inset] (ROKCANDY) Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Inset Left TitleYou will need to use the following formatting: <span class="inset-left"> <span class="inset-left-title"> .... </span> ... some content ... </strong> (HTML) or [inset side="left" title="Inset Left Title"] ... some content ...[/inset] (ROKCANDY) Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.