mirror of
https://github.com/LBRYFoundation/lbryorg.git
synced 2025-08-23 20:47:23 +00:00
feat: added parallax on branding page
This commit is contained in:
HarshKhandeparkar
parent
e02110dbc1
commit
543d2da4df
1 changed files with 73 additions and 32 deletions
|
|
@ -20,7 +20,7 @@
|
|||
|
||||
<body id="home" data-spy="scroll" data-target=".navbar" data-offset="100">
|
||||
<!-- navbar -->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark lbry-teal fixed-top">
|
||||
<div class="container">
|
||||
<span class="navbar-brand order-1 mr-0"><i class="fab fa-github"></i></span>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
||||
|
|
@ -29,48 +29,89 @@
|
|||
<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" href="#">Branding<span class="sr-only">(current)</span></a>
|
||||
<a class="nav-item nav-link" href="#">Branding <span class="sr-only">(current)</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- /navbar -->
|
||||
|
||||
<h1>Branding</h1>
|
||||
<!-- globalParallax -->
|
||||
<div class="parallax" data-depth-factor="3" id="global-parallax">
|
||||
<img src="../img/lbry_background_art.png" alt="bg-img" class="parallax-img" />
|
||||
<div class="parallax-mask"></div>
|
||||
<div class="parallax-bg"></div>
|
||||
|
||||
<!-- footer -->
|
||||
<div class="container">
|
||||
<div class="row py-3">
|
||||
<div class="col-md-7">
|
||||
<ul class="nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Terms and Condition</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Privacy Policy</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<div class="btn-group dropup">
|
||||
<button type="button" class="btn btn-outline-secondary">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="#">LBRY.com</a>
|
||||
<a class="dropdown-item" href="#">LBRY.tech</a>
|
||||
<a class="dropdown-item" href="#">LBRY.fund</a>
|
||||
<a class="dropdown-item" href="#">LBRY.tv</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- globalParallaxContent -->
|
||||
<div class="parallax-content">
|
||||
<!-- jumbotron -->
|
||||
<div class="jumbotron text-white" style="background-color: transparent;">
|
||||
<div class="container text-sm-center pt-5">
|
||||
<h1 class="display-2" Ideas style="font-weight: bold;">LBRY Branding Assets</h1>
|
||||
<p class="lead">Branding Assets IG</p>
|
||||
<div class="btn-group mt-4" role="group" aria-label="Callout buttons">
|
||||
<a type="button" class="btn lbry-teal text-white btn-lg" href="#!">Download Asset Pack</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md text-md-right">
|
||||
<small>© 2020 LBRY.org & LBRY Foundation</small>
|
||||
<!-- /jumbotron -->
|
||||
|
||||
<div class="container above-parallax">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
Asset List
|
||||
<ul>
|
||||
<li>Asset</li>
|
||||
<li>Asset</li>
|
||||
<li>Asset</li>
|
||||
<li>Asset</li>
|
||||
<li>Asset</li>
|
||||
<li>Asset</li>
|
||||
<li>Asset</li>
|
||||
<li>Asset</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- footer -->
|
||||
<div class="container above-parallax">
|
||||
<div class="row py-3">
|
||||
<div class="col-md-7">
|
||||
<ul class="nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Terms and Condition</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Privacy Policy</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<div class="btn-group dropup">
|
||||
<button type="button" class="btn btn-outline-secondary">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="#">LBRY.com</a>
|
||||
<a class="dropdown-item" href="#">LBRY.tech</a>
|
||||
<a class="dropdown-item" href="#">LBRY.fund</a>
|
||||
<a class="dropdown-item" href="#">LBRY.tv</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md text-md-right">
|
||||
<small>© 2020 LBRY.org & LBRY Foundation</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /footer -->
|
||||
</div>
|
||||
<!-- /globalParallaxContent -->
|
||||
</div>
|
||||
<!-- /footer -->
|
||||
<!-- /globalParallax -->
|
||||
|
||||
|
||||
<!-- JS DEPENDENCIES -->
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue