{% extends "layout.html" %}

{% set title = 'Contact us' %}

{% block content %}

<div class="hero-image cover" style="background-image: url('_assets/img/img-1.jpg')"></div>

<nav class="breadcrumb-container" aria-label="breadcrumb">
    <div class="container">
        <ol class="breadcrumb no-margin">
            <li class="breadcrumb-item"><a href="index">الرئيسية</a></li>
            <li class="breadcrumb-item active" aria-current="page">أتصل بنا</li>
        </ol>
    </div>
</nav>

<div class="sec-pad">
    <div class="container">
        <div class="row">
            <div class="col-sm-8">
                <div class="jr-title mbmd">
                    <h3 class="no-margin mtxs mbmd">أرسل <span> لنا رسالة </span></h3>
                </div>
                <form action="" class="contact-us">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="fullName">الأسم بالكامل</label>
                                <input type="text" class="form-control" id="fullName" placeholder="">
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="phoneNumber">رقم التليفون</label>
                                <input type="text" class="form-control" id="phoneNumber" placeholder="">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="emailAddress">البريد الاليكتروني</label>
                                <input type="email" class="form-control" id="emailAddress" placeholder="">
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="subjectTitle">الموضوع</label>
                                <input type="text" class="form-control" id="subjectTitle" placeholder="">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="subject">موضوع الرسالة</label>
                        <textarea name="" id="subject" class="form-control" cols="30" rows="10"></textarea>
                    </div>
                    <button type="submit" class="btn btn-orange">ارسال</button>
                </form>
            </div>
            <div class="col-sm-4">
                <div class="jr-title mbmd">
                    <h3 class="no-margin mtxs mbmd">أتصل <span> بنا</span></h3>
                    <ul class="contact-info">
                        <li><i class="fa fa-map-marker-alt mrsm"></i>الرياض, المملكة العربية السعودية</li>
                        <li><i class="fa fa-phone mrsm"></i>0112611063 – 0112613716</li>
                        <li><i class="far fa-envelope mrsm"></i> Jisr@seu.edu.sa</li>
                    </ul>
                    <div id="map mtmd"></div>
                </div>
            </div>
        </div>
    </div>
</div>


{% endblock content %}