{% extends "layout.html" %}

{% set title = 'Home' %}

{% block content %}

<div class="main-slider">
    <div class="slide-item cover" style="background-image: url('_assets/img/slider/01.jpg')">
        <div class="container">
            <div class="content">
                <div class="slider-content">
                    <h2 class="no-margin mbmd">بيان تعليق الدراسة</h2>
                    <p>
                        الجامعة تعلن عن تعليق اختبارات منتصف الفصل الدراسي واستكمال العملية التعليمية عن بعد
                    </p>
                    <a href="#" class="btn btn-orange mtlg">اقرأ المزيد</a>
                </div>
            </div>
        </div>
    </div>
    <div class="slide-item cover" style="background-image: url('_assets/img/slider/02.jpg')">
        <div class="container">
            <div class="content">
                <div class="slider-content">
                    <h2 class="no-margin mbmd">بيان تعليق الدراسة</h2>
                    <p>
                        الجامعة تعلن عن تعليق اختبارات منتصف الفصل الدراسي واستكمال العملية التعليمية عن بعد
                    </p>
                    <a href="#" class="btn btn-orange mtlg">اقرأ المزيد</a>
                </div>
            </div>
        </div>
    </div>
    <div class="slide-item cover" style="background-image: url('_assets/img/slider/03.jpg')">
        <div class="container">
            <div class="content">
                <div class="slider-content">
                    <h2 class="no-margin mbmd">بيان تعليق الدراسة</h2>
                    <p>
                        الجامعة تعلن عن تعليق اختبارات منتصف الفصل الدراسي واستكمال العملية التعليمية عن بعد
                    </p>
                    <a href="#" class="btn btn-orange mtlg">اقرأ المزيد</a>
                </div>
            </div>
        </div>
    </div>
</div>

<section class="jr-most sec-pad">
    <div class="container">
        <div class="jr-title mbmd">
            <h3 class="no-margin pull-left mtxs">الأكثر <span>مشاهدة </span></h3>
            <a href="#" class="btn title-btn pull-right">عرض الكل</a>
        </div>
        {% include 'component/intro.html' %}
    </div>
</section>

<section class="jr-wrapper">
    <div class="container">
        <div class="row">
            <div class="col-sm-9 col-sm-9-jr">
                <div class="jr-container">
                    <div class="jr-title mbmd">
                        <h3 class="no-margin pull-left mtxs">أحدث  <span>الأخبار </span></h3>
                        <a href="#" class="btn title-btn pull-right">عرض الكل</a>
                    </div>
                    {% include 'component/category.html' %}
                    <div class="sec-pad">
                        <div class="jr-title mbmd">
                            <h3 class="no-margin pull-left mtxs">أحدث  <span>المقالات </span></h3>
                            <a href="#" class="btn title-btn pull-right">عرض الكل</a>
                        </div>
                        {% include 'component/category.html' %}
                    </div>
                    <div class="tab-container pbxxlg">
                        <!-- Nav tabs -->
                        <ul class="nav nav-tabs mblg" role="tablist">
                            <li role="presentation" class="active"><a href="#ambassadors" aria-controls="ambassadors" role="tab" data-toggle="tab">سفراء الجامعة</a></li>
                            <li role="presentation"><a href="#success" aria-controls="success" role="tab" data-toggle="tab">قصص النجاح</a></li>
                            <li role="presentation"><a href="#ain" aria-controls="ain" role="tab" data-toggle="tab">عين</a></li>
                        </ul>

                        <!-- Tab panes -->
                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane active" id="ambassadors">
                                <div class="category">
                                    <div class="row">
                                        <div class="col-sm-5">
                                            <div class="post-item post-height">
                                                <div class="post-thumb">
                                                    <a href="article.html">
                                                        <div class="post-image cover" style="background-image: url('_assets/img/gallery/04.jpg');"></div>
                                                    </a>
                                                </div>
                                                <div class="post-content mtsm">
                                                    <div class="meta-data">
                        <span class="date">
                            <i class="mrxs far fa-clock"></i>1441-07-14
                        </span>
                                                    </div>
                                                    <a href="article.html">
                                                        <h3 class="post-title no-margin mtxs">الجامعة تعلن عن تعليق اختبارات منتصف الفصل الدراسي</h3>
                                                    </a>
                                                    <p class="post-desc no-margin mtxs">
                                                        أقامت كلية العلوم الصحية بالتعاون مع الأنشطة الطلابية، في بهو فرع الطالبات بالدمام، ركن توعوي ومحاضرة عن وقاية السمع، تزامنا باليوم العالمي لحماية
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-7">
                                            <div class="post-item post-small">
                                                <div class="row">
                                                    <div class="col-sm-4 col-xs-5 no-padding plmd">
                                                        <div class="post-thumb">
                                                            <a href="article.html">
                                                                <div class="post-image cover" style="background-image: url('_assets/img/gallery/05.jpg');"></div>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-8 col-xs-7 no-padding plmd">
                                                        <div class="post-content mtxs">
                                                            <div class="meta-data">
                                <span class="date">
                                    <i class="mrxs far fa-clock"></i>1441-07-14
                                </span>
                                                            </div>
                                                            <a href="article.html">
                                                                <h3 class="post-title no-margin mtxs">الجامعة تعلن عن تعليق اختبارات منتصف الفصل الدراسي</h3>
                                                            </a>
                                                            <p class="post-desc no-margin mtxs">
                                                                أقامت كلية العلوم الصحية بالتعاون مع الأنشطة الطلابية، في بهو فرع الطالبات بالدمام.
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="post-item post-small mtlg">
                                                <div class="row">
                                                    <div class="col-sm-4 col-xs-5 no-padding plmd">
                                                        <div class="post-thumb">
                                                            <a href="article.html">
                                                                <div class="post-image cover" style="background-image: url('_assets/img/gallery/06.jpg');"></div>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-8 col-xs-7 no-padding plmd">
                                                        <div class="post-content mtxs">
                                                            <div class="meta-data">
                                <span class="date">
                                    <i class="mrxs far fa-clock"></i>1441-07-14
                                </span>
                                                            </div>
                                                            <a href="article.html">
                                                                <h3 class="post-title no-margin mtxs">الجامعة تعلن عن تعليق اختبارات منتصف الفصل الدراسي</h3>
                                                            </a>
                                                            <p class="post-desc no-margin mtxs">
                                                                أقامت كلية العلوم الصحية بالتعاون مع الأنشطة الطلابية، في بهو فرع الطالبات بالدمام.
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="post-item post-small mtlg">
                                                <div class="row">
                                                    <div class="col-sm-4 col-xs-5 no-padding plmd">
                                                        <div class="post-thumb">
                                                            <a href="article.html">
                                                                <div class="post-image cover" style="background-image: url('_assets/img/gallery/07.jpg');"></div>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-8 col-xs-7 no-padding plmd">
                                                        <div class="post-content mtxs">
                                                            <div class="meta-data">
                                <span class="date">
                                    <i class="mrxs far fa-clock"></i>1441-07-14
                                </span>
                                                            </div>
                                                            <a href="article.html">
                                                                <h3 class="post-title no-margin mtxs">الجامعة تعلن عن تعليق اختبارات منتصف الفصل الدراسي</h3>
                                                            </a>
                                                            <p class="post-desc no-margin mtxs">
                                                                أقامت كلية العلوم الصحية بالتعاون مع الأنشطة الطلابية، في بهو فرع الطالبات بالدمام.
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="success">
                                <div class="category">
                                    <div class="row">
                                        <div class="col-sm-5">
                                            <div class="post-item post-height">
                                                <div class="post-thumb">
                                                    <a href="article.html">
                                                        <div class="post-image cover" style="background-image: url('_assets/img/gallery/07.jpg');"></div>
                                                    </a>
                                                </div>
                                                <div class="post-content mtsm">
                                                    <div class="meta-data">
                        <span class="date">
                            <i class="mrxs far fa-clock"></i>1441-07-14
                        </span>
                                                    </div>
                                                    <a href="article.html">
                                                        <h3 class="post-title no-margin mtxs">الجامعة تعلن عن تعليق اختبارات منتصف الفصل الدراسي</h3>
                                                    </a>
                                                    <p class="post-desc no-margin mtxs">
                                                        أقامت كلية العلوم الصحية بالتعاون مع الأنشطة الطلابية، في بهو فرع الطالبات بالدمام، ركن توعوي ومحاضرة عن وقاية السمع، تزامنا باليوم العالمي لحماية
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-7">
                                            <div class="post-item post-small">
                                                <div class="row">
                                                    <div class="col-sm-4 col-xs-5 no-padding plmd">
                                                        <div class="post-thumb">
                                                            <a href="article.html">
                                                                <div class="post-image cover" style="background-image: url('_assets/img/gallery/06.jpg');"></div>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-8 col-xs-7 no-padding plmd">
                                                        <div class="post-content mtxs">
                                                            <div class="meta-data">
                                <span class="date">
                                    <i class="mrxs far fa-clock"></i>1441-07-14
                                </span>
                                                            </div>
                                                            <a href="article.html">
                                                                <h3 class="post-title no-margin mtxs">الجامعة تعلن عن تعليق اختبارات منتصف الفصل الدراسي</h3>
                                                            </a>
                                                            <p class="post-desc no-margin mtxs">
                                                                أقامت كلية العلوم الصحية بالتعاون مع الأنشطة الطلابية، في بهو فرع الطالبات بالدمام.
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="post-item post-small mtlg">
                                                <div class="row">
                                                    <div class="col-sm-4 col-xs-5 no-padding plmd">
                                                        <div class="post-thumb">
                                                            <a href="article.html">
                                                                <div class="post-image cover" style="background-image: url('_assets/img/gallery/05.jpg');"></div>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-8 col-xs-7 no-padding plmd">
                                                        <div class="post-content mtxs">
                                                            <div class="meta-data">
                                <span class="date">
                                    <i class="mrxs far fa-clock"></i>1441-07-14
                                </span>
                                                            </div>
                                                            <a href="article.html">
                                                                <h3 class="post-title no-margin mtxs">الجامعة تعلن عن تعليق اختبارات منتصف الفصل الدراسي</h3>
                                                            </a>
                                                            <p class="post-desc no-margin mtxs">
                                                                أقامت كلية العلوم الصحية بالتعاون مع الأنشطة الطلابية، في بهو فرع الطالبات بالدمام.
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="post-item post-small mtlg">
                                                <div class="row">
                                                    <div class="col-sm-4 col-xs-5 no-padding plmd">
                                                        <div class="post-thumb">
                                                            <a href="article.html">
                                                                <div class="post-image cover" style="background-image: url('_assets/img/gallery/04.jpg');"></div>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-8 col-xs-7 no-padding plmd">
                                                        <div class="post-content mtxs">
                                                            <div class="meta-data">
                                <span class="date">
                                    <i class="mrxs far fa-clock"></i>1441-07-14
                                </span>
                                                            </div>
                                                            <a href="article.html">
                                                                <h3 class="post-title no-margin mtxs">الجامعة تعلن عن تعليق اختبارات منتصف الفصل الدراسي</h3>
                                                            </a>
                                                            <p class="post-desc no-margin mtxs">
                                                                أقامت كلية العلوم الصحية بالتعاون مع الأنشطة الطلابية، في بهو فرع الطالبات بالدمام.
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="ain">
                                <div class="category">
                                    <div class="row">
                                        <div class="col-sm-5">
                                            <div class="post-item post-height">
                                                <div class="post-thumb">
                                                    <a href="article.html">
                                                        <div class="post-image cover" style="background-image: url('_assets/img/gallery/04.jpg');"></div>
                                                    </a>
                                                </div>
                                                <div class="post-content mtsm">
                                                    <div class="meta-data">
                        <span class="date">
                            <i class="mrxs far fa-clock"></i>1441-07-14
                        </span>
                                                    </div>
                                                    <a href="article.html">
                                                        <h3 class="post-title no-margin mtxs">الجامعة تعلن عن تعليق اختبارات منتصف الفصل الدراسي</h3>
                                                    </a>
                                                    <p class="post-desc no-margin mtxs">
                                                        أقامت كلية العلوم الصحية بالتعاون مع الأنشطة الطلابية، في بهو فرع الطالبات بالدمام، ركن توعوي ومحاضرة عن وقاية السمع، تزامنا باليوم العالمي لحماية
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-7">
                                            <div class="post-item post-small">
                                                <div class="row">
                                                    <div class="col-sm-4 col-xs-5 no-padding plmd">
                                                        <div class="post-thumb">
                                                            <a href="article.html">
                                                                <div class="post-image cover" style="background-image: url('_assets/img/gallery/05.jpg');"></div>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-8 col-xs-7 no-padding plmd">
                                                        <div class="post-content mtxs">
                                                            <div class="meta-data">
                                <span class="date">
                                    <i class="mrxs far fa-clock"></i>1441-07-14
                                </span>
                                                            </div>
                                                            <a href="article.html">
                                                                <h3 class="post-title no-margin mtxs">الجامعة تعلن عن تعليق اختبارات منتصف الفصل الدراسي</h3>
                                                            </a>
                                                            <p class="post-desc no-margin mtxs">
                                                                أقامت كلية العلوم الصحية بالتعاون مع الأنشطة الطلابية، في بهو فرع الطالبات بالدمام.
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="post-item post-small mtlg">
                                                <div class="row">
                                                    <div class="col-sm-4 col-xs-5 no-padding plmd">
                                                        <div class="post-thumb">
                                                            <a href="article.html">
                                                                <div class="post-image cover" style="background-image: url('_assets/img/gallery/06.jpg');"></div>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-8 col-xs-7 no-padding plmd">
                                                        <div class="post-content mtxs">
                                                            <div class="meta-data">
                                <span class="date">
                                    <i class="mrxs far fa-clock"></i>1441-07-14
                                </span>
                                                            </div>
                                                            <a href="article.html">
                                                                <h3 class="post-title no-margin mtxs">الجامعة تعلن عن تعليق اختبارات منتصف الفصل الدراسي</h3>
                                                            </a>
                                                            <p class="post-desc no-margin mtxs">
                                                                أقامت كلية العلوم الصحية بالتعاون مع الأنشطة الطلابية، في بهو فرع الطالبات بالدمام.
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="post-item post-small mtlg">
                                                <div class="row">
                                                    <div class="col-sm-4 col-xs-5 no-padding plmd">
                                                        <div class="post-thumb">
                                                            <a href="article.html">
                                                                <div class="post-image cover" style="background-image: url('_assets/img/gallery/07.jpg');"></div>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-8 col-xs-7 no-padding plmd">
                                                        <div class="post-content mtxs">
                                                            <div class="meta-data">
                                <span class="date">
                                    <i class="mrxs far fa-clock"></i>1441-07-14
                                </span>
                                                            </div>
                                                            <a href="article.html">
                                                                <h3 class="post-title no-margin mtxs">الجامعة تعلن عن تعليق اختبارات منتصف الفصل الدراسي</h3>
                                                            </a>
                                                            <p class="post-desc no-margin mtxs">
                                                                أقامت كلية العلوم الصحية بالتعاون مع الأنشطة الطلابية، في بهو فرع الطالبات بالدمام.
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="col-sm-3 col-sm-3-jr">
                {% include 'component/aside.html' %}
            </div>
        </div>
    </div>
</section>
{% endblock content %}