git.roojs.org Git - bootswatch/blob - Progressus/signup.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4         <meta charset="utf-8">
   5         <meta name="viewport"    content="width=device-width, initial-scale=1.0">
   6         <meta name="description" content="">
   7         <meta name="author"      content="Sergey Pozhilov (GetTemplate.com)">
   8
   9         <title>Sign up - Progressus Bootstrap template</title>
  10
  11         <link rel="shortcut icon" href="assets/images/gt_favicon.png">
  12
  13         <link rel="stylesheet" media="screen" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
  14         <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  15         <link rel="stylesheet" href="assets/css/font-awesome.min.css">
  16
  17         <!-- Custom styles for our template -->
  18         <link rel="stylesheet" href="assets/css/bootstrap-theme.css" media="screen" >
  19         <link rel="stylesheet" href="assets/css/main.css">
  20
  21         <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  22         <!--[if lt IE 9]>
  23         <script src="assets/js/html5shiv.js"></script>
  24         <script src="assets/js/respond.min.js"></script>
  25         <![endif]-->
  26 </head>
  27
  28 <body>
  29         <!-- Fixed navbar -->
  30         <div class="navbar navbar-inverse navbar-fixed-top headroom" >
  31                 <div class="container">
  32                         <div class="navbar-header">
  33                                 <!-- Button for smallest screens -->
  34                                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
  35                                 <a class="navbar-brand" href="index.html"><img src="assets/images/logo.png" alt="Progressus HTML5 template"></a>
  36                         </div>
  37                         <div class="navbar-collapse collapse">
  38                                 <ul class="nav navbar-nav pull-right">
  39                                         <li><a href="index.html">Home</a></li>
  40                                         <li><a href="about.html">About</a></li>
  41                                         <li class="dropdown">
  42                                                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">More Pages <b class="caret"></b></a>
  43                                                 <ul class="dropdown-menu">
  44                                                         <li><a href="sidebar-left.html">Left Sidebar</a></li>
  45                                                         <li><a href="sidebar-right.html">Right Sidebar</a></li>
  46                                                 </ul>
  47                                         </li>
  48                                         <li><a href="contact.html">Contact</a></li>
  49                                         <li class="active"><a class="btn" href="signin.html">SIGN IN / SIGN UP</a></li>
  50                                 </ul>
  51                         </div><!--/.nav-collapse -->
  52                 </div>
  53         </div>
  54         <!-- /.navbar -->
  55
  56         <header id="head" class="secondary"></header>
  57
  58         <!-- container -->
  59         <div class="container">
  60
  61                 <ol class="breadcrumb">
  62                         <li><a href="index.html">Home</a></li>
  63                         <li class="active">Registration</li>
  64                 </ol>
  65
  66                 <div class="row">
  67
  68                         <!-- Article main content -->
  69                         <article class="col-xs-12 maincontent">
  70                                 <header class="page-header">
  71                                         <h1 class="page-title">Registration</h1>
  72                                 </header>
  73
  74                                 <div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
  75                                         <div class="panel panel-default">
  76                                                 <div class="panel-body">
  77                                                         <h3 class="thin text-center">Register a new account</h3>
  78                                                         <p class="text-center text-muted">Lorem ipsum dolor sit amet, <a href="signin.html">Login</a> adipisicing elit. Quo nulla quibusdam cum doloremque incidunt nemo sunt a tenetur omnis odio. </p>
  79                                                         <hr>
  80
  81                                                         <form>
  82                                                                 <div class="top-margin">
  83                                                                         <label>First Name</label>
  84                                                                         <input type="text" class="form-control">
  85                                                                 </div>
  86                                                                 <div class="top-margin">
  87                                                                         <label>Last Name</label>
  88                                                                         <input type="text" class="form-control">
  89                                                                 </div>
  90                                                                 <div class="top-margin">
  91                                                                         <label>Email Address <span class="text-danger">*</span></label>
  92                                                                         <input type="text" class="form-control">
  93                                                                 </div>
  94
  95                                                                 <div class="row top-margin">
  96                                                                         <div class="col-sm-6">
  97                                                                                 <label>Password <span class="text-danger">*</span></label>
  98                                                                                 <input type="text" class="form-control">
  99                                                                         </div>
 100                                                                         <div class="col-sm-6">
 101                                                                                 <label>Confirm Password <span class="text-danger">*</span></label>
 102                                                                                 <input type="text" class="form-control">
 103                                                                         </div>
 104                                                                 </div>
 105
 106                                                                 <hr>
 107
 108                                                                 <div class="row">
 109                                                                         <div class="col-lg-8">
 110                                                                                 <label class="checkbox">
 111                                                                                         <input type="checkbox">
 112                                                                                         I've read the <a href="page_terms.html">Terms and Conditions</a>
 113                                                                                 </label>
 114                                                                         </div>
 115                                                                         <div class="col-lg-4 text-right">
 116                                                                                 <button class="btn btn-action" type="submit">Register</button>
 117                                                                         </div>
 118                                                                 </div>
 119                                                         </form>
 120                                                 </div>
 121                                         </div>
 122
 123                                 </div>
 124
 125                         </article>
 126                         <!-- /Article -->
 127
 128                 </div>
 129         </div>  <!-- /container -->
 130
 131
 132         <footer id="footer" class="top-space">
 133
 134                 <div class="footer1">
 135                         <div class="container">
 136                                 <div class="row">
 137
 138                                         <div class="col-md-3 widget">
 139                                                 <h3 class="widget-title">Contact</h3>
 140                                                 <div class="widget-body">
 141                                                         <p>+234 23 9873237<br>
 142                                                                 <a href="mailto:#">some.email@somewhere.com</a><br>
 143                                                                 <br>
 144                                                                 234 Hidden Pond Road, Ashland City, TN 37015
 145                                                         </p>
 146                                                 </div>
 147                                         </div>
 148
 149                                         <div class="col-md-3 widget">
 150                                                 <h3 class="widget-title">Follow me</h3>
 151                                                 <div class="widget-body">
 152                                                         <p class="follow-me-icons clearfix">
 153                                                                 <a href=""><i class="fa fa-twitter fa-2"></i></a>
 154                                                                 <a href=""><i class="fa fa-dribbble fa-2"></i></a>
 155                                                                 <a href=""><i class="fa fa-github fa-2"></i></a>
 156                                                                 <a href=""><i class="fa fa-facebook fa-2"></i></a>
 157                                                         </p>
 158                                                 </div>
 159                                         </div>
 160
 161                                         <div class="col-md-6 widget">
 162                                                 <h3 class="widget-title">Text widget</h3>
 163                                                 <div class="widget-body">
 164                                                         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi, dolores, quibusdam architecto voluptatem amet fugiat nesciunt placeat provident cumque accusamus itaque voluptate modi quidem dolore optio velit hic iusto vero praesentium repellat commodi ad id expedita cupiditate repellendus possimus unde?</p>
 165                                                         <p>Eius consequatur nihil quibusdam! Laborum, rerum, quis, inventore ipsa autem repellat provident assumenda labore soluta minima alias temporibus facere distinctio quas adipisci nam sunt explicabo officia tenetur at ea quos doloribus dolorum voluptate reprehenderit architecto sint libero illo et hic.</p>
 166                                                 </div>
 167                                         </div>
 168
 169                                 </div> <!-- /row of widgets -->
 170                         </div>
 171                 </div>
 172
 173                 <div class="footer2">
 174                         <div class="container">
 175                                 <div class="row">
 176
 177                                         <div class="col-md-6 widget">
 178                                                 <div class="widget-body">
 179                                                         <p class="simplenav">
 180                                                                 <a href="#">Home</a> |
 181                                                                 <a href="about.html">About</a> |
 182                                                                 <a href="sidebar-right.html">Sidebar</a> |
 183                                                                 <a href="contact.html">Contact</a> |
 184                                                                 <b><a href="signup.html">Sign up</a></b>
 185                                                         </p>
 186                                                 </div>
 187                                         </div>
 188
 189                                         <div class="col-md-6 widget">
 190                                                 <div class="widget-body">
 191                                                         <p class="text-right">
 192                                                                 Copyright &copy; 2014, Your name. Designed by <a href="http://gettemplate.com/" rel="designer">gettemplate</a>
 193                                                         </p>
 194                                                 </div>
 195                                         </div>
 196
 197                                 </div> <!-- /row of widgets -->
 198                         </div>
 199                 </div>
 200         </footer>
 201
 202
 203
 204
 205
 206         <!-- JavaScript libs are placed at the end of the document so the pages load faster -->
 207         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 208         <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
 209         <script src="assets/js/headroom.min.js"></script>
 210         <script src="assets/js/jQuery.headroom.min.js"></script>
 211         <script src="assets/js/template.js"></script>
 212 </body>
 213 </html>