@extends('layouts.front')
@section('content')
    <!-- section content begin -->
    <section class="py-5">
        <div class="container">
            <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 gx-0 gx-md-5 gx-lg-5">
                <div class="col-12 col-md-12 col-lg-12 mb-md-2 mb-lg-4">
                    <h1 class="fw-bold text-center">Company <span class="text-highlight">Legal Docs</span></h1>
                </div>
                <div class="border-end-0 border-end-md border-end-lg">
                    <div class="icon-wrap bg-info flex-shrink-0 mb-2 mb-md-3 mb-lg-3">
                        <i class="fas fa-file fa-lg text-white"></i>
                    </div>
                    <h4 class="fw-bold">Terms of Service</h4>
                    <p>Read the Terms of Service and License Agreement for InvestablePro.</p>
                    <ul class="list-unstyled lh-lg mb-0">
                        <li><a class="btn btn-link link-primary text-decoration-none p-0" href="#"><i class="fas fa-file-pdf fa-sm me-1"></i>License Agreement</a></li>
                        <li><a class="btn btn-link link-primary text-decoration-none p-0" href="{{route('terms')}}"><i class="fas fa-file-pdf fa-sm me-1"></i>Term of Services for InvestablePro Trade</a></li>
                    </ul>
                    <hr class="d-md-none d-lg-none my-3 my-md-3">
                </div>
                <div class="border-end-md-0 border-end-lg">
                    <div class="icon-wrap bg-info flex-shrink-0 mb-2 mb-md-3 mb-lg-3">
                        <i class="fas fa-globe fa-lg text-white"></i>
                    </div>
                    <h4 class="fw-bold">Policies</h4>
                    <p>Find out more about what information we collect at InvestablePro, how we use it, and what control you have over your data.</p>
                    <ul class="list-unstyled lh-lg mb-0">
                        <li><a class="btn btn-link link-primary text-decoration-none p-0" href="{{route('privacy')}}"><i class="fas fa-file-pdf fa-sm me-1"></i>Privacy Statement</a></li>
                    </ul>
                    <hr class="d-md-none d-lg-none my-3 my-md-3">
                </div>
                <div class="d-md-none d-lg-block">
                    <div class="icon-wrap bg-info flex-shrink-0 mb-2 mb-md-3 mb-lg-3">
                        <i class="fas fa-shield-alt fa-lg text-white"></i>
                    </div>
                    <h4 class="fw-bold">Security</h4>
                    <p>Learn more about how we keep your work and personal data safe when you’re using our services.</p>
                    <ul class="list-unstyled lh-lg mb-0">
                        <li><a class="btn btn-link link-primary text-decoration-none p-0" href="{{route('security')}}"><i class="fas fa-file-pdf fa-sm me-1"></i>InvestablePro Trade Security</a></li>
                        <li><a class="btn btn-link link-primary text-decoration-none p-0" href="#"><i class="fas fa-file-pdf fa-sm me-1"></i>Responsible Disclosure Policy</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- section content end -->
@endsection