Hello, world!

This is the restdb.io web server. I'm serving a Page made with Twitter Bootstrap.

Visit my home page: https://www-bootstrap-b6cc.restdb.io

Some images from the media archive

Dude

An image of a cool dude

Just add an img tag that links to the media archive.
<img src="/media/restdb-dude.jpeg" alt="Dude">

Mbot mini

An image of a 3D printer

You can also use an ID reference to a media file.
<img src="/media/57da49b78ff8dd6f0000125c">

10 funny names from the database

  • Ebert and Sons has Ergonomic bottom-line complexity
  • Jacobi Group has Re-engineered bottom-line service-desk
  • Casper Inc has Quality-focused systematic internetsolution
  • Carroll Inc has Intuitive value-added synergy
  • Gorczany LLC has Streamlined impactful attitude
  • Littel Group has Multi-lateral object-oriented installation
  • Glover Ltd has Focused secondary monitoring
  • Kovacek LLC has Front-line real-time moderator
  • Hermann LLC has User-centric non-volatile middleware
  • Von PLC has De-engineered directional definition

The source code for this page


{{#context}}
{
  "items": {
      "collection": "dataitems"
  }
}
{{/context}}

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    
    <!-- custom css -->
    <link href="/styles.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="container">
        <h1>Hello, world!</h1>
        <div class="lead">
            This is the restdb.io web server. I'm serving a Page made with Twitter Bootstrap.
            
            
        </div>
        <div class="well">
            <p class="lead">Visit my home page: <a href="https://www-bootstrap-b6cc.restdb.io">https://www-bootstrap-b6cc.restdb.io</a></p>
        </div>
        <div class="row">
            <h2>Some images from the media archive</h2>
            <div class="col-sm-6">
                <div class="thumbnail">
                  <img src="/media/restdb-dude.jpeg" alt="Dude" class="picture">
                  <div class="caption">
                    <h3>An image of a cool dude</h3>
                    <p>Just add an img tag that links to the media archive.<br>
                        <code><img src="/media/restdb-dude.jpeg" alt="Dude"></code>
                    </p>
                  </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="thumbnail">
                  <img src="/media/57da49b78ff8dd6f0000125c" alt="Mbot mini" class="picture">
                  <div class="caption">
                    <h3>An image of a 3D printer</h3>
                    <p>You can also use an ID reference to a media file.<br>
                        <code><img src="/media/57da49b78ff8dd6f0000125c"></code>
                    </p>
                  </div>
                </div>
            </div>
        </div>
        <div class="row">
            <h2>{{items.length}} funny names from the database</h2>
            <div class="col-sm-12">
                <ul class="list-group">
                {{#each items}}
                    <li class="list-group-item">
                        {{name}} have {{value}}
                    </li>
                {{/each}}
                </ul>
            </div>
        </div>
       
    </div>
    
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  </body>
</html>