@extends('authlayout.layout')
@section('content')
    <section class="sign-in-page">
        <div class="container">
            <div class="row justify-content-center align-items-center height-self-center">
                <div class="col-lg-7 col-md-12 align-self-center">
                    <div class="sign-user_card ">
                        <h6 class="text-dark">Step 2 of 3</h6>
                        <h4 class="text-center p-4 text-dark">Choose Your Plan</h4>
                        <div class="text-center">
                            <ul class="arrow-list list-group text-left border-0">
                                <li class="list-group-item border-0">No commitments, cancel anytime.</li>
                                <li class="list-group-item border-0">Everything on Multitude for one low price.</li>
                                <li class="list-group-item border-0">Unlimited viewing on all your devices.</li>

                            </ul>
                        </div>
                        <div class="text-center">

                            <a href="{{route('stepthree')}}" class="btn btn-hover my-2">See the Plans</a>

                        </div>
                        <div class="mt-3">
                            <div class="d-flex justify-content-center links">
                                Already have an account? <a href="{{route('login')}}" class="text-primary ml-2">Sign In</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection