axiom/sign-up.html at main · swapan730/axiom · 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
<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <title>Axiom - Chat, Discussion, Knowledge and Support Platform</title>
      <meta name="viewport" content="width=device-width,initial-scale=1">
      <meta content="A premium admin dashboard template by Mannatthemes" name="description">
      <meta name="author" content="">
      <!-- Main CSS -->
      <link rel="stylesheet" type="text/css" href="assets/plugins/bootstrap/bootstrap.min.css">
      <link rel="stylesheet" type="text/css" href="assets/plugins/metisMenu/metisMenu.min.css">
      <link rel="stylesheet" type="text/css" href="assets/plugins/themify-icons/themify-icons.css">
      <link rel="stylesheet" type="text/css" href="assets/css/app.min.css">
      <link rel="stylesheet" type="text/css" href="assets/css/style.css">
      <!-- Chats CSS -->
      <link rel="stylesheet" type="text/css" href="assets/css/chats.css">
      <!-- Favicon -->
      <link rel="icon" href="assets/images/favicon.ico" type="image/x-icon">
   </head>
   <body>
      <!--================================-->
      <!-- Page Content Start -->
      <!--================================-->
      <div class="ht-100v text-center">
         <div class="row pd-0 mg-0">
            <div class="col-lg-6 bg-light-gray hidden-sm">
               <div class="ht-100v d-flex">
                  <div class="align-self-center">
                     <img src="assets/images/logo-sm.png" class="img-fluid" alt="">
                     <h3 class="tx-20 tx-dark pd-t-50">JOIN OUR GREAT COMMUNITY</h3>
                     <p class="pd-y-15 pd-x-10 pd-md-x-100 tx-gray-600">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
                     <a href="sign-up.html" class="btn btn-outline-brand">Get An Account</a>
                  </div>
               </div>
            </div>
            <div class="col-lg-6 bg-light">
               <div class="ht-100v d-flex align-items-center justify-content-center">
                  <div class="">
                     <h3 class="tx-dark mg-b-5 tx-left">Create New Account</h3>
                     <p class="tx-gray-600 tx-15 mg-b-40">Welcome back! Please signin to continue.</p>
                     <div class="form-group tx-left">
                        <label class="tx-gray-500 mg-b-5">Email address</label>
                        <input type="email" class="form-control" placeholder="yourname@yourmail.com">
                     </div>
                     <div class="form-group">
                        <div class="d-flex justify-content-between mg-b-5">
                           <label class="tx-gray-500 mg-b-0">Password</label>
                        </div>
                        <input type="password" class="form-control" placeholder="Enter your password">
                     </div>
                     <div class="form-group">
                        <div class="d-flex justify-content-between mg-b-5">
                           <label class="tx-gray-500 mg-b-0">First Name</label>
                        </div>
                        <input type="password" class="form-control" placeholder="First Name">
                     </div>
                     <div class="form-group">
                        <div class="d-flex justify-content-between mg-b-5">
                           <label class="tx-gray-500 mg-b-0">Last Name</label>
                        </div>
                        <input type="password" class="form-control" placeholder="Last Name">
                     </div>
                     <a href="" class="btn btn-brand btn-block">Create Account</a>
                     <div class="pd-y-20 tx-uppercase tx-gray-500">or</div>
                     <button class="btn btn-outline-facebook"><i class="wd-16 mr-2" data-feather="facebook"></i>Facebook</button>
                     <button class="btn btn-outline-twitter"><i class="wd-16 mr-2" data-feather="twitter"></i>Twitter</button>
                     <button class="btn btn-outline-linkedin"><i class="wd-16 mr-2" data-feather="linkedin"></i>Linkedin</button>
                     <div class="tx-13 mg-t-20 tx-center">Already have an account? <a href="sign-in.html">Sign In</a></div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!--/ Page Content End -->
      <!-- jQuery  -->
      <script src="assets/plugins/jquery/jquery.min.js"></script>
      <script src="assets/plugins/bootstrap/bootstrap.bundle.min.js"></script>
      <script src="assets/plugins/feather-icon/feather.min.js"></script>
      <script src="assets/plugins/metisMenu/metisMenu.min.js"></script>
      <script src="assets/plugins/slimscroll/jquery.slimscroll.min.js"></script>
      <!-- App JS -->
      <script src="assets/js/app.js"></script>
   </body>
</html>