Piteco
7 years ago
committed by
GitHub
23 changed files with 747 additions and 182 deletions
@ -1,18 +1,27 @@ |
|||
<div class="page-header mb-4 mt-5"> |
|||
<div class="page-header mb-4"> |
|||
<h2 id="alerts">Alerts</h2> |
|||
<p class="text-muted">Some Description about alerts.</p> |
|||
</div> |
|||
<div class="row p-5 bg-light"> |
|||
<div class="col-12 alert alert-primary" role="alert"> |
|||
This is a primary alert—check it out! |
|||
<p class="mb-0">This is a primary alert — check it out!</p> |
|||
</div> |
|||
<div class="col-12 alert alert-secondary" role="alert"> |
|||
<p class="mb-0">This is a default alert — check it out!</p> |
|||
</div> |
|||
<div class="col-12 alert alert-success" role="alert"> |
|||
This is a success alert—check it out! |
|||
<p class="mb-0">This is a success alert — check it out!</p> |
|||
</div> |
|||
<div class="col-12 alert alert-warning" role="alert"> |
|||
<p class="mb-0">This is a warning alert — check it out!</p> |
|||
</div> |
|||
<div class="col-12 alert alert-danger" role="alert"> |
|||
This is a danger alert—check it out! |
|||
<p class="mb-0">This is a danger alert — check it out!</p> |
|||
</div> |
|||
<div class="col-12 alert alert-warning" role="alert"> |
|||
This is a warning alert—check it out! |
|||
<div class="col-12 alert alert-success" role="alert"> |
|||
<h4 class="alert-header">Well done!!</h4> |
|||
<p>Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.</p> |
|||
<hr> |
|||
<p class="mb-0">Also some extra text and a <a href="#alerts" class="alert-link">link</a>.</p> |
|||
</div> |
|||
</div> |
|||
|
@ -0,0 +1,58 @@ |
|||
<div class="page-header mb-4"> |
|||
<h3>Footer</h3> |
|||
<!--p class="text-muted">Some Description about scrollspy.</p--> |
|||
</div> |
|||
|
|||
<div class="footer col-12 p-5 background-primary text-white"> |
|||
<div class="footer__wrapper col-lg-10 col-md-12 mx-auto" id="<++>"> |
|||
<div class="row" id="footer-lists"> |
|||
<ul class="col-lg-3 col-md-4 col-sm-6 col-xs-12" id="footer-i2p-menu"> |
|||
<span>I2P</span> |
|||
<li><a href="#">About</a></li> |
|||
<li><a href="#">Blog</a></li> |
|||
<li><a href="#">events</a></li> |
|||
<li><a href="#">contact us</a></li> |
|||
</ul> |
|||
<ul class="col-lg-3 col-md-4 col-sm-6 col-xs-12" id="footer-gettingStarted-menu"> |
|||
<span>Getting started</span> |
|||
<li><a href="#">guides</a></li> |
|||
<li><a href="#">technology</a></li> |
|||
<li><a href="#">api</a></li> |
|||
<li><a href="#">docs</a></li> |
|||
</ul> |
|||
<ul class="col-lg-3 col-md-4 col-sm-6 col-xs-12" id="footer-getInvolved-menu"> |
|||
<span>get involved</span> |
|||
<li><a href="#">contribute</a></li> |
|||
<li><a href="#">donate</a></li> |
|||
<li><a href="#">partners</a></li> |
|||
<li><a href="#">run OONI</a></li> |
|||
</ul> |
|||
<ul class="col-lg-3 col-md-4 col-sm-6 col-xs-12 mb-5" id="footer-socialMedia-menu"> |
|||
<span>Follow us</span> |
|||
<div class="footer__social-media" > |
|||
<li class="footer__social-media-icon " ></li> |
|||
<li class="footer__social-media-icon" ></li> |
|||
<li class="footer__social-media-icon" ></li> |
|||
</div> |
|||
</ul> |
|||
</div> |
|||
<div class="spacer col-12" id=""></div> |
|||
<div class="footer-extras row"> |
|||
<div class="col-lg-2 col-md-4 col-sm-6" > |
|||
<img src="https://raw.githubusercontent.com/uracreative/works/master/I2P/PNG/horizontal_white.png" class="img-fluid" /> |
|||
</div> |
|||
<div class="col-md-6 col-sm-12" > |
|||
<p>© 2018 The Invisible Internet Project<br /> |
|||
Content available under a Creative Commons license.</p> |
|||
</div> |
|||
<div class="col-lg-4 col-sm-12" > |
|||
<ul class="d-flex flex-wrap pl-0"> |
|||
<li><a href="#">data policy</a></li> |
|||
<li><a href="#">legal</a></li> |
|||
<li><a href="#">sitemap</a></li> |
|||
<li><a href="#">ipressum</a></li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
@ -0,0 +1,34 @@ |
|||
<div id="header" class="mb-4"> |
|||
<h2>Header</h2> |
|||
<!--p class="text-muted">Some Description about buttons.</p--> |
|||
</div> |
|||
<div class="bg-light p-5" id=""> |
|||
<nav class="navbar navbar-expand-lg navbar-light border-bottom align-items-end pb-0" id="styleguide-nav" "style=background: $oc-white"> |
|||
<a class="navbar-brand mr-5" href="https://geti2p.net/"> |
|||
<img src="{{site.baseurl}}{{site.logo}}" class="my-2" height="40" width="auto" alt=""></img> |
|||
</a> |
|||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#SGnavSupportedContent" aria-controls="SGnavSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> |
|||
<span class="navbar-toggler-icon"></span> |
|||
</button> |
|||
|
|||
<div class="collapse navbar-collapse" id="SGnavSupportedContent"> |
|||
<ul class="navbar-nav mr-auto"> |
|||
<li class="nav-item pb-2"> |
|||
<a class="nav-link mx-1 text-capitalize font-weight-bold" href="#">Blog</a> |
|||
</li> |
|||
<li class="nav-item pb-2"> |
|||
<a class="nav-link mx-1 text-capitalize font-weight-bold" href="#">Getting started</a> |
|||
</li> |
|||
<li class="nav-item pb-2"> |
|||
<a class="nav-link mx-1 text-capitalize font-weight-bold" href="#">Docs & data</a> |
|||
</li> |
|||
<li class="nav-item pb-2"> |
|||
<a class="nav-link mx-1 text-capitalize font-weight-bold" href="#">Contribute</a> |
|||
</li> |
|||
<li class="nav-item pb-2"> |
|||
<a class="nav-link mx-1 text-capitalize font-weight-bold" href="#">About us</a> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
</nav> |
|||
</div> |
@ -0,0 +1,12 @@ |
|||
<div class="page-header mb-4" id="scrollspy"> |
|||
<h3>Scrollspy</h3> |
|||
<!--p class="text-muted">Some Description about scrollspy.</p--> |
|||
</div> |
|||
|
|||
<div class="row bg-light p-5"> |
|||
<div class="col-12 p-0"> |
|||
<p> |
|||
<span class="text-muted small"> Styleguide code licensed under <a href="https://opensource.org/licenses/MIT" class="rb-link" title="MIT" target="_blank">MIT</a>, documents licensed under a <a href="https://creativecommons.org/licenses/by/3.0/us/" title="CC 3.0" target="_blank">Creative Commons Attribution 3.0 United States License</a>. I2P is an anonymous network, exposing a simple layer that applications can use to anonymously and securely send messages to each other.<br>Templates and styles based on the <a href="https://reproducible-builds.org/style" target="_blank">Reproducible Builds styleguide</a>.</span> |
|||
</p> |
|||
</div> |
|||
</div> |
Loading…
Reference in new issue