LBRYFoundation/lbryorg
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbryorg.git synced 2025-08-29 00:11:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
lbryorg/branding/index.html
iampratiktandel 9438ad5017 Fix: Added roadmap in Navbar
2020-06-20 21:36:10 +05:30

204 lines
9.3 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LBRY Foundation - Branding</title>
<!--TitleBar Icon-->
<link rel="icon" href="../img/small-logo.png" type="image/png" />
<!-- CSS DEPENDENCIES -->
<link rel="stylesheet" href="../lib/fontawesome/css/all.min.css" />
<link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.min.css" />
<!-- /CSS DEPENDENCIES -->
<!--CUSTOM CSS-->
<link rel="stylesheet" href="../lib/css/index.css">
<link rel="stylesheet" href="../lib/css/article.css" />
<!--/CUSTOM CSS-->
</head>
<body id="branding" data-spy="scroll" data-target=".navbar" data-offset="100">
<!-- navbar -->
<nav class="navbar navbar-expand-lg navbar-dark lbry-dark nav-transparent fixed-top">
<div class="container">
<span class="navbar-brand order-1 mr-0"><a href="https://github.com/LBRYians/lbry-org-new/tree/master/branding" target="_blank" style="color: #FFFFFF;"><i class="fab fa-github"></i></a></span>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="../">
<img src="../img/logo.png" alt="lbry-foundation-logo">
</a>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-item nav-link" href="../">Home</a>
<!-- <a class="nav-item nav-link active" href="#">Branding<span class="sr-only">(current)</span></a> -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle active" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Branding
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#branding">Branding<span class="sr-only">(current)</span></a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#logo">Logo</a>
<a class="dropdown-item" href="#colors">Colors</a>
<a class="dropdown-item" href="#fonts">Fonts & Typography</a>
</div>
</li>
<a class="nav-item nav-link" href="../tavern/">Tavern</a>
<a class="nav-item nav-link" href="../swarm/">Swarm</a>
<a class="nav-item nav-link" href="../governance/">Governance</a>
<a class="nav-item nav-link" href="../chat/">Chat</a>
<a class="nav-item nav-link" href="../podcast/">Podcast</a>
<a class="nav-item nav-link" href="../roadmap/">Roadmap</a>
</div>
</div>
</div>
</nav>
<!-- /navbar -->
<!-- globalParallax -->
<div class="parallax" id="global-parallax">
<img src="../img/foundation-branding-background-art.png" data-depth-factor="3" alt="bg-img" class="d-none d-sm-none d-md-none d-lg-block parallax-layer main-parallax-img">
<div class="parallax-bg"></div>
<div class="parallax-mask"></div>
<!-- globalParallaxContent -->
<div class="parallax-content">
<!-- jumbotron -->
<div class="jumbotron text-white parallax-layer" data-depth-factor="4" style="background-color: transparent;">
<div class="container text-sm-center pt-5">
<center><h1 class="display-4" Ideas style="font-weight: bold;">Branding Assets</h1></center>
<hr class="heading">
<center><p class="lead">Download official LBRY Foundation branding assets✏️📏🖌️</p></center>
</div>
</div>
<!-- /jumbotron -->
<div class="container-fluid above-parallax">
<h2 class="display-4 text-center my-5 text-white">LBRY Branding</h2>
<hr class="subhead">
<div class="container">
<img src="../img/lbry-logo.png" class="rounded mx-auto d-block" alt="lbry-foundation-logo">
</div>
<p class="text-center"><a href="./assets/assets.rar"><small class="text-muted text-center"><i class="fas fa-download"></i> Download Logo</small></a></p>
<hr class="content">
<!--logo-->
<h2 class="my-4 text-center" id="logo">Logo</h2>
<div class="row text-white">
<div class="col-md-5 col-lg-3 col-xl-3 mx-auto">
<div class="card mb-3 lbry-dark">
<div class="card-body">
<img src="../img/logo.png" class="rounded mx-auto d-block" alt="lbry-foundation-logo">
</div>
</div>
</div>
</div>
<hr class="content">
<!--/logo-->
<!--colors-->
<h2 class="my-4 text-center" id="colors">Colors</h2>
<div class="row col-md-6 col-lg-4 text-white mx-auto">
<div class="col-md-6 col-lg-6 mx-auto text-center">
<div class="card mb-1 lbry-teal-green">
<div class="card-body">
</div>
</div>
<code style="color: #FFFFFF;" class="text-center">#28d4e2 <br> rgb(40, 212, 226) <br> hsl(185, 76%, 52%) <br> hwb(185, 16%, 11%) <br> C8, 16%, 11%</code>
</div>
<div class="col-md-6 col-lg-6 mx-auto text-center">
<div class="card mb-1 lbry-dark-green">
<div class="card-body">
</div>
</div>
<code style="color: #FFFFFF;" class="text-center">#00343e <br> rgb(0,52,62) <br> hsl(192, 100%, 12%) <br> hwb(192, 0%, 76%) <br> C20, 0%, 76%</code>
</div>
</div>
<hr class="content">
<!--/colors-->
<!--fonts-->
<h2 class="my-4 text-center" id="fonts">Fonts &amp; Typography</h2>
<div class="row mb-3">
<div class="col-md-6 col-lg-6">
<div class="card mb-3 lbry-dark">
<div class="card-body">
<h1>H1</h1>
<h2>H2</h2>
<h3>H3</h3>
</div>
</div>
<p class="text-center">Google Fonts: <a href="https://fonts.google.com/specimen/Oxygen" target="_blank">Oxygen</a></p>
</div>
<div class="col-md-6 col-lg-6">
<div class="card mb-3 lbry-dark">
<div class="card-body">
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
</div>
</div>
<p class="text-center">Google Fonts: <a href="https://fonts.google.com/specimen/Oxygen" target="_blank">Oxygen</a></p>
</div>
</div>
<!--/fonts-->
</div>
<!-- footer -->
<div class="container-fluid above-parallax">
<div class="row py-3">
<div class="col-md-7">
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="https://lbry.com/privacypolicy">Privacy Policy</a>
</li>
<li class="nav-item">
<div class="btn-group dropup">
<button type="button" class="btn btn-outline-secondary text-white">Other Sites</button>
<button type="button" class="btn btn-outline-secondary dropdown-toggle dropdown-toggle-split"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="sr-only">Toggle Dropdown</span>
</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="https://lbry.com">LBRY.com</a>
<a class="dropdown-item" href="https://lbry.tech">LBRY.tech</a>
<a class="dropdown-item" href="https://lbry.fund">LBRY.fund</a>
<a class="dropdown-item" href="https://lbry.tv">LBRY.tv</a>
</div>
</div>
</li>
<li class="nav-item" style="padding-left: 1rem;">
</a>
</li>
</ul>
</div>
<div class="col-md text-md-right">
<small>&copy; 2020 LBRY.org | LBRY Foundation</small>
</div>
</div>
</div>
<!-- /footer -->
</div>
<!-- /globalParallaxContent -->
</div>
<!-- /globalParallax -->
<!-- JS DEPENDENCIES -->
<script src="../lib/jquery/jquery-3.5.1.min.js" defer></script>
<script src="../lib/bootstrap/js/bootstrap.bundle.min.js" defer></script>
<!-- /JS DEPENDENCIES -->
<!--CUSTOM JS-->
<script src="../lib/js/index.js" defer></script>
<!--/CUSTOM JS-->
</body>
</html>
Reference in a new issue View git blame Copy permalink