You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
2.1 KiB
58 lines
2.1 KiB
<div id="footer" 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-11 col-md-12 mx-auto" >
|
|
<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" ></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>
|
|
|