<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title>Cloud Agility | Connexion</title>

    <!-- BootStrap library -->
    <link rel="stylesheet" href="/css/bootstrap-4.5.2.min.css"
          integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
    <script src="/js/jquery-3.5.1.slim.min.js"
            integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
            crossorigin="anonymous"></script>
    <script src="/js/popper-1.16.1.min.js"
            integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
            crossorigin="anonymous"></script>
    <script src="/js/bootstrap-4.5.2.min.js"
            integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"
            crossorigin="anonymous"></script>

    <!-- Font awesone icons -->
    <link rel="stylesheet" href="/css/fontawesome-all-v5.7.0.css"
          integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
    <script defer src="/js/fontawesome-all-v5.7.0.js"></script> <!--load all styles -->

    <link rel="stylesheet" href="/css/style.css">
    <link rel="icon" href="/images/favicon.png"/>

        <link rel="stylesheet" href="/css/login.css">
    
</head>
<body>
<div class="container-fluid main">
    <div class="row menu">
        <div class="container">
            <div class="row">
                <div class="d-flex w-100">
                    <div class="p-2" id="logo">
                        <img class="w-100" src="/images/sfr-business-logo.png" alt="logo-sfr-business"/>
                    </div>
                    <div id="offer-name" class="pl-4 py-2 h3 ml-0 align-self-center my-auto">
                        <a href="/dashboard" class="text-decoration-none text-reset">
                            Cloud Agility
                        </a>
                    </div>
                                                                                    <div class="mr-0 my-auto p-2"></div>
                </div>
            </div>
        </div>
    </div>

        <div class="row login-background">
        <div class="col-md-10">
            <div class="form-container bg-white text-dark">
                <form class="needs-validation m-40 mb-0" method="post" novalidate>
                <div class="form-row">
                    <div class="col">
                        <h3 class="h2 mb-3 ml-4 font-weight-normal">Connexion</h3>
                    </div>
                </div>
                <div class="form-row mb-3 ml-3 mr-3">
                    <div class="col">
                        <input type="email" value="" placeholder="Adresse e-mail" value="" name="email" id="inputEmail" class="form-control" required autofocus>
                    </div>
                </div>
                <div class="form-row mb-3 ml-3 mr-3">
                    <div class="col">
                        <input type="password" placeholder="Mot de passe" name="password" id="inputPassword" class="form-control" required>
                    </div>
                </div>
                <div class="form-row ml-3 mr-3">
                    <div class="col">
                                            </div>
                </div>
                <div class="form-row mb-3 ml-3 mr-3">
                    <div class="col">
                        <input type="hidden" name="_csrf_token"
                               value="104f697.ZswylfGDNy4wp9cKXp4sMtGfXQhwxfAVxVWnGQfMeww.N50CrL-2RHhl_qFuKO1NQbzxGktEroJRggDAVmuYOE81mgrAluFBWQDAoA">
                        <button class="btn btn-danger btn-block rounded-0 mt-4 shadow-sm" type="submit">
                            ME CONNECTER
                        </button>
                    </div>
                </div>
            </form>
                <div class="col">
                    <a class="forgotten-password" href="/reset-password">Mot de passe oublié</a>
                </div>
            </div>
        </div>
    </div>

</div>
<footer class="footer">
</footer>
</body>

</html>
