m |
|||
Line 37: | Line 37: | ||
</div> | </div> | ||
+ | |||
+ | <div id="myCarousel" class="carousel slide" data-ride="carousel"> | ||
+ | <!-- Indicators --> | ||
+ | <ol class="carousel-indicators"> | ||
+ | <li data-target="#myCarousel" data-slide-to="0" class="active"></li> | ||
+ | <li data-target="#myCarousel" data-slide-to="1"></li> | ||
+ | </ol> | ||
+ | |||
+ | <!-- Wrapper for slides --> | ||
+ | <div class="carousel-inner" role="listbox"> | ||
+ | <div class="item active"> | ||
+ | <img src="http://placehold.it/1200x400?text=IMAGE" alt="Image"> | ||
+ | <div class="carousel-caption"> | ||
+ | <h3>Sell $</h3> | ||
+ | <p>Money Money.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="item"> | ||
+ | <img src="http://placehold.it/1200x400?text=Another Image Maybe" alt="Image"> | ||
+ | <div class="carousel-caption"> | ||
+ | <h3>More Sell $</h3> | ||
+ | <p>Lorem ipsum...</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- Left and right controls --> | ||
+ | <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> | ||
+ | <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> | ||
+ | <span class="sr-only">Previous</span> | ||
+ | </a> | ||
+ | <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> | ||
+ | <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> | ||
+ | <span class="sr-only">Next</span> | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | <div class="container text-center"> | ||
+ | <h3>What We Do</h3><br> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-4"> | ||
+ | <img src="http://placehold.it/150x80?text=IMAGE" class="img-responsive" style="width:100%" alt="Image"> | ||
+ | <p>Current Project</p> | ||
+ | </div> | ||
+ | <div class="col-sm-4"> | ||
+ | <img src="http://placehold.it/150x80?text=IMAGE" class="img-responsive" style="width:100%" alt="Image"> | ||
+ | <p>Project 2</p> | ||
+ | </div> | ||
+ | <div class="col-sm-4"> | ||
+ | <div class="well"> | ||
+ | <p>Some text..</p> | ||
+ | </div> | ||
+ | <div class="well"> | ||
+ | <p>Some text..</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div><br> | ||
+ | |||
+ | <footer class="container-fluid text-center"> | ||
+ | <p>Footer Text</p> | ||
+ | </footer> | ||
+ | |||
+ | </body> | ||
+ | </html> |
Revision as of 22:18, 11 August 2016
Michigan Software
Protocat 3.0
Project
ProtoCat 3.0 is a free, open-source online catalog of laboratory protocols with improvements upon last year’s project including a larger protocol database and a website with more advanced features. By using ProtoCat 3.0, users can find tested, reliable protocols from across the globe all in one place.
What We Do
Current Project
Project 2
Some text..
Some text..