demo/index.html

   1 <!DOCTYPE html>
   2 <html>
   3
   4 <head>
   5   <title>Bootstrap 101 Template</title>
   6   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   7   <!-- Bootstrap -->
   8   <!-- Latest compiled and minified CSS -->
   9   <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
  10   <!-- Optional theme -->
  11   <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css">
  12   <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  13   <!--[if lt IE 9]>
  14       <script src="../../assets/js/html5shiv.js"></script>
  15       <script src="../../assets/js/respond.min.js"></script>
  16     <![endif]-->
  17 </head>
  18
  19 <body>
  20   <!-- Main jumbotron for a primary marketing message or call to action -->
  21   <div class="jumbotron">
  22     <div class="container">
  23       <h1 class="display-3">Hello, developer!</h1>
  24       <!-- <p>This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.</p> -->
  25       <!-- <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more &raquo;</a></p> -->
  26     </div>
  27   </div>
  28
  29   <div class="container">
  30     <!-- Example row of columns -->
  31     <div class="row">
  32       <div class="col-md-4">
  33         <h2>Phonebar API</h2>
  34         <p>How to use the phonebar API</p>
  35         <p><a class="btn btn-secondary" href="./phonebar/index.html" role="button">View details &raquo;</a></p>
  36       </div>
  37       <!-- <div class="col-md-4">
  38           <h2>Rest Client</h2>
  39           <p>How to use motion API</p>
  40           <p><a class="btn btn-secondary" href="./api/index.html" role="button">View details &raquo;</a></p>
  41        </div> -->
  42       <!-- <div class="col-md-4">
  43           <h2>Heading</h2>
  44           <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
  45           <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
  46         </div> -->
  47     </div>
  48
  49     <hr>
  50
  51     <footer>
  52       <p>xCALLY&copy; Motion | Xenialab s.r.l. 2017</p>
  53     </footer>
  54   </div> <!-- /container -->
  55
  56   <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  57   <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
  58   <!-- Latest compiled and minified JavaScript -->
  59   <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
  60 </body>
  61
  62 </html>