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

Updated layout of Branding

Browse source
This commit is contained in:
iampratiktandel 2020-06-12 21:23:10 +05:30
parent 70e4cde20b
commit f21e48cc5a
2 changed files with 112 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

103
branding/index.html
View file

@ -60,13 +60,112 @@
<div class="container-fluid above-parallax"> <div class="container-fluid above-parallax">
<h1>LBRY Branding</h1> <h1>LBRY Branding</h1>
<ol> <!-- <ol>
<li>B</li> <li>B</li>
<li>R</li> <li>R</li>
<li>A</li> <li>A</li>
<li>N</li> <li>N</li>
<li>D</li> <li>D</li>
</ol> </ol> -->
<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">
<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">Colors</h2>
<div class="row">
<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>
</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-->
<!--/fonts-->
<!-- footer --> <!-- footer -->
<div class="container-fluid above-parallax"> <div class="container-fluid above-parallax">

10
lib/css/article.css
View file

@ -141,3 +141,13 @@ hr.heading {
hsla(0, 0%, 0%, 0)); hsla(0, 0%, 0%, 0));
position: relative; position: relative;
} }
hr.content {
height: 20px;
width: 100%;
background-image: radial-gradient(
farthest-side at 50% -50%,
hsla(0, 0%, 0%, 0.5),
hsla(0, 0%, 0%, 0));
position: relative;
}