Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • Login Tabs

    Загружено:

    RyanEmmanuelSjVerzo
    12 просмотров2 страницы
    login!

    Оригинальное название

    loginTabs

    Авторское право

    © © All Rights Reserved

    Доступные форматы

    TXT, PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ
    login!

    Авторское право:

    © All Rights Reserved
    Скачайте в формате TXT, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    12 просмотров2 страницы

    Login Tabs

    Загружено:

    RyanEmmanuelSjVerzo
    login!

    Авторское право:

    © All Rights Reserved
    Скачайте в формате TXT, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 2

    <!

    DOCTYPE html>
    <html>
    <head>
    <title></title>
    <link rel="stylesheet"
    href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
    integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
    crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="loginTabs.css">
    <link href="https://fonts.googleapis.com/css?family=Raleway"
    rel="stylesheet">
    <link rel="stylesheet"
    href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-
    hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ"
    crossorigin="anonymous">
    </head>
    <body>
    <!-- Tabs -->
    <div class="container">
    <div class="jumbotron">
    <section id="tabs">
    <div class="container">
    <h6 class="section-title h1"><strong>Welcome to E-KURASRUMU!
    </strong></h6>
    <div class="row">
    <div class="col-xs-12">
    <nav>
    <div class="nav nav-tabs nav-fill" id="nav-tab"
    role="tablist">
    <a class="nav-item nav-link active" id="nav-
    home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home"
    aria-selected="true">Login</a>
    <a class="nav-item nav-link" id="nav-profile-
    tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile"
    aria-selected="false">Sign-up</a>

    </div>
    </nav>
    <div class="tab-content py-3 px-3 px-sm-0" id="nav-
    tabContent">
    <div class="tab-pane fade show active" id="nav-home"
    role="tabpanel" aria-labelledby="nav-home-tab">
    <form>
    <div class="form-group">
    <label for="exampleInputEmail1">Student number</label>
    <input type="text" class="form-control" id="exampleInputEmail1" aria-
    describedby="emailHelp" placeholder="Your student number goes here">
    <small id="emailHelp" class="form-text text-muted">You can trust E-KURASRUMU
    with your credentials.</small>
    </div>
    <div class="form-group">
    <label for="exampleInputPassword1">Password</label>
    <input type="password" class="form-control" id="exampleInputPassword1"
    placeholder="Password">
    </div>
    <button type="submit" class="btn btn-primary">Submit</button>
    </form>
    </div>
    <div class="tab-pane fade" id="nav-profile"
    role="tabpanel" aria-labelledby="nav-profile-tab">
    <form>
    <div class="form-group">
    <label for="exampleInputEmail1">Student number</label>
    <input type="text" class="form-control" id="exampleInputEmail1" aria-
    describedby="emailHelp" placeholder="Your student number goes here">
    </div>
    <div class="form-row">
    <div class="form-group col-md-6">
    <label for="inputEmail4">First Name</label>
    <input type="email" class="form-control" id="inputEmail4" placeholder="First
    Name">
    </div>
    <div class="form-group col-md-6">
    <label for="inputPassword4">Last Name</label>
    <input type="password" class="form-control" id="inputPassword4"
    placeholder="Last Name">
    </div>
    </div>
    <div class="form-group">
    <label for="exampleInputPassword1">Password</label>
    <input type="password" class="form-control" id="exampleInputPassword1"
    placeholder="Password" required minlength="5" maxlength="10" size="10">
    <small id="emailHelp" class="form-text text-muted">Your password must be at
    least 5 characters.</small>
    </div>
    <button type="submit" class="btn btn-primary">Sign me up!</button>
    </form>
    </div>

    </div>

    </div>
    </div>
    </div>
    </section>
    </div>
    </div>
    <!-- ./Tabs -->

    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
    integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
    crossorigin="anonymous"></script>
    <script
    src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
    integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
    crossorigin="anonymous"></script>
    <script
    src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
    integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
    crossorigin="anonymous"></script>
    </body>
    </html>

    Вам также может понравиться