git.roojs.org Git - bootswatch/blob - Progressus/contact.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>Contact us - 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 class="active"><a href="contact.html">Contact</a></li>
  49                                         <li><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">About</li>
  64                 </ol>
  65
  66                 <div class="row">
  67
  68                         <!-- Article main content -->
  69                         <article class="col-sm-9 maincontent">
  70                                 <header class="page-header">
  71                                         <h1 class="page-title">Contact us</h1>
  72                                 </header>
  73
  74                                 <p>
  75                                         We’d love to hear from you. Interested in working together? Fill out the form below with some info about your project and I will get back to you as soon as I can. Please allow a couple days for me to respond.
  76                                 </p>
  77                                 <br>
  78                                         <form>
  79                                                 <div class="row">
  80                                                         <div class="col-sm-4">
  81                                                                 <input class="form-control" type="text" placeholder="Name">
  82                                                         </div>
  83                                                         <div class="col-sm-4">
  84                                                                 <input class="form-control" type="text" placeholder="Email">
  85                                                         </div>
  86                                                         <div class="col-sm-4">
  87                                                                 <input class="form-control" type="text" placeholder="Phone">
  88                                                         </div>
  89                                                 </div>
  90                                                 <br>
  91                                                 <div class="row">
  92                                                         <div class="col-sm-12">
  93                                                                 <textarea placeholder="Type your message here..." class="form-control" rows="9"></textarea>
  94                                                         </div>
  95                                                 </div>
  96                                                 <br>
  97                                                 <div class="row">
  98                                                         <div class="col-sm-6">
  99                                                                 <label class="checkbox"><input type="checkbox"> Sign up for newsletter</label>
 100                                                         </div>
 101                                                         <div class="col-sm-6 text-right">
 102                                                                 <input class="btn btn-action" type="submit" value="Send message">
 103                                                         </div>
 104                                                 </div>
 105                                         </form>
 106
 107                         </article>
 108                         <!-- /Article -->
 109
 110                         <!-- Sidebar -->
 111                         <aside class="col-sm-3 sidebar sidebar-right">
 112
 113                                 <div class="widget">
 114                                         <h4>Address</h4>
 115                                         <address>
 116                                                 2002 Holcombe Boulevard, Houston, TX 77030, USA
 117                                         </address>
 118                                         <h4>Phone:</h4>
 119                                         <address>
 120                                                 (713) 791-1414
 121                                         </address>
 122                                 </div>
 123
 124                         </aside>
 125                         <!-- /Sidebar -->
 126
 127                 </div>
 128         </div>  <!-- /container -->
 129
 130         <section class="container-full top-space">
 131                 <div id="map"></div>
 132         </section>
 133
 134         <footer id="footer">
 135
 136                 <div class="footer1">
 137                         <div class="container">
 138                                 <div class="row">
 139
 140                                         <div class="col-md-3 widget">
 141                                                 <h3 class="widget-title">Contact</h3>
 142                                                 <div class="widget-body">
 143                                                         <p>+234 23 9873237<br>
 144                                                                 <a href="mailto:#">some.email@somewhere.com</a><br>
 145                                                                 <br>
 146                                                                 234 Hidden Pond Road, Ashland City, TN 37015
 147                                                         </p>
 148                                                 </div>
 149                                         </div>
 150
 151                                         <div class="col-md-3 widget">
 152                                                 <h3 class="widget-title">Follow me</h3>
 153                                                 <div class="widget-body">
 154                                                         <p class="follow-me-icons clearfix">
 155                                                                 <a href=""><i class="fa fa-twitter fa-2"></i></a>
 156                                                                 <a href=""><i class="fa fa-dribbble fa-2"></i></a>
 157                                                                 <a href=""><i class="fa fa-github fa-2"></i></a>
 158                                                                 <a href=""><i class="fa fa-facebook fa-2"></i></a>
 159                                                         </p>
 160                                                 </div>
 161                                         </div>
 162
 163                                         <div class="col-md-6 widget">
 164                                                 <h3 class="widget-title">Text widget</h3>
 165                                                 <div class="widget-body">
 166                                                         <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>
 167                                                         <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>
 168                                                 </div>
 169                                         </div>
 170
 171                                 </div> <!-- /row of widgets -->
 172                         </div>
 173                 </div>
 174
 175                 <div class="footer2">
 176                         <div class="container">
 177                                 <div class="row">
 178
 179                                         <div class="col-md-6 widget">
 180                                                 <div class="widget-body">
 181                                                         <p class="simplenav">
 182                                                                 <a href="#">Home</a> |
 183                                                                 <a href="about.html">About</a> |
 184                                                                 <a href="sidebar-right.html">Sidebar</a> |
 185                                                                 <a href="contact.html">Contact</a> |
 186                                                                 <b><a href="signup.html">Sign up</a></b>
 187                                                         </p>
 188                                                 </div>
 189                                         </div>
 190
 191                                         <div class="col-md-6 widget">
 192                                                 <div class="widget-body">
 193                                                         <p class="text-right">
 194                                                                 Copyright &copy; 2014, Your name. Designed by <a href="http://gettemplate.com/" rel="designer">gettemplate</a>
 195                                                         </p>
 196                                                 </div>
 197                                         </div>
 198
 199                                 </div> <!-- /row of widgets -->
 200                         </div>
 201                 </div>
 202         </footer>
 203
 204
 205
 206
 207
 208         <!-- JavaScript libs are placed at the end of the document so the pages load faster -->
 209         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 210         <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
 211         <script src="assets/js/headroom.min.js"></script>
 212         <script src="assets/js/jQuery.headroom.min.js"></script>
 213         <script src="assets/js/template.js"></script>
 214
 215         <!-- Google Maps -->
 216         <script src="https://maps.googleapis.com/maps/api/js?key=&amp;sensor=false&amp;extension=.js"></script>
 217         <script src="assets/js/google-map.js"></script>
 218
 219
 220 </body>
 221 </html>