Difference between revisions of "Main Page"
Line 1: | Line 1: | ||
− | + | __NOTOC__ | |
− | + | <div class="column clearfix"> | |
+ | <div class="col-md-4"> | ||
+ | <div class="well well-mango"> | ||
+ | <h4>BootStrap Well</h4> | ||
+ | <p class="bs">Duis commodo sem ac hendrerit vulputate. Duis facilisis nulla pellentesque, hendrerit mauris et, suscipit | ||
+ | metus. Nullam luctus dictum tristique. Mauris pulvinar facilisis massa vel venenatis.</p> | ||
+ | </div> | ||
+ | </div> | ||
− | == | + | <div class="col-md-4"> |
− | + | <div class="well well-success"> | |
− | + | <h4>BootStrap Well</h4> | |
− | + | <p class="bs">Duis commodo sem ac hendrerit vulputate. Duis facilisis nulla pellentesque, hendrerit mauris et, suscipit | |
− | + | metus. Nullam luctus dictum tristique. Mauris pulvinar facilisis massa vel venenatis.</p> | |
− | + | </div> | |
+ | </div> | ||
+ | |||
+ | <div class="col-md-4"> | ||
+ | <div class="well well-info"> | ||
+ | <h4>BootStrap Well</h4> | ||
+ | <p class="bs">Duis commodo sem ac hendrerit vulputate. Duis facilisis nulla pellentesque, hendrerit mauris et, suscipit | ||
+ | metus. Nullam luctus dictum tristique. Mauris pulvinar facilisis massa vel venenatis.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | ------ | ||
+ | |||
+ | <div class="col-md-12"> | ||
+ | <div class="panel panel-success-white-border"> | ||
+ | <div class="panel-heading"> | ||
+ | <h3 class="panel-title">Panel Success</h3> | ||
+ | </div> | ||
+ | <div class="panel-body"> | ||
+ | <div class="col-md-6"> | ||
+ | <div class="panel panel-cocktail-border"> | ||
+ | <div class="panel-heading"> | ||
+ | <h3 class="panel-title">BootStrap Panel</h3> | ||
+ | </div> | ||
+ | <div class="panel-body"> | ||
+ | <p class="bs">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas quis leo vehicula, fringilla nulla eu, | ||
+ | sollicitudin turpis. Donec sed diam purus. Morbi sagittis urna sit amet egestas blandit. Maecenas at turpis quis nulla | ||
+ | cursus lobortis. Curabitur nisl justo, mollis vel iaculis in, hendrerit rhoncus justo.</p> | ||
+ | </div> | ||
+ | <div class="panel-footer">Panel footer</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-6"> | ||
+ | <div class="panel panel-cocktail-border"> | ||
+ | <div class="panel-heading"> | ||
+ | <h3 class="panel-title">BootStrap Panel</h3> | ||
+ | </div> | ||
+ | <div class="panel-body"> | ||
+ | <p class="bs">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas quis leo vehicula, fringilla nulla eu, | ||
+ | sollicitudin turpis. Donec sed diam purus. Morbi sagittis urna sit amet egestas blandit. Maecenas at turpis quis nulla | ||
+ | cursus lobortis. Curabitur nisl justo, mollis vel iaculis in, hendrerit rhoncus justo.</p> | ||
+ | </div> | ||
+ | <div class="panel-footer">Panel footer</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="panel panel-info-white-border"> | ||
+ | <div class="panel-heading"> | ||
+ | <h3 class="panel-title">info Box</h3> | ||
+ | </div> | ||
+ | <div class="panel-body"> | ||
+ | <p>Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui | ||
+ | vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.</p> | ||
+ | <div class="btn btn-party">[[Read More]]</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="panel panel-info-white-border"> | ||
+ | <div class="panel-heading"> | ||
+ | <h3 class="panel-title">info Box</h3> | ||
+ | </div> | ||
+ | <div class="panel-body"> | ||
+ | <p>Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui | ||
+ | vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.</p> | ||
+ | <div class="btn btn-party">[[Read More]]</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="panel panel-info-white-border"> | ||
+ | <div class="panel-heading"> | ||
+ | <h3 class="panel-title">info Box</h3> | ||
+ | </div> | ||
+ | <div class="panel-body"> | ||
+ | <p>Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui | ||
+ | vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.</p> | ||
+ | <div class="btn btn-party">[[Read More]]</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="panel panel-success-white-border"> | ||
+ | <div class="panel-heading"> | ||
+ | <h3 class="panel-title">info Box</h3> | ||
+ | </div> | ||
+ | <div class="panel-body"> | ||
+ | <p>Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui | ||
+ | vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.</p> | ||
+ | <div class="btn btn-party">[[Read More]]</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="panel panel-neutral-white-border"> | ||
+ | <div class="panel-heading"> | ||
+ | <h3 class="panel-title">info Box</h3> | ||
+ | </div> | ||
+ | <div class="panel-body"> | ||
+ | <p>Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui | ||
+ | vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.</p> | ||
+ | <div class="btn btn-party">[[Read More]]</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="panel panel-warning-white-border"> | ||
+ | <div class="panel-heading"> | ||
+ | <h3 class="panel-title">info Box</h3> | ||
+ | </div> | ||
+ | <div class="panel-body"> | ||
+ | <p>Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui | ||
+ | vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.</p> | ||
+ | <div class="btn btn-party">[[Read More]]</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-4"> | ||
+ | <div class="plan light-bgcolor"> | ||
+ | <div class="head"> | ||
+ | <h2>Head Title</h2> | ||
+ | </div> | ||
+ | <ul class="item-list list-unstyled"> | ||
+ | <li> | ||
+ | <strong>100GB</strong> Storage</li> | ||
+ | <li> | ||
+ | <strong>15</strong> Email Addresses</li> | ||
+ | <li> | ||
+ | <strong>10</strong> Domains</li> | ||
+ | <li>Full | ||
+ | <strong>Root</strong> Access</li> | ||
+ | <li>24/7 Email & Phone | ||
+ | <strong>support</strong></li> | ||
+ | </ul> | ||
+ | <div class="price"> | ||
+ | <h3>$29</h3> | ||
+ | <h4>per month</h4> | ||
+ | </div> | ||
+ | <div class="btn btn-dark btn-lg">Sign up</div> | ||
+ | <div class="btn btn-info btn-lg">Details</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-4"> | ||
+ | <div class="plan light-bgcolor"> | ||
+ | <div class="head"> | ||
+ | <h2>Head Title</h2> | ||
+ | </div> | ||
+ | <ul class="item-list list-unstyled"> | ||
+ | <li> | ||
+ | <strong>100GB</strong> Storage</li> | ||
+ | <li> | ||
+ | <strong>15</strong> Email Addresses</li> | ||
+ | <li> | ||
+ | <strong>10</strong> Domains</li> | ||
+ | <li>Full | ||
+ | <strong>Root</strong> Access</li> | ||
+ | <li>24/7 Email & Phone | ||
+ | <strong>support</strong></li> | ||
+ | </ul> | ||
+ | <div class="price"> | ||
+ | <h3>$29</h3> | ||
+ | <h4>per month</h4> | ||
+ | </div> | ||
+ | <div class="btn btn-dark btn-lg">Sign up</div> | ||
+ | <div class="btn btn-info btn-lg">Details</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-4"> | ||
+ | <div class="plan light-bgcolor"> | ||
+ | <div class="head"> | ||
+ | <h2>Head Title</h2> | ||
+ | </div> | ||
+ | <ul class="item-list list-unstyled"> | ||
+ | <li> | ||
+ | <strong>100GB</strong> Storage</li> | ||
+ | <li> | ||
+ | <strong>15</strong> Email Addresses</li> | ||
+ | <li> | ||
+ | <strong>10</strong> Domains</li> | ||
+ | <li>Full | ||
+ | <strong>Root</strong> Access</li> | ||
+ | <li>24/7 Email & Phone | ||
+ | <strong>support</strong></li> | ||
+ | </ul> | ||
+ | <div class="price"> | ||
+ | <h3>$29</h3> | ||
+ | <h4>per month</h4> | ||
+ | </div> | ||
+ | <div class="btn btn-dark btn-lg">Sign up</div> | ||
+ | <div class="btn btn-info btn-lg">Details</div> | ||
+ | </div> | ||
+ | </div> |
Revision as of 05:03, 6 December 2016
BootStrap Well
Duis commodo sem ac hendrerit vulputate. Duis facilisis nulla pellentesque, hendrerit mauris et, suscipit metus. Nullam luctus dictum tristique. Mauris pulvinar facilisis massa vel venenatis.
BootStrap Well
Duis commodo sem ac hendrerit vulputate. Duis facilisis nulla pellentesque, hendrerit mauris et, suscipit metus. Nullam luctus dictum tristique. Mauris pulvinar facilisis massa vel venenatis.
BootStrap Well
Duis commodo sem ac hendrerit vulputate. Duis facilisis nulla pellentesque, hendrerit mauris et, suscipit metus. Nullam luctus dictum tristique. Mauris pulvinar facilisis massa vel venenatis.
Panel Success
BootStrap Panel
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas quis leo vehicula, fringilla nulla eu, sollicitudin turpis. Donec sed diam purus. Morbi sagittis urna sit amet egestas blandit. Maecenas at turpis quis nulla cursus lobortis. Curabitur nisl justo, mollis vel iaculis in, hendrerit rhoncus justo.
BootStrap Panel
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas quis leo vehicula, fringilla nulla eu, sollicitudin turpis. Donec sed diam purus. Morbi sagittis urna sit amet egestas blandit. Maecenas at turpis quis nulla cursus lobortis. Curabitur nisl justo, mollis vel iaculis in, hendrerit rhoncus justo.
info Box
Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.
info Box
Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.
info Box
Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.
info Box
Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.
info Box
Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.
info Box
Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.
Head Title
- 100GB Storage
- 15 Email Addresses
- 10 Domains
- Full Root Access
- 24/7 Email & Phone support
$29
per month
Head Title
- 100GB Storage
- 15 Email Addresses
- 10 Domains
- Full Root Access
- 24/7 Email & Phone support
$29
per month
Head Title
- 100GB Storage
- 15 Email Addresses
- 10 Domains
- Full Root Access
- 24/7 Email & Phone support