تصميم صفحة هبوط تقسيم الصفحة وكيفية اضافة قسم الخدمات

تصميم صفحة هبوط على منصة بلوجر طريقة تقسيم الصفحة

شرح تصميم صفحة هبوط على بلوجر تصميم صفحة متجاوبة تعمل على كافة انواع الاجهزة باستخدام احدث اصدار من اطار العمل بوتستراب

يتضمن الفيديو:

• شرح تقسيم الصفحة واضافة قسم الخدمات باستخدام html5
• تنسيق قسم خدماتنا باستخدام css3
• اضافة الادوات من قسم التخطيط والتعديل عليها

الاكواد المستخدمة بالفيديو

service html

<section id='service'> <div class='container'> <div class='row'> <div class='col-md-12 title'> <b:section id='widget-service-title'/> </div> <div class='col-md-4 sevice'> <b:section id='widget-service-r'/> </div> <div class='col-md-4 sevice'> <b:section id='widget-service-c'/> </div> <div class='col-md-4 sevice'> <b:section id='widget-service-l'/> </div> </div> </div> </section>

service css

section#service { padding: 150px 0; background: #f6f6f6; } #service i.fab.fa-blogger, i.fas.fa-laptop-code, i.fas.fa-code { color: #fc6762; font-size: 80px; margin-bottom: 35px; } .col-md-4.sevice { text-align: center; } #service h2 { margin-bottom: 20px; font-size: 27px; font-weight: bold; color: #000; } #service p { font-size: 18px; line-height: 33px; font-weight: 600; } .title h2 { text-align: center; margin-bottom: 30px; } .col-md-12.title { margin-bottom: 55px; } .col-md-12.title p{ text-align: center; }