I2P brand styleguides for the web
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.

113 lines
5.1 KiB

7 years ago
<div id="assets" class="page-header mb-4 mt-5">
<h2 class="b-border">Identity Assets</h2>
<p class="text-muted">The I2P brand assets are included here. Use them responsibly.</p>
</div>
<div class="row">
<div class="col-xs-12 col-md-5 col-sm-6">
<div class="image border p-5">
<img src="https://raw.githubusercontent.com/uracreative/works/master/I2P/PNG/horizontal_color.png" class="rb-contain">
</div>
<p class="text-black pt-3 align-horizontally flex-space-between">
<span class="text-left color-gray-2 rb-isBold">Default</span>
<span class="text-right color-primary rb-isBold" style="float: right;">
<a target="_blank"
href="https://demo.identihub.co/assets/SecureDrop_ICONS_62.svg"
class="button btn btn-sm btn-pill btn-outline-medium">Download SVG</a>
7 years ago
</span>
</p>
</div>
<div class="col-xs-12 col-md-5 col-sm-6">
<div class="image border p-5 bg-dark">
<img src="https://raw.githubusercontent.com/uracreative/works/master/I2P/PNG/horizontal_white.png" class="rb-contain">
</div>
<p class="text-black pt-3 align-horizontally flex-space-between">
<span class="text-left color-gray-2 rb-isBold">White</span>
<span class="text-right color-primary rb-isBold" style="float: right;">
<a target="_blank"
href="https://demo.identihub.co/assets/SecureDrop_ICONS_6.svg"
class="button btn btn-sm btn-pill btn-outline-medium">Download SVG</a>
7 years ago
</span>
</p>
</div>
</div>
<div class="row mt-5">
<div class="col-xs-12 col-md-5 col-sm-6">
<div class="image border p-5">
<img src="https://github.com/uracreative/works/raw/master/I2P/PNG/vertical_color.png" class="rb-contain">
</div>
<p class="text-black pt-3 align-horizontally flex-space-between">
<span class="text-left color-gray-2 rb-isBold">Default</span>
<span class="text-right color-primary rb-isBold" style="float: right;">
<a target="_blank"
href="https://demo.identihub.co/assets/SecureDrop_ICONS_63.svg"
class="button btn btn-sm btn-pill btn-outline-medium">Download SVG</a>
7 years ago
</span>
</p>
</div>
<div class="col-xs-12 col-md-5 col-sm-6">
<div class="image border p-5 bg-dark">
<img src="https://github.com/uracreative/works/raw/master/I2P/PNG/vertical_white.png" class="rb-contain">
</div>
<p class="text-black pt-3 align-horizontally flex-space-between">
<span class="text-left color-gray-2 rb-isBold">White</span>
<span class="text-right color-primary rb-isBold" style="float: right;">
<a target="_blank"
href="https://demo.identihub.co/assets/SecureDrop_ICONS_9.svg"
class="button btn btn-sm btn-pill btn-outline-medium">Download SVG</a>
7 years ago
</span>
</p>
</div>
</div>
<div class="row mt-5">
<div class="col-xs-12 col-md-5 col-sm-6">
<div class="image border p-5">
<img src="https://github.com/uracreative/works/raw/master/I2P/PNG/icon_color.png" class="rb-contain">
</div>
<p class="text-black pt-3 align-horizontally flex-space-between">
<span class="text-left color-gray-2 rb-isBold">Default</span>
<span class="text-right color-primary rb-isBold" style="float: right;">
<a target="_blank"
href="https://demo.identihub.co/assets/SecureDrop_ICONS_1.svg"
class="button btn btn-sm btn-pill btn-outline-medium">Download SVG</a>
7 years ago
</span>
</p>
</div>
<div class="col-xs-12 col-md-5 col-sm-6">
<div class="image bg-dark border p-5">
<img src="https://github.com/uracreative/works/raw/master/I2P/PNG/icon_white.png" class="rb-contain">
</div>
<p class="text-black pt-3 align-horizontally flex-space-between">
<span class="text-left color-gray-2 rb-isBold">White</span>
<span class="text-right color-primary rb-isBold" style="float: right;">
<a target="_blank"
href="https://demo.identihub.co/assets/SecureDrop_ICONS_3.svg"
class="button btn btn-sm btn-pill btn-outline-medium">Download SVG</a>
7 years ago
</span>
</p>
</div>
</div>
<div class="row mt-5">
<div class="col-md-6">
<div class="bg-box p-5 mb-3">
<h6>I2P repo</h6>
<p class="m-0">Download SVG and PNG files</p>
<a class="btn btn-lg btn-link p-0" title="SecureDrop Repo"
href="https://github.com/uracreative/works/tree/master/I2P" target="_blank">Visit Repo</a></div>
</div>
<div class="col-md-6">
<div class="bg-box p-5 text-left">
<h6>Styleguide Mirror on Identihub</h6>
<p class="m-0">Identihub Project</p>
<a class="btn btn-lg btn-link p-0" href="https://demo.identihub.co/project/securedrop"
target="_blank">Visit Project Page</a>
</div>
</div>
</div>