نموذج صفحة اولى بصورة

نموذج الكود

اكتب هنا العنوان الرئيسي

اكتب هناعنوان المقال

اكتب هنا محتويات المقال

 <img src="url">

لإضافة صورة المقال ضع رابط الصورة مكان حروف "url" بين القوسين

تابع الكتابه ---------------------------------------------

طريقة التركيب

 انسخ هذا الكود و ضعه في منطقة BODY

<div class="container"> <div class="jumbotron"> <div class="row"> <div class="col-md-12"> <h1 align="center" class="text-center">اكتب هنا العنوان الرئيسي </h1> <h2 align="right" class="text-center" dir="rtl" style="margin-bottom: 0px; margin-top: 0px;"> عنوان المقال</h2> <h3 class="text-center" dir="rtl" style="margin-bottom: 0px; margin-top: 0px;"> سطر هنا محتويات المقال</h3> <div class="thumbnail"> <div class="caption text-center"> <p dir="rtl" style="margin-bottom: 0px; margin-top: 0px;"> <span face=""Helvetica Neue", "Noto Naskh Arabic UI", Arial, sans-serif" style="-webkit-text-stroke-width: 0px; background-color: red; color: #202124; display: inline; float: none; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: right; text-decoration-color: initial; text-decoration-style: initial; text-decoration-thickness: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">  <img src="url"></span></p> <p class="text-center" dir="rtl" style="margin-bottom: 0px; margin-top: 0px;"> <b><span style="font-size: medium;"> "url"لاضافة صورة المقال ضع رابط الصورة مكان حروف <span face="'Helvetica Neue', 'Noto Naskh Arabic UI', Arial, sans-serif" style="-webkit-text-stroke-width: 0px; background-color: white; color: #202124; display: inline; float: none; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: right; text-decoration-color: initial; text-decoration-style: initial; text-decoration-thickness: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"> "url" بين القوسين</span></span></b></p></div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <h3 dir="rtl" style="margin-bottom: 0px; margin-top: 0px;">تابع الكتابه</h3> </div>