@extends("layouts.pg")
@section("content")

{{--<style>
    i {
        font-family:"Open Sans",Arial,sans-serif;
    }
    body {
        color:#777;
        font-family:"Open Sans",Arial,sans-serif;
        line-height:22px;
        margin:0;
        font-size:13px;
        overflow-x:hidden;
        overflow-y:scroll
    }
</style>--}}
    <link rel="stylesheet" href="css/support/support.css">
    <!--
        Code for icon blocks to help instruct user on what to provide to the support page


    <div class="container">
        <div class="col-xs-12 col-sm-10 col-md-3 col-lg-3">
            <div class="panel panel-primary">
                <div class="panel-heading center"><i class="fa fa-camera icon-size"></i></div>
                <div class="panel-body">
                    <p class="center text-weight-bold">Provide any screenshots, if available</p>
                </div>
            </div>
        </div>

        <div class="col-xs-12 col-sm-10 col-md-3 col-lg-3">
            <div class="panel panel-primary">
                <div class="panel-heading center"><i class="fa fa-book icon-size";></i></div>
                <div class="panel-body">
                    <p class="center text-weight-bold">Write a description of your issue</p>
                </div>
            </div>
        </div>

        <div class="col-xs-12 col-sm-10 col-md-3 col-lg-3">
            <div class="panel panel-primary">
                <div class="panel-heading center"><i class="fa fa-building icon-size";></i></div>
                <div class="panel-body">
                    <p class="center text-weight-bold">Identify the building or account</p>

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

        <div class="col-xs-12 col-sm-10 col-md-3 col-lg-3">
            <div class="panel panel-primary">
                <div class="panel-heading center"><i class="fa fa-tablet icon-size";></i></div>
                <div class="panel-body">
                    <p class="center text-weight-bold">Part of the product </p>
                </div>
            </div>
        </div>

        <div class="col-xs-12 col-sm-10 col-md-3 col-lg-3 col-md-offset-3">
            <div class="panel panel-primary">
                <div class="panel-heading center"><i class="fa fa-clock-o icon-size";></i></div>
                <div class="panel-body">
                    <p class="center text-weight-bold">Monday-Friday: 8:30 am - 5:00 pm</p>
                </div>
            </div>
        </div>
        -->


        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 block-center">
                <div class="panel panel-primary">
                    <div class="panel-heading center"><i class="fa fa-info-circle icon-size "></i></div>
                    <div class="panel-body">
                        <div class="media">
                            <div>
                                <h4>What to include in your email:</h4>
                                <ul>
                                    <li>
                                        Tell us which page you found an error on
                                    </li>

                                    <li>
                                        Provide a brief description of the problem encountered
                                    </li>
                                    <li>
                                        Which of your site(s) did the issue occur on?
                                    </li>
                                    <li>
                                        Provide screenshots, if possible
                                    </li>
                                    <li>
                                        Best contact method to return your request
                                    </li>
                                </ul>
                            </div>
                            <hr>
                            <h3 class="text-underline">Contact Information:</h3>
                            <h4>Andrew Rosenthal</h4>
                            <h5>Product Manager</h5>
                            <div class="media">
                                <div class="media-body">
                                    <a class="btn btn-primary wrap-resize" href="mailto:arosenthal@pointguardtech.com" >
                                        <i class="fa fa-envelope panel-title">&nbsp</i>arosenthal@pointguardtech.com
                                    </a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="media-body">
                                    <a class="btn btn-primary wrap-resize" href="tel:(704)271-9890">
                                        <i class="fa fa-phone panel-title">&nbsp</i>Office : (704) 271-9890
                                    </a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="media-body">
                                    <a class="btn btn-primary wrap-resize" href="tel:(619) 840-8385">
                                        <i class="fa fa-phone panel-title">&nbsp</i>Mobile : (619) 840-8385
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row" >
            <h3 class="center info-bold">Thank you for taking the time to contact us! <br><br> We will be back in contact with you shortly. </h3>
        </div>


@endsection