@extends('theme::user.layouts.app')

@section('content')

<div class="col">
    <div class="row" style="margin: 0px;">
        <div class="col-xxl-6 flex justify-start items-center" style="margin-top: 5px;margin-bottom: 20px;">
            <h1 style="white-space: nowrap;font-size: 24px;text-align: left;color: rgb(7,7,7);">Company Secretary Service Draft</h1>&emsp; 
        </div>
        <div class="col-xxl-6 flex justify-end" align="right" style="margin-top: 5px;margin-bottom: 20px">
            <button class="btn btn-warning" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal" style="color: #364257;background: #F3CF5D;font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 50px;">Apply for service</button>&nbsp;
            <a href="/company-secretary/document-library" class="btn btn-success" style="color: #FFFFFF;background: #009B9A;font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 50px;">Document Library</a>
        </div>
    </div>
</div>
<div class="col">
    <div class="row">
        <div class="col-xxl-3">
            <div class="card w-full" style="border-bottom-right-radius: 35px;border-top-left-radius: 35px;">
                <div class="card-body scstyle-15" style="overflow: auto;height: 200px; border-bottom-right-radius: 35px; border-top-left-radius: 35px; padding: 0px;">
                    <div class="flex justify-end items-center mt-2">
                        <div class="flex ml-auto">
                            <svg class="max-w-full h-auto pr-2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <g id="vuesax/linear/edit">
                                    <g id="edit">
                                        <path id="Vector" d="M11 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15V13" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path id="Vector_2" d="M16.04 3.01928L8.16 10.8993C7.86 11.1993 7.56 11.7893 7.5 12.2193L7.07 15.2293C6.91 16.3193 7.68 17.0793 8.77 16.9293L11.78 16.4993C12.2 16.4393 12.79 16.1393 13.1 15.8393L20.98 7.95928C22.34 6.59928 22.98 5.01928 20.98 3.01928C18.98 1.01928 17.4 1.65928 16.04 3.01928Z" stroke="#009B9A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path id="Vector_3" d="M14.91 4.15039C15.58 6.54039 17.45 8.41039 19.85 9.09039" stroke="#009B9A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                    </g>
                                </g>
                            </svg>
                            <svg class="max-w-full h-auto pr-2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <g id="vuesax/linear/trash">
                                    <g id="trash">
                                        <path id="Vector" d="M21 5.98047C17.67 5.65047 14.32 5.48047 10.98 5.48047C9 5.48047 7.02 5.58047 5.04 5.78047L3 5.98047" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path id="Vector_2" d="M8.5 4.97L8.72 3.66C8.88 2.71 9 2 10.69 2H13.31C15 2 15.13 2.75 15.28 3.67L15.5 4.97" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path id="Vector_3" d="M18.85 9.14062L18.2 19.2106C18.09 20.7806 18 22.0006 15.21 22.0006H8.78999C5.99999 22.0006 5.90999 20.7806 5.79999 19.2106L5.14999 9.14062" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path id="Vector_4" d="M10.33 16.5H13.66" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path id="Vector_5" d="M9.5 12.5H14.5" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                    </g>
                                </g>
                            </svg>
                        </div>
                    </div>
                    <div class="flex ml-3 mr-3 pt-20">
                        <h2><u>Incorporation of Hong Kong Limited Company</u></h2>
                    </div>
                    <div class="flex ml-3 mr-3 pt-3">
                        <small>Last modified date: 2023/05/14 02:34</small>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xxl-3">
            <div class="card w-full" style="border-bottom-right-radius: 35px;border-top-left-radius: 35px;">
                <div class="card-body scstyle-15" style="overflow: auto;height: 200px; border-bottom-right-radius: 35px; border-top-left-radius: 35px; padding: 0px;">
                    <div class="flex justify-end items-center mt-2">
                        <div class="flex ml-auto">
                            <svg class="max-w-full h-auto pr-2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <g id="vuesax/linear/edit">
                                    <g id="edit">
                                        <path id="Vector" d="M11 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15V13" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path id="Vector_2" d="M16.04 3.01928L8.16 10.8993C7.86 11.1993 7.56 11.7893 7.5 12.2193L7.07 15.2293C6.91 16.3193 7.68 17.0793 8.77 16.9293L11.78 16.4993C12.2 16.4393 12.79 16.1393 13.1 15.8393L20.98 7.95928C22.34 6.59928 22.98 5.01928 20.98 3.01928C18.98 1.01928 17.4 1.65928 16.04 3.01928Z" stroke="#009B9A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path id="Vector_3" d="M14.91 4.15039C15.58 6.54039 17.45 8.41039 19.85 9.09039" stroke="#009B9A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                    </g>
                                </g>
                            </svg>
                            <svg class="max-w-full h-auto pr-2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <g id="vuesax/linear/trash">
                                    <g id="trash">
                                        <path id="Vector" d="M21 5.98047C17.67 5.65047 14.32 5.48047 10.98 5.48047C9 5.48047 7.02 5.58047 5.04 5.78047L3 5.98047" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path id="Vector_2" d="M8.5 4.97L8.72 3.66C8.88 2.71 9 2 10.69 2H13.31C15 2 15.13 2.75 15.28 3.67L15.5 4.97" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path id="Vector_3" d="M18.85 9.14062L18.2 19.2106C18.09 20.7806 18 22.0006 15.21 22.0006H8.78999C5.99999 22.0006 5.90999 20.7806 5.79999 19.2106L5.14999 9.14062" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path id="Vector_4" d="M10.33 16.5H13.66" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path id="Vector_5" d="M9.5 12.5H14.5" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                    </g>
                                </g>
                            </svg>
                        </div>
                    </div>
                    <div class="flex ml-3 mr-3 pt-20">
                        <h2><u>Incorporation of Hong Kong Limited Company</u></h2>
                    </div>
                    <div class="flex ml-3 mr-3 pt-3">
                        <small>Last modified date: 2023/05/14 02:34</small>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xxl-3">
            <div class="card w-full" style="border-bottom-right-radius: 35px;border-top-left-radius: 35px;">
                <div class="card-body scstyle-15" style="overflow: auto;height: 200px; border-bottom-right-radius: 35px; border-top-left-radius: 35px; padding: 0px;">
                    <div class="flex justify-end items-center mt-2">
                        <div class="flex ml-auto">
                            <svg class="max-w-full h-auto pr-2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <g id="vuesax/linear/edit">
                                    <g id="edit">
                                        <path id="Vector" d="M11 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15V13" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path id="Vector_2" d="M16.04 3.01928L8.16 10.8993C7.86 11.1993 7.56 11.7893 7.5 12.2193L7.07 15.2293C6.91 16.3193 7.68 17.0793 8.77 16.9293L11.78 16.4993C12.2 16.4393 12.79 16.1393 13.1 15.8393L20.98 7.95928C22.34 6.59928 22.98 5.01928 20.98 3.01928C18.98 1.01928 17.4 1.65928 16.04 3.01928Z" stroke="#009B9A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path id="Vector_3" d="M14.91 4.15039C15.58 6.54039 17.45 8.41039 19.85 9.09039" stroke="#009B9A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                    </g>
                                </g>
                            </svg>
                            <svg class="max-w-full h-auto pr-2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <g id="vuesax/linear/trash">
                                    <g id="trash">
                                        <path id="Vector" d="M21 5.98047C17.67 5.65047 14.32 5.48047 10.98 5.48047C9 5.48047 7.02 5.58047 5.04 5.78047L3 5.98047" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path id="Vector_2" d="M8.5 4.97L8.72 3.66C8.88 2.71 9 2 10.69 2H13.31C15 2 15.13 2.75 15.28 3.67L15.5 4.97" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path id="Vector_3" d="M18.85 9.14062L18.2 19.2106C18.09 20.7806 18 22.0006 15.21 22.0006H8.78999C5.99999 22.0006 5.90999 20.7806 5.79999 19.2106L5.14999 9.14062" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path id="Vector_4" d="M10.33 16.5H13.66" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path id="Vector_5" d="M9.5 12.5H14.5" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                    </g>
                                </g>
                            </svg>
                        </div>
                    </div>
                    <div class="flex ml-3 mr-3 pt-20">
                        <h2><u>Incorporation of Hong Kong Limited Company</u></h2>
                    </div>
                    <div class="flex ml-3 mr-3 pt-3">
                        <small>Last modified date: 2023/05/14 02:34</small>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xxl-3">
            <div class="card w-full" style="border-bottom-right-radius: 35px;border-top-left-radius: 35px;">
                <div class="card-body scstyle-15" style="overflow: auto;height: 200px; border-bottom-right-radius: 35px; border-top-left-radius: 35px; padding: 0px;">
                    <div class="flex justify-end items-center mt-2">
                        <div class="flex ml-auto">
                            <svg class="max-w-full h-auto pr-2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <g id="vuesax/linear/edit">
                                    <g id="edit">
                                        <path id="Vector" d="M11 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15V13" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path id="Vector_2" d="M16.04 3.01928L8.16 10.8993C7.86 11.1993 7.56 11.7893 7.5 12.2193L7.07 15.2293C6.91 16.3193 7.68 17.0793 8.77 16.9293L11.78 16.4993C12.2 16.4393 12.79 16.1393 13.1 15.8393L20.98 7.95928C22.34 6.59928 22.98 5.01928 20.98 3.01928C18.98 1.01928 17.4 1.65928 16.04 3.01928Z" stroke="#009B9A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path id="Vector_3" d="M14.91 4.15039C15.58 6.54039 17.45 8.41039 19.85 9.09039" stroke="#009B9A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                    </g>
                                </g>
                            </svg>
                            <svg class="max-w-full h-auto pr-2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <g id="vuesax/linear/trash">
                                    <g id="trash">
                                        <path id="Vector" d="M21 5.98047C17.67 5.65047 14.32 5.48047 10.98 5.48047C9 5.48047 7.02 5.58047 5.04 5.78047L3 5.98047" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path id="Vector_2" d="M8.5 4.97L8.72 3.66C8.88 2.71 9 2 10.69 2H13.31C15 2 15.13 2.75 15.28 3.67L15.5 4.97" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path id="Vector_3" d="M18.85 9.14062L18.2 19.2106C18.09 20.7806 18 22.0006 15.21 22.0006H8.78999C5.99999 22.0006 5.90999 20.7806 5.79999 19.2106L5.14999 9.14062" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path id="Vector_4" d="M10.33 16.5H13.66" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path id="Vector_5" d="M9.5 12.5H14.5" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                    </g>
                                </g>
                            </svg>
                        </div>
                    </div>
                    <div class="flex ml-3 mr-3 pt-20">
                        <h2><u>Incorporation of Hong Kong Limited Company</u></h2>
                    </div>
                    <div class="flex ml-3 mr-3 pt-3">
                        <small>Last modified date: 2023/05/14 02:34</small>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection