<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width" />
    <title>Welcome to American Career College Portal</title>

<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href='//fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
    <link href="stylesheet.css" rel="stylesheet" />


    <link type="text/css" rel="stylesheet" href="css/style.css" />

    <!--<script src="js/CommonBrowser.js"></script>
    <script src="js/jquery.min.js"></script>

    <script type="text/javascript">
        $(window).load(function () {
            $(".loader").fadeOut("slow");
        })
    </script>
    <script src="http://westcoastuniversity.edu/app/js/imagesloaded.pkgd.js"></script>
    <script src="http://westcoastuniversity.edu/app/js/jquery-imagefill.js"></script>-->
    <style>
        .navbar .btn-navbar {
            display: none;
            float: right;
            padding: 7px 10px;
            margin-left: 5px;
            margin-right: 5px;
            background-color: #d44413;
            background-image: -moz-linear-gradient(top, #ce4213, #dd4814);
            background-image: -ms-linear-gradient(top, #ce4213, #dd4814);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ce4213), to(#dd4814));
            background-image: -webkit-linear-gradient(top, #ce4213, #dd4814);
            background-image: -o-linear-gradient(top, #ce4213, #dd4814);
            background-image: linear-gradient(top, #ce4213, #dd4814);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce4213', endColorstr='#dd4814', GradientType=0);
            border-color: #dd4814 #dd4814 #97310e;
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            *background-color: #dd4814;
            /* Darken IE7 buttons by default so they stand out more given they won't have borders */
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
            -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
        }

            .navbar .btn-navbar:hover,
            .navbar .btn-navbar:active,
            .navbar .btn-navbar.active,
            .navbar .btn-navbar.disabled,
            .navbar .btn-navbar[disabled] {
                background-color: #dd4814;
                *background-color: #c64012;
            }

            .navbar .btn-navbar:active,
            .navbar .btn-navbar.active {
                background-color: #ae3910 \9;
            }

            .navbar .btn-navbar .icon-bar {
                display: block;
                width: 18px;
                height: 2px;
                background-color: #f5f5f5;
                -webkit-border-radius: 1px;
                -moz-border-radius: 1px;
                border-radius: 1px;
                -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
                -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
                box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
            }

        .btn-navbar .icon-bar + .icon-bar {
            margin-top: 3px;
        }

        #maindiv a {
            text-align: center;
            display: inline-block;
            vertical-align: text-top;
        }

        #maindiv img {
            width: 100px;
            height: 100px;
        }

        .navbar-inner {
            min-height: 90px;
            padding-left: 20px;
            padding-right: 20px;
            background-color: #d44413;
            background-image: -moz-linear-gradient(top,#C60000,#C60000);
            background-image: -ms-linear-gradient(top, #C60000, #C60000);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#C60000), to(#C60000));
            background-image: -webkit-linear-gradient(top, #C60000, #C60000);
            background-image: -o-linear-gradient(top, #C60000, #C60000);
            background-image: linear-gradient(top, #C60000, #C60000);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C60000', endColorstr='#C60000', GradientType=0);
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
           <!-- -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); -->
            <!-- -moz-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); -->
           <!-- box-shadow: 0 8px 3px rgba(0, 0, 0, 0.5), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;-->

        }

  .header { background: #C60000; width:100%;

-webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, 0.5), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 5px 3px rgba(0, 0, 0, 0.5), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 5px 3px rgba(0, 0, 0, 0.5), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
}

    </style>
</head>

<body>
<header class="header">

    <div class="header_container">
        <!--<div class="leftHeader"><a href="#"><img src="images/logo.jpg" alt="American Career Colleges"></a></div>
        <div class="rightHeader"></div>-->
        <div class="navbar">
            <div class="navbar-inner">
                <div class="container-fluid" style="padding-top:20px;">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="#">
                        <img alt="ACC Logo" src="images/logo.jpg" />
                    </a>
                </div>
            </div>
        </div>
    </div>
</header>
    <div class="clearfix"></div>
    <!-- header ends -->
    <section class="wrapper" style="text-align:center;">
        <div>
            <h2 style="margin-top:-3px;">Welcome to American Career College Home</h2>
            <h3>To get started, click on any of the icons below</h3>
            <form action="" id="frmStudentSignup" method="post">

                <div class="col-sm-12" id="maindiv">
                    <div class="form-group" style="text-align:center;">

                        <span>
                            <a href="http://myportal.americancareercollege.edu/secure/Student/loginstu.aspx" target="_blank"><img src="images/CVue.jpg" class="image_stretch"><br>Student Portal</a>
                        </span>&nbsp;

                        <span><a href="https://learn.americancareercollege.edu/" target="_blank"><img src="images/BB.gif" class="image_stretch"><br>Blackboard</a></span>&nbsp;

                        <span><a href="https://success.americancareercollege.edu" target="_blank"><img src="images/email.png" class="image_stretch"><br>Email</a></span>

                    </div>
                </div>
                <div class="clearfix"></div>
                <br />
                <br />
                <br />
                <!-- <div style="text-align:center; border: none; padding: 14px 3px;box-sizing: border-box;background:#EF7F34; color:#fff;font-family: Montserrat,sans-serif; font-weight: 400; font-size:20px; margin-top:20px;"><span>Need Help to get Started</span><br /><a href="/OAP/OAPDemo/Account/Login">Click Here</a></div>-->
            </form>
        </div>
    </section>
    <div class="clearfix"></div>
    <!-- Footer starts -->
    <footer>
        <div class="footerDiv">
            <label>&copy;2015 American Career College</label>
            &nbsp; <a href="http://americancareercollege.edu/legal/terms-use.html">Terms of Use</a> | <a href="http://americancareercollege.edu/legal/privacy-policy.html">Privacy Policy</a> | <a href="http://americancareercollege.edu/legal/notice.html">Legal Notice</a>
        </div>

    </footer>
    <!-- Footer ends -->
</body>
</html>