@extends("layout.app")
@section("content")
    <section class="bg--secondary space--sm">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-9">
                    <div class="boxed boxed--lg boxed--border">
                        <div class="text-block text-center">
                            <img alt="avatar" src="img/avatar-round-3.png" class="image--md">
                            <span class="h5">صلاح يحيى</span>
                            <span class="label">مفعل</span>
                        </div>
                        <div class="text-block clearfix text-center">
                            <ul class="row row--list">
                                <li class="col-md-4">
                                    <span class="type--fine-print block">المدينة:</span>
                                    <span>رام الله</span>
                                </li>
                                <li class="col-md-4">
                                    <span class="type--fine-print block">مسجل في تاريخ:</span>
                                    <span>08 2019</span>
                                </li>
                                <li class="col-md-4">
                                    <span class="type--fine-print block">رقم المحمول:</span>
                                    0599825671
                                </li>
                            </ul></div>

                    </div>
                    <div class="boxed boxed--border">
                        <h4>الاجهزة</h4>
                        <ul class="clearfix row row--list text-center">
                            <li class="col-md-3 col-6">
                                <a href="#">
                                    <img alt="avatar" src="https://media.tracfone.com/wps/contenthandler/dav/content/libraries/wcm.library.phones/components/GPAPI7C32RGP2/wcm.comps.image/iphone_7_rose-gold_large.png" class="image--sm">
                                    <span class="block">iPhone 7</span>
                                </a>
                            </li>
                            <li class="col-md-3 col-6">
                                <a href="#">
                                    <img alt="avatar" src="https://cdn4.iconfinder.com/data/icons/MacBook_Pro/512/leopard.png" class="image--sm">
                                    <span class="block">Macbook Pro</span>
                                </a>
                            </li>
                            <li class="col-md-3 col-6">
                                <a href="#">
                                    <img alt="avatar" src="http://files.softicons.com/download/computer-icons/apple-office-icons-by-mike-demetriou/png/512/iMac27.png" class="image--sm">
                                    <span class="block">iMac</span>
                                </a>
                            </li>
                            <li class="col-md-3 col-6">
                                <a href="#">
                                    <img alt="avatar" src="https://dxjl3qy52c1o9.cloudfront.net/wp-content/uploads/2016/05/10214321/placeit-2.png" class="image--sm">
                                    <span class="block">Apple Watch</span>
                                </a>
                            </li>
                        </ul>
                        <a href="#" class="type--fine-print pull-right">عرض الجميع</a>
                    </div>
                    <div class="boxed boxed--border">
                        <h4>اخر الفعاليات</h4>
                        <ul>
                            <li class="clearfix">
                                <div class="row">
                                    <div class="col-lg-2 col-3 text-center">
                                        <div class="icon-circle">
                                            <i class="icon icon--lg material-icons">comment</i>
                                        </div>
                                    </div>
                                    <div class="col-lg-8 col-7">
                                        <span class="type--fine-print">21st July, 2017</span>
                                        <a href="#" class="block color--primary">Check out the relaunched Scope</a>
                                        <p>
                                            Discourse in writing dealing with a particular point or idea.
                                        </p>
                                    </div>
                                </div>
                                <hr>
                            </li>
                            <li class="clearfix">
                                <div class="row">
                                    <div class="col-lg-2 col-3 text-center">
                                        <div class="icon-circle">
                                            <i class="icon icon--lg material-icons">mode_edit</i>
                                        </div>
                                    </div>
                                    <div class="col-md-8 col-7">
                                        <span class="type--fine-print">14th July, 2017</span>
                                        <a href="#" class="block color--primary">Tips for web typography</a>
                                        <p>
                                            To write beside or "written beside" is a self-contained unit of a discourse in writing dealing with a particular point or idea.
                                        </p>
                                    </div>
                                </div>
                                <hr>
                            </li>
                            <li class="clearfix">
                                <div class="row">
                                    <div class="col-lg-2 col-3 text-center">
                                        <div class="icon-circle">
                                            <i class="icon icon--lg material-icons">favorite</i>
                                        </div>
                                    </div>
                                    <div class="col-md-8 col-7">
                                        <span class="type--fine-print">12th July, 2017</span>
                                        <a href="#" class="block color--primary">Where do you source your stock photography?</a>
                                    </div>
                                </div>
                                <hr>
                            </li>
                            <li class="clearfix">
                                <div class="row">
                                    <div class="col-lg-2 col-3 text-center">
                                        <div class="icon-circle">
                                            <i class="icon icon--lg material-icons">comment</i>
                                        </div>
                                    </div>
                                    <div class="col-md-8 col-7">
                                        <span class="type--fine-print">3rd July, 2017</span>
                                        <a href="#" class="block color--primary">Share your rapid development workflow</a>
                                        <p>
                                            Of a discourse in writing dealing with a particular point or idea.
                                        </p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <a href="#" class="type--fine-print pull-right">View All</a>
                    </div>
                </div>
            </div>
            <!--end of row-->
        </div>
        <!--end of container-->
    </section>
@endsection