Line 1: |
Line 1: |
| __NOTOC__ | | __NOTOC__ |
− | <div class="col-sm-12"> | + | <div class="col-md-12"> |
− | <div class="orbit float-left" role="region" aria-label="" data-orbit="" style="margin-bottom:2.5rem;"> | + | <div class="col-md-4 mwbs-color-darker"> |
− | <ul class="orbit-container" style="margin-left:0;">
| + | <div class="thumbnail ">https://res.cloudinary.com/anthom/image/upload/v1461970405/anthom_home_7.jpg |
− | <div class="orbit-previous">◀︎</div>
| + | <div class="caption"> |
− | <div class="orbit-next">▶︎</div>
| + | <h3>Welcome to the Low Impact Development Planning and Design Guide</h3> |
− | <li class="orbit-slide"> | + | <p class="text-justify">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at |
− | <div>https://res.cloudinary.com/anthom/image/upload/v1466059664/orbit_1.jpg</div>
| + | eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> |
− | <div class="orbit-caption"><p><h2><span class="mw-headline" id=Bootstrapskin_2.0">Bootstrapskin 2.0</span></h2>Our most popular skin, only better! With a new range of custom plugins aimed at wiki communities.</p></div>
| + | </div></div> |
− | </li> | + | </div> |
− | <li class="orbit-slide"> | + | |
− | <div>https://res.cloudinary.com/anthom/image/upload/v1466059671/orbit_2.jpg</div>
| + | <div class="col-md-12"> |
− | <div class="orbit-caption"><p><h2>Android Ready</h2>2.0 includes an Android app that includes latest news & Mediawiki New Articles</p></div>
| + | <div class="subtitle-black"></div> |
− | </li> | + | </div> |
− | <li class="orbit-slide"> | + | <div class="col-md-6"> |
− | <div>https://res.cloudinary.com/anthom/image/upload/v1466059926/orbit_3.jpg</div>
| + | <h4 Class="title-red">Installation</h4> |
− | <div class="orbit-caption"><p><h2>Enterprise</h2>Enterprise level Mediawiki solutions from Anthom.</p></div>
| + | <p>To remove the Mediawiki page title, we can do this very simply by adding the following to Mediawiki:Common.css, replacing Bootstrapskin_News with your page title.</p> |
− | </li> | + | <p>Thats it, simply copy and paste the code at the bottom of the page to create a multi-purpose template that can be used to display wiki content professionally.</p> |
− | </ul> | + | <p><div class="btn btn-midnight btn-lg">[[#|<span style="color:#fff;"> Demo button</span>]]</div></p> |
| + | </div> |
| + | <div class="col-md-6"> |
| + | <div class="thumbnail">https://placehold.it/750x500.jpg</div> |
| + | </div> |
| + | <div class="col-md-12"> |
| + | <div class="subtitle-black"></div> |
| + | </div> |
| + | <div class="col-md-3"> |
| + | <h4Blue>Some Title</h4Blue> |
| + | <p>Lorem ipsum dolor sit amet, consectetur adipiscing dolor sit amet e.</p> |
| + | <btnDanger>Read more ...</btnDanger> |
| + | </div> |
| + | <div class="col-md-3"> |
| + | <h4Blue>Some Tile</h4Blue> |
| + | <p>Lorem ipsum dolor sit amet, consectetur adipiscing dolor sit amet e.</p> |
| + | <btnWarning>Read more ..</btnWarning> |
| + | </div> |
| + | <div class="col-md-3"> |
| + | <h4Blue>Some Tile</h4Blue> |
| + | <p>Lorem ipsum dolor sit amet, consectetur adipiscing dolor sit amet e.</p> |
| + | <btnPrimary>Read more ..</btnPrimary> |
| + | </div> |
| + | <div class="col-md-3"> |
| + | <h4Blue>Some Tile</h4Blue> |
| + | <p>Lorem ipsum dolor sit amet, consectetur adipiscing dolor sit amet e.</p> |
| + | <btnSuccess>Read more ..</btnSuccess> |
| + | </div> |
| + | <div class="col-md-12"> |
| + | <h4 class="subtitle-black">Recent projects</h4> |
| + | </div> |
| + | <div class="col-md-3"> |
| + | <div class="thumbnail">https://placehold.it/550x550.jpg</div> |
| + | </div> |
| + | <div class="col-md-3"> |
| + | <div class="thumbnail">https://placehold.it/550x550.jpg</div> |
| + | </div> |
| + | <div class="col-md-3"> |
| + | <div class="thumbnail">https://placehold.it/550x550.jpg</div> |
| + | </div> |
| + | <div class="col-md-3"> |
| + | <div class="thumbnail">https://placehold.it/550x550.jpg</div> |
| + | </div> |
| + | <div class="clearfix"></div> |
| + | <div class="col-md-3"> |
| + | <div class="thumbnail">https://placehold.it/550x550.jpg</div> |
| + | </div> |
| + | <div class="col-md-3"> |
| + | <div class="thumbnail">https://placehold.it/550x550.jpg</div> |
| + | </div> |
| + | <div class="col-md-3"> |
| + | <div class="thumbnail">https://placehold.it/550x550.jpg</div> |
| + | </div> |
| + | <div class="col-md-3"> |
| + | <div class="thumbnail">https://placehold.it/550x550.jpg</div> |
| + | </div> |
| + | <div class="clearfix"></div> |
| + | <div class="col-md-3"> |
| + | <div class="thumbnail">https://placehold.it/550x550.jpg</div> |
| + | </div> |
| + | <div class="col-md-3"> |
| + | <div class="thumbnail">https://placehold.it/550x550.jpg</div> |
| + | </div> |
| + | <div class="col-md-3"> |
| + | <div class="thumbnail">https://placehold.it/550x550.jpg</div> |
| + | </div> |
| + | <div class="col-md-3"> |
| + | <div class="thumbnail">https://placehold.it/550x550.jpg</div> |
| </div> | | </div> |
| <div class="clearfix"></div> | | <div class="clearfix"></div> |