blindside/index.html at master · NoahGreer/blindside · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html lang="en">

<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- Page specific meta tags -->
  <meta name="description" content="Login Page">
  <meta name="author" content="Nathan O'Brien">

  <title>Login</title>

  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

  <!--Fontawesome CDN-->
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

  <!-- Custom styles for this template -->
  <link href="css/blog-home.css" rel="stylesheet">
  <link href="css/styles.css" rel="stylesheet">
  <link href="css/login-styles.css" rel="stylesheet">
</head>
<body class="container bg-dark">
  <div class="row d-flex justify-content-center">
    <h1 class="white-text" href="#">Spending Club</h1>
  </div>
  <div class="container">
    <div class="d-flex justify-content-center h-90">
      <div class="card">
        <div class="card-header">
          <h6>Sign In</h6>
        </div>
        <div class="card-body">
          <form>
            <div class="input-group form-group">
              <div class="input-group-prepend">
                <span class="input-group-text bg-purple"><i class="fas fa-user"></i></span>
              </div>
              <input type="text" class="form-control" placeholder="username">

            </div>
            <div class="input-group form-group">
              <div class="input-group-prepend">
                <span class="input-group-text bg-purple"><i class="fas fa-key"></i></span>
              </div>
              <input type="password" class="form-control" placeholder="password">
            </div>
            <div class="row align-items-center remember">
              <input type="checkbox">Remember Me
            </div>
            <div class="form-group">
              <a href="profile.html"><button type="button" class="btn float-right login_btn bg-purple">Login</button></a>
            </div>
          </form>
        </div>
        <div class="card-footer">
          <div class="d-flex justify-content-center links">
            Don't have an account?
          </div>
          <div class="d-flex justify-content-center">
            <a href="#" data-toggle="modal" data-target="#application">Apply</a>
          </div>
          <div class="d-flex justify-content-center">
            <a href="#">Forgot your password?</a>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- modal -->
  <div class="modal fade" id="application" tabindex="-1" role="dialog" aria-labelledby="contactLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="panel panel-primary">
        <div class="panel-heading">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
          <h4 class="panel-title" id="contactLabel"><span class="glyphicon glyphicon-info-sign"></span>Are you wealthy enough?</h4>
        </div>
        <form action="#" method="post" accept-charset="utf-8">
          <div class="modal-body" style="padding: 5px;">
            <div class="row">
              <div class="col-lg-6 col-md-6 col-sm-6" style="padding-bottom: 10px;">
                <input class="form-control" name="firstname" placeholder="Firstname" type="text" required autofocus />
              </div>
              <div class="col-lg-6 col-md-6 col-sm-6" style="padding-bottom: 10px;">
                <input class="form-control" name="lastname" placeholder="Lastname" type="text" required />
              </div>
            </div>
            <div class="row">
              <div class="col-lg-12 col-md-12 col-sm-12" style="padding-bottom: 10px;">
                <input class="form-control" name="email" placeholder="E-mail" type="text" required />
              </div>
            </div>
            <div class="row">
              <div class="col-lg-12 col-md-12 col-sm-12">
                <textarea style="resize:vertical;" class="form-control" placeholder="Why should we consider you for membership? What makes you worthy?" rows="6" name="comment" required></textarea>
              </div>
            </div>
          </div>
          <div class="panel-footer" style="margin-bottom:-14px;">
            <input type="submit" class="btn btn-success" value="Send"/>
            <input type="reset" class="btn btn-danger" value="Clear" />
          </div>
        </div>
      </div>
    </div>


  <!-- Optional JavaScript -->
  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  <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.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

</body>

</html>