"home controll"
Bootstrap 3.3.0 Snippet by pjor94

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <body style="background-image: url('http://www3-stg.tivo.com/assets/images/abouttivo/resources/downloads/backgrounds/Blue_bkgd_72rgb.jpg');"> <div class="container"> <div class="row"> <br><br> <div class="col-md-4"> </div> <div class="col-md-6"> <div class="row"> <div class="col-md-3"> <div class="thumbnail fancybox" href="http://placehold.it/300x320.png"> <img class="img-responsive" alt="" height="160px" width="160px" src="http://www.biotrep.com/wp-content/uploads/2014/05/opendoor.png" /> <div class='text-center'> <small class='text-muted'>Door</small> </div> <!-- text-right / end --> </div> </div> <div class="col-md-3"> <br> <br> <div class="btn-group" > <button type="button" class="btn btn-success">Open</button> </div> </div> </div> <div class="row"> <div class="col-md-3"> <div class="thumbnail fancybox" href="http://placehold.it/300x320.png"> <img class="img-responsive" alt="" height="160px" width="160px" src="http://previews.123rf.com/images/anthonycz/anthonycz1210/anthonycz121000054/15918962-Light-bulb-icon-Stock-Vector-lightbulb.jpg" /> <div class='text-center'> <small class='text-muted'>Light 1</small> </div> <!-- text-right / end --> </div> </div> <div class="col-md-3"> <br> <br> <div class="btn-group" role="group" aria-label="..."> <button type="button" class="btn btn-success">On</button> <button type="button" class="btn btn-danger">Off</button> </div> </div> </div> <div class="row"> <div class="col-md-3"> <div class="thumbnail fancybox" href="http://placehold.it/300x320.png"> <img class="img-responsive" alt="" height="160px" width="160px" src="http://previews.123rf.com/images/anthonycz/anthonycz1210/anthonycz121000054/15918962-Light-bulb-icon-Stock-Vector-lightbulb.jpg" /> <div class='text-center'> <small class='text-muted'>Light 2</small> </div> <!-- text-right / end --> </div> </div> <div class="col-md-3"> <br> <br> <div class="btn-group" role="group" aria-label="..."> <button type="button" class="btn btn-success">On</button> <button type="button" class="btn btn-danger">Off</button> </div> </div> </div> <div class="row"> <div class="col-md-3"> <div class="thumbnail fancybox" href="http://placehold.it/300x320.png"> <img class="img-responsive" alt="" height="160px" width="160px" src="http://www.pixempire.com/images/preview/webcam-icon.jpg" /> <div class='text-center'> <small class='text-muted'>Webcam 1</small> </div> <!-- text-right / end --> </div> </div> <div class="col-md-3"> <br> <br> <div class="btn-group" > <button type="button" class="btn btn-success">Show</button> </div> </div> </div> </div> </div> </div> </body>

Related: See More


Questions / Comments: