Home Verkennen Help
Inloggen
RevolvingCow
/
enigma
Volgen 1
Ster 0
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Commits 8 Publicaties 0 Wiki
Bladeren bron

updated index UI design

bmallred 10 jaren geleden
bovenliggende
b7ff626720
commit
6001a51cce
1 gewijzigde bestanden met toevoegingen van 76 en 2 verwijderingen
Split View Toon Diff Stats
  1. 76 2
      index.html

+ 76 - 2
index.html
Bestand weergeven 

@ -1,9 +1,83 @@
1 1 
<!doctype html>
2 
<html>
2 
<html lang="en">
3 3 
<head>
4 
    <meta charset="utf-8">
5 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 
    <meta name="viewport" content="width=device-width, initial-scale=1">
7
8 
    <title>Enigma Login</title>
9
10 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" />
11 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css" />
4 12 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.1/flatly/bootstrap.min.css" />
13 
    <style type="text/css">
14 
        body {
15 
            padding-top: 40px;
16 
            padding-bottom: 40px;
17 
            background-color: #eee;
18 
        }
19
20 
        .form-signin {
21 
            max-width: 330px;
22 
            padding: 15px;
23 
            margin: 0 auto;
24 
        }
25 
        .form-signin .form-signin-heading,
26 
        .form-signin .checkbox {
27 
            margin-bottom: 10px;
28 
        }
29 
        .form-signin .checkbox {
30 
            font-weight: normal;
31 
        }
32 
        .form-signin .form-control {
33 
            position: relative;
34 
            height: auto;
35 
            -webkit-box-sizing: border-box;
36 
            -moz-box-sizing: border-box;
37 
            box-sizing: border-box;
38 
            padding: 10px;
39 
            font-size: 16px;
40 
        }
41 
        .form-signin .form-control:focus {
42 
            z-index: 2;
43 
        }
44 
        .form-signin input[type="email"] {
45 
            margin-bottom: -1px;
46 
            border-bottom-right-radius: 0;
47 
            border-bottom-left-radius: 0;
48 
        }
49 
        .form-signin input[type="password"] {
50 
            margin-bottom: 10px;
51 
            border-top-left-radius: 0;
52 
            border-top-right-radius: 0;
53 
        }
54 
    </style>
55
56 
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
57 
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
58 
    <!--[if lt IE 9]>
59 
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
60 
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
61 
    <![endif]-->
5 62 
</head>
6 63 
<body>
7 
    <h1>Enigma - index.html</h1>
64 
    <div class="container">
65 
        <form class="form-signin">
66 
            <h2 class="form-signin-heading">Please sign in</h2>
67 
            <label for="inputEmail" class="sr-only">Email address</label>
68 
            <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus>
69 
            <label for="inputPassword" class="sr-only">Password</label>
70 
            <input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
71 
            <div class="checkbox">
72 
                <label>
73 
                    <input type="checkbox" value="remember-me"> Remember me
74 
                </label>
75 
            </div>
76 
            <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
77 
        </form>
78 
    </div>
79
80 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
81 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
8 82 
</body>
9 83 
</html>