LBRYFoundation/lbryorg
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbryorg.git synced 2025-08-23 20:47:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

update: branding page

Browse source
This commit is contained in:
iampratiktandel 2020-06-16 13:25:56 +05:30
parent eb69299f7a
commit 5fe10bd7fc
2 changed files with 106 additions and 69 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

166
branding/index.html
View file

@ -62,39 +62,15 @@
<!-- /jumbotron -->
<div class="container-fluid above-parallax">
<h1>LBRY Branding</h1>
<h1 class="text-center">LBRY Branding</h1>
<!-- <div class="container">
<img src="../img/lbry-logo.png" class="rounded mx-auto d-block" alt="lbry-foundation-logo">
</div> -->
<!--logo-->
<h2 class="my-4">Logos</h2>
<div class="row">
<div class="col-md-6 col-lg-3">
<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 class="col-md-6 col-lg-3">
<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 class="col-md-6 col-lg-3">
<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 class="col-md-6 col-lg-3">
<h2 class="my-4 text-center">Logos</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">
@ -103,64 +79,116 @@
</div>
</div>
<hr class="content">
<!-- <div class="row mx-auto">
<div class="col-md-6 col-lg-12">
<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 class="col-md-6 col-lg-3">
<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 class="col-md-6 col-lg-3">
<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 class="col-md-6 col-lg-3">
<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> -->
<!--/logo-->
<!--colors-->
<h2 class="my-4">Colors</h2>
<div class="row">
<div class="col-md-6 col-lg-2">
<div class="card mb-3 lbry-dark">
<h2 class="my-4 text-center">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>
<p class="text-center">#034C69 <br> rgb(3, 76, 105)</p>
<p class="text-center">#28D4E2 <br> rgb(40,212,226)</p>
</div>
<div class="col-md-6 col-lg-2">
<div class="card mb-3 lbry-dark">
<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>
<p class="text-center">#034C69 <br> rgb(3, 76, 105)</p>
</div>
<div class="col-md-6 col-lg-2">
<div class="card mb-3 lbry-dark">
<div class="card-body">
</div>
</div>
<p class="text-center">#034C69 <br> rgb(3, 76, 105)</p>
</div>
<div class="col-md-6 col-lg-2">
<div class="card mb-3 lbry-dark">
<div class="card-body">
</div>
</div>
<p class="text-center">#034C69 <br> rgb(3, 76, 105)</p>
</div>
<div class="col-md-6 col-lg-2">
<div class="card mb-3 lbry-dark">
<div class="card-body">
</div>
</div>
<p class="text-center">#034C69 <br> rgb(3, 76, 105)</p>
</div>
<div class="col-md-6 col-lg-2">
<div class="card mb-3 lbry-dark">
<div class="card-body">
</div>
</div>
<p class="text-center">#034C69 <br> rgb(3, 76, 105)</p>
<p class="text-center">#00303C <br> rgb(0,48,60)</p>
</div>
</div>
<hr class="content">
<!-- <div class="row">
<div class="col-md-6 col-lg-2">
<div class="card mb-3 lbry-teal-green">
<div class="card-body">
</div>
</div>
<p class="text-center">#28D4E2 <br> rgb(40,212,226)</p>
</div> -->
<!-- <div class="col-md-6 col-lg-2">
<div class="card mb-3" style="background-color:rgb(40,212,226);">
<div class="card-body">
</div>
</div>
<p class="text-center">#034C69 <br> rgb(40,212,226)</p>
</div> -->
<!-- <div class="col-md-6 col-lg-2">
<div class="card mb-3 lbry-dark-green">
<div class="card-body">
</div>
</div>
<p class="text-center">#00303C <br> rgb(0,48,60)</p>
</div> -->
<!-- <div class="col-md-6 col-lg-2">
<div class="card mb-3" style="background-color:rgb(0,48,60);">
<div class="card-body">
</div>
</div>
<p class="text-center">#034C69 <br> rgb(0,48,60)</p>
</div>
<div class="col-md-6 col-lg-2">
<div class="card mb-3 lbry-dark">
<div class="card-body">
</div>
</div>
<p class="text-center">#034C69 <br> rgb(3, 76, 105)</p>
</div>
<div class="col-md-6 col-lg-2">
<div class="card mb-3 lbry-dark">
<div class="card-body">
</div>
</div>
<p class="text-center">#034C69 <br> rgb(3, 76, 105)</p>
</div> -->
<!-- </div> -->
<!--/colors-->
<!--fonts-->
<h2 class="my-4">Fonts &amp; Typography</h2>
<h2 class="my-4 text-center">Fonts &amp; Typography</h2>
<div class="row mb-3">
<div class="col-md-6 col-lg-6">
<div class="card mb-3 lbry-dark">

9
lib/css/index.css
View file

@ -111,10 +111,19 @@ nav {
.lbry-teal {
background-color:rgb(40, 212, 226);
}
.lbry-dark {
background-color:rgb(3, 76, 105);
}
.lbry-teal-green {
background-color: #28D4E2;
}
.lbry-dark-green {
background-color: #00303C;
}
.dropdown-item.active {
background-color:rgb(3, 76, 105);
}