@extends('layouts.home')

@section('content')
    <div class="container" style="color: white; background-color: #5e5d5d; border-radius: 30px; margin-top: 80px; padding: 25px;">
        <br><br>
        <h3>@lang('whatis.whatistitle')</h3>
        <p>@lang('whatis.whatistext')</p>
        <h3>@lang('whatis.whentitle')</h3>
        <p>@lang('whatis.whentext')</p>
        <h3>@lang('whatis.comparisontitle')</h3>
        <p>@lang('whatis.comparisontext')</p>

        <table class="table table-condensed table-hover table-striped" style="width: 65%;">
            <thead><th>&nbsp;</th><th>@lang('whatis.free')</th><th>@lang('whatis.paid')</th></thead>
            <tbody>
            <tr>
                <td>@lang('whatis.fileextension')</td><td>.txt,.doc,.docx,.pdf</td><td>@lang('whatis.all')</td>
            </tr>
            <tr><td>@lang('whatis.maxsize')</td><td>2 MB</td><td>500 MB (0.5 GB)</td></tr>
            <tr><td>@lang('whatis.retention')</td><td>@lang('whatis.4hour')</td><td>@lang('whatis.upto')</td></tr>
            <tr><td>@lang('whatis.maxrecps')</td><td>1<td>3</td></tr>
            <tr><td style="max-width: 150px;">@lang('whatis.choosealtaddr')</td><td><i style="font-size: 2em; color:darkred;" class="fa fa-times"></i></td><td><i style="font-size: 2em; color:#6fc228;" class="fas fa-check"></i></td></tr>
            <tr><td>@lang('whatis.myown')</td><td><i style="font-size: 2em; color:darkred;" class="fa fa-times"></i></td><td><i style="font-size: 2em; color:#6fc228;" class="fas fa-check"></i></td></tr>

            </tbody>
        </table>

    </div>

@stop