mirror of
https://github.com/LBRYFoundation/lbryorg.git
synced 2025-08-23 20:47:23 +00:00
update: branding page
This commit is contained in:
iampratiktandel
parent
eb69299f7a
commit
5fe10bd7fc
2 changed files with 106 additions and 69 deletions
|
|
@ -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 & Typography</h2>
|
||||
<h2 class="my-4 text-center">Fonts & Typography</h2>
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-6 col-lg-6">
|
||||
<div class="card mb-3 lbry-dark">
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue