<!DOCTYPE html>
<html lang="en">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description"
        content="AIC / IMC Campus admin is super flexible, powerful, clean &amp; modern responsive bootstrap 4 admin template with unlimited possibilities.">
    <meta name="keywords"
        content="admin template, AIC / IMC Campus admin template, dashboard template, flat admin template, responsive admin template, web app">
    <meta name="author" content="pixelstrap">
    <link rel="icon" href="../assets/images/dashboard/favicon.png" type="image/x-icon">
    <link rel="shortcut icon" href="../assets/images/dashboard/favicon.png" type="image/x-icon">

    <title>AIC / IMC Campus - Login</title>

    <!-- Google font-->
    <link rel="stylesheet"
        href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,500;1,600;1,700;1,800;1,900&display=swap">

    <link rel="stylesheet"
        href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap">


    <!-- Font Awesome-->
    <link rel="stylesheet" type="text/css" href="../assets/css/vendors/font-awesome.css">

    <!-- Flag icon-->
    <link rel="stylesheet" type="text/css" href="../assets/css/vendors/themify-icons.css">

    <!-- slick icon-->
    <link rel="stylesheet" type="text/css" href="../assets/css/vendors/slick.css">
    <link rel="stylesheet" type="text/css" href="../assets/css/vendors/slick-theme.css">

    <!-- Bootstrap css-->
    <link rel="stylesheet" type="text/css" href="../assets/css/vendors/bootstrap.css">

    <!-- App css-->
    <link rel="stylesheet" type="text/css" href="../assets/css/style.css">

    <!-- global css-->
    <link rel="stylesheet" type="text/css" href="../assets/custom-assets/css/global.css">

    <!-- JDataTable - css -->
    <!-- <link href="../assets/lib/DataTables/datatables.min.css" rel="stylesheet"> -->
    <link
        href="https://cdn.datatables.net/v/dt/jszip-3.10.1/dt-1.13.6/af-2.6.0/b-2.4.2/b-colvis-2.4.2/b-html5-2.4.2/b-print-2.4.2/cr-1.7.0/date-1.5.1/fc-4.3.0/fh-3.4.0/kt-2.10.0/r-2.5.0/rg-1.4.1/rr-1.4.1/sc-2.2.0/sb-1.6.0/sp-2.2.0/sl-1.7.0/sr-1.3.0/datatables.min.css"
        rel="stylesheet">

</head>

<body>

    <!-- page-wrapper Start-->
    <div class="page-wrapper">
        <div class="authentication-box">
            <div class="container">
                <div class="row">
                    <div class="col-md-5 p-0 card-left">
                        <div class="card bg-primary">
                            <div class="svg-icon">
                                <img src="../assets/images/aic/logoredit.png" style="width: 100%;">
                            </div>

                            <div class="single-item">
                                <div>
                                    <div>
                                        <h3>Welcome to AIC / IMC Campus</h3>
                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                                            Lorem Ipsum has been the industry's standard dummy.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7 p-0 card-right">
                        <div class="card tab2-card card-login">
                            <div class="card-body">
                                <ul class="nav nav-tabs nav-material" id="top-tab" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" id="top-profile-tab" data-bs-toggle="tab"
                                            href="#top-profile" role="tab" aria-controls="top-profile"
                                            aria-selected="true"><span class="icon-user me-2"></span>Student Login</a>
                                    </li>
                                    <!--                                     <li class="nav-item">
                                        <a class="nav-link" id="contact-top-tab" data-bs-toggle="tab"
                                            href="#top-contact" role="tab" aria-controls="top-contact"
                                            aria-selected="false" disabled><span class="icon-unlock me-2" ></span>Register</a>
                                    </li> -->
                                </ul>
                                <div class="tab-content" id="top-tabContent">
                                    <div class="tab-pane fade show active" id="top-profile" role="tabpanel"
                                        aria-labelledby="top-profile-tab">
                                        <form class="form-horizontal auth-form" id="loginForm">
                                            <div class="form-group">
                                                <input required="" name="email" id="email" type="email"
                                                    class="form-control email" placeholder="Email">
                                            </div>
                                            <div class="form-group">
                                                <input required="" name="password" id="password" type="password"
                                                    class="form-control password" placeholder="Password">
                                            </div>
                                            <!-- <div class="form-group">
                                                <label for=""><strong> Login as :</strong></label>

                                                <label for="is_student">
                                                    <input type="checkbox" id="is_student" class="is_student"
                                                        name="is_student">
                                                    Student</label>
                                            </div> -->
                                            <div class="form-terms">
                                                <div class="form-check mesm-2">
                                                    <input type="checkbox" class="form-check-input"
                                                        id="customControlAutosizing">
                                                    <label class="form-check-label ps-2"
                                                        for="customControlAutosizing">Remember me</label>
                                                    <a href="javascript:void(0)"
                                                        class="btn btn-default forgot-pass">Forgot Password!</a>
                                                </div>
                                            </div>
                                            <div class="err-msg-div">
                                                <p class="err-msg"></p>
                                            </div>
                                            <div class="form-button">
                                                <button class="btn btn-primary btn_login" type="submit"
                                                    id="btn_login">Login</button>
                                            </div>
                                            <div class="form-footer">
                                                <span class="text-dark">Trouble in login ??</span>
                                                <span>Trouble in login ?? contact<h3 class="text-dark">+94 77 133 5511
                                                    </h3></span>
                                                <!-- <ul class="social">
                                                    <li><a class="ti-facebook" href=""></a></li>
                                                    <li><a class="ti-twitter" href=""></a></li>
                                                    <li><a class="ti-instagram" href=""></a></li>
                                                    <li><a class="ti-pinterest" href=""></a></li>
                                                </ul> -->
                                            </div>
                                        </form>
                                    </div>
                                    <!--                                     <div class="tab-pane fade" id="top-contact" role="tabpanel"
                                        aria-labelledby="contact-top-tab">
                                        <form class="form-horizontal auth-form">
                                            <div class="form-group">
                                                <input required="" name="login[username]" type="email"
                                                    class="form-control" placeholder="Username"
                                                    id="exampleInputEmail12">
                                            </div>
                                            <div class="form-group">
                                                <input required="" name="login[password]" type="password"
                                                    class="form-control" placeholder="Password">
                                            </div>
                                            <div class="form-group">
                                                <input required="" name="login[password]" type="password"
                                                    class="form-control" placeholder="Confirm Password">
                                            </div>
                                            <div class="form-terms">
                                                <div class="form-check mesm-2">
                                                    <input type="checkbox" class="form-check-input"
                                                        id="customControlAutosizing1">
                                                    <label class="form-check-label ps-2"
                                                        for="customControlAutosizing1"><span>I agree all statements in
                                                            <a href="" class="pull-right">Terms &amp;
                                                                Conditions</a></span></label>
                                                </div>
                                            </div>
                                            <div class="form-button">
                                                <button class="btn btn-primary" type="submit">Register</button>
                                            </div>
                                            <div class="form-footer">
                                                <span>Or Sign up with social platforms</span>
                                                <ul class="social">
                                                    <li><a class="ti-facebook" href=""></a></li>
                                                    <li><a class="ti-twitter" href=""></a></li>
                                                    <li><a class="ti-instagram" href=""></a></li>
                                                    <li><a class="ti-pinterest" href=""></a></li>
                                                </ul>
                                            </div>
                                        </form>
                                    </div> -->

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="index.html" class="btn btn-primary back-btn"><i data-feather="arrow-left"></i>Go to Website</a>
            </div>
        </div>
    </div>

    <!-- latest jquery-->
    <script src="../assets/js/jquery-3.3.1.min.js"></script>

    <!-- Bootstrap js-->
    <script src="../assets/js/bootstrap.bundle.min.js"></script>

    <!-- feather icon js-->
    <script src="../assets/js/icons/feather-icon/feather.min.js"></script>
    <script src="../assets/js/icons/feather-icon/feather-icon.js"></script>

    <!-- Sidebar jquery-->
    <script src="../assets/js/sidebar-menu.js"></script>
    <script src="../assets/js/slick.js"></script>

    <!-- lazyload js-->
    <script src="../assets/js/lazysizes.min.js"></script>

    <!--right sidebar js-->
    <script src="../assets/js/chat-menu.js"></script>

    <!--script admin-->
    <script src="../assets/js/admin-script.js"></script>

    <!-- Sweetalert2 js-->
    <script src="../assets/custom-assets/lib/sweetalert2/sweetalert2.all.min.js"></script>

    <!-- Moment js-->
    <script src="../assets/custom-assets/lib/momentjs/moment.min.js"></script>

    <!-- JDataTable js -->
    <!-- <script src="../assets/lib/DataTables/datatables.min.js"></script> -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/vfs_fonts.js"></script>
    <script
        src="https://cdn.datatables.net/v/dt/jszip-3.10.1/dt-1.13.6/af-2.6.0/b-2.4.2/b-colvis-2.4.2/b-html5-2.4.2/b-print-2.4.2/cr-1.7.0/date-1.5.1/fc-4.3.0/fh-3.4.0/kt-2.10.0/r-2.5.0/rg-1.4.1/rr-1.4.1/sc-2.2.0/sb-1.6.0/sp-2.2.0/sl-1.7.0/sr-1.3.0/datatables.min.js">
    </script>

    <!-- login.js -->
    <script src="assets/js/login.js"></script>


    <script>
    $('.single-item').slick({
        arrows: false,
        dots: true
    });
    </script>

</body>

</html>