@extends('user.profiler.layouts.topmaster')
@section('title', 'Profiler - Completed')

@section('content')

    <div class="mentor-match-wrapper">
        <div class="left-grid">
            <h1>You've been matched</h1>
            <h4>Based on your responses, you've been matched with the following mentors:</h4>
        </div>
        <div class="right-grid">

        </div>
    </div>
    <div class="mentor-match-main">

        <div class="mentor-match-maincard">
            <div class="mentor-match-view-grid">

                <div class="mentor-match-grid">
                    <div class="mentor-match-card">
                        <div class="matchedmentor-card" style="background: url('{{ asset('assets/images/mentor-face.jpg') }}') center center no-repeat; background-size: 300px;">
                            <div class="matchedmentor-border">
                                <h2 class="mentor-h2">Al Pacino</h2>
                                <div class="icons">
                                    <i class="fa fa-codepen" aria-hidden="true"></i>
                                    <i class="fa fa-instagram" aria-hidden="true"></i>
                                    <i class="fa fa-dribbble" aria-hidden="true"></i>
                                    <i class="fa fa-twitter" aria-hidden="true"></i>
                                    <i class="fa fa-facebook" aria-hidden="true"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="mentor-match-card">
                        <div class="matchedmentor-card" style="background: url('{{ asset('assets/images/mentor-face.jpg') }}') center center no-repeat; background-size: 300px;">
                            <div class="matchedmentor-border">
                                <h2>Al Pacino</h2>
                                <div class="icons">
                                    <i class="fa fa-codepen" aria-hidden="true"></i>
                                    <i class="fa fa-instagram" aria-hidden="true"></i>
                                    <i class="fa fa-dribbble" aria-hidden="true"></i>
                                    <i class="fa fa-twitter" aria-hidden="true"></i>
                                    <i class="fa fa-facebook" aria-hidden="true"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="mentor-match-card">
                        <div class="matchedmentor-card" style="background: url('{{ asset('assets/images/mentor-face.jpg') }}') center center no-repeat; background-size: 300px;">
                            <div class="matchedmentor-border">
                                <h2>Al Pacino</h2>
                                <div class="icons">
                                    <i class="fa fa-codepen" aria-hidden="true"></i>
                                    <i class="fa fa-instagram" aria-hidden="true"></i>
                                    <i class="fa fa-dribbble" aria-hidden="true"></i>
                                    <i class="fa fa-twitter" aria-hidden="true"></i>
                                    <i class="fa fa-facebook" aria-hidden="true"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="mentor-match-image">
                    <img src="{{ asset('assets/images/mentor-match.png') }}" alt=""/>
                </div>

            </div>
        </div>
    </div>

@endsection