@extends('apex-layouts.main')
@section('pageTitle','Profile')
@section('content')
    <section>
        @include('member.home.top_navigation')
    </section>

    <section id="about">
        <div class="row">
            <div class="col-sm-12">
                <div class="">
                    <div class="card-header">
                        <h5 class="text-warning">Personal Information</h5>
                        <a class="success p-0 pull-right" href="{{ route('members.updateAbout') }}"
                           data-original-title="" title="">
                            <i class="ft-edit-2 font-medium-3 mr-2"></i>
                        </a>
                    </div>
                    <div class="card-content">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-12 col-md-6 col-lg-4">
                                    <ul class="no-list-style">
                                        <li class="mb-2">
                                            <span class="text-bold-500"><a><i
                                                        class="icon-present font-small-3"></i> Birthday:</a></span>
                                            <span class="d-block overflow-hidden"></span>
                                        </li>
                                        <li class="mb-2">
                                            <span class="text-bold-500"><a><i class="ft-globe font-small-3"></i> Lives in:</a></span>
                                            <span
                                                class="d-block overflow-hidden"> </span>
                                        </li>
                                        <li class="mb-2">
                                            <span class="text-bold-500"><a><i class="ft-globe font-small-3"></i> Weight:</a></span>
                                            <span
                                                class="d-block overflow-hidden"></span>
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-12 col-md-6 col-lg-4">
                                    <ul class="no-list-style">
                                        <li class="mb-2">
                                            <span class="text-bold-500"><a><i class="ft-globe font-small-3"></i> Height:</a></span>
                                            <span
                                                class="d-block overflow-hidden"></span>
                                        </li>
                                        <li class="mb-2">
                                            <span class="text-bold-500"><a><i class="ft-user font-small-3"></i> Gender:</a></span>
                                            <span
                                                class="d-block overflow-hidden"></span>
                                        </li>
                                        <li class="mb-2">
                                            <span class="text-bold-500"><a><i class="ft-mail font-small-3"></i> Email:</a></span>
                                            <a class="d-block overflow-hidden"></a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-12 col-md-6 col-lg-4">
                                    <ul class="no-list-style">
                                        <li class="mb-2">
                                            <span class="text-bold-500"><a><i
                                                        class="ft-smartphone font-small-3"></i> Phone Number:</a></span>
                                            <span class="d-block overflow-hidden"></span>
                                        </li>
                                        <li class="mb-2">
                                            <span class="text-bold-500"><a><i class="ft-book font-small-3"></i> Joined:</a></span>
                                            <span
                                                class="d-block overflow-hidden"></span>
                                        </li>

                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('scripts')

@stop

@section('styles')

@stop