@extends("layouts.app_new")
@section("title")
Login
@endsection
@section("content")
<style type="text/css">
    .logo img
    {
        height: 88px;
    }
    .login-content
    {
        height: 100% !important;
    }
    header , footer
    {
        visibility: visible;
        display: none;
    }
   .error-404-area
   {
    min-height: 100vh;
   }
   .error-404-area .notfound .notfound-bg
   {
        top: 58%;
   }
   .error-404-area .notfound .notfound-bg div
   {
        height: 139px;
   }
   .notfound.bg-start 
   {
    background-color: #fff;
    padding: 10px 10px 33px 10px;
    box-shadow: 0px 0px 14px 7px #ececec;
    }
    .error-404-area {
    padding-top: 103px;
  }

.div-par {
    position: relative;
    max-width: 508px;
    z-index: 1;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
}
@media only screen and (max-width: 767px)
{
  .resp
  {
    margin-top: 10px;
        padding: 12px 25px 11px 61px;
  }
}
</style>

        <div class="error-404-area">
            <div class="container">
                <div class="notfound bg-start">
                    <div class="logo">
                        <br>
                                   <img src="{{url('')}}/assets3/img/cckh-01.png" alt="image"><br>
                                    </div><br>
                                  
                    <h3>Sign Up</h3>
                    <a href="{{url('signup')}}" class="default-btn"><i class="bx bx-user icon-arrow before"></i><span class="label">Sign Up</span><i class="bx bx-user icon-arrow after"></i></a>
                    <br>
                    <hr>
                 

                    <h3>Welcome back</h3>
                    <a href="{{url('_restricted')}}" class="default-btn"><i class="bx bx-log-in icon-arrow before"></i><span class="label">Login</span><i class="bx bx-log-in icon-arrow after"></i></a>

                </div>
                <div class="div-par">
                  <!-- <p style="text-align: justify;color: #252525;margin: 10px 15px;">This is the knowledge management portal developed by World Health Organization country office of Somalia on critical care for acute emergency conditions including coronavirus disease (COVID-19). <br><strong> Access to portal is authorized for registered users only.</strong> </p> -->
                  <div class="apps-button">
                      <a href="https://apps.apple.com/us/app/cckh/id1554742594" target="_blank" class="default-btn" style="background-color: #000;border-color: #000;"><i class="bx bxl-apple icon-arrow before"></i><span class="label">Download On App Store</span><i class="bx bxl-apple icon-arrow after"></i></a>
                      <a href="https://play.google.com/store/apps/details?id=com.intrazero.cckh" target="_blank" class="default-btn resp" style="    background-color: #6ccc00;border-color: #6ccc00;"><i class="bx bxl-play-store icon-arrow before"></i><span class="label">Get It On Google Play</span><i class="bx bxl-play-store icon-arrow after"></i></a>
                  </div>
                </div>
            </div>
        </div>


@endsection