fix: Added titlebar logo and small changes

This commit is contained in:
Harsh 2020-06-06 23:09:11 +05:30
parent 60edfad3fd
commit 4f5b777688
3 changed files with 21 additions and 16 deletions

BIN
img/lbry-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

BIN
img/small-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

View file

@ -5,6 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LBRY Foundation</title> <title>LBRY Foundation</title>
<!--TitleBar Icon-->
<link rel="icon" href="./img/small-logo.png" type="image/png" />
<!-- CSS DEPENDENCIES --> <!-- CSS DEPENDENCIES -->
<link rel="stylesheet" href="./fontawesome/css/regular.min.css"/> <link rel="stylesheet" href="./fontawesome/css/regular.min.css"/>
<link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css"/> <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css"/>
@ -15,20 +18,21 @@
<!-- navbar --> <!-- navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top"> <nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top">
<div class="container"> <div class="container">
<a class="navbar-brand order-1 mr-0" href="" target="_blank">github icon here</a> <span class="navbar-brand order-1 mr-0">github icon here</span>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> <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> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup"> <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav"> <div class="navbar-nav">
<a class="nav-item nav-link" href="#home">Home <span class="sr-only">(current)</span></a> <a class="nav-item nav-link" href="#home">Home <span class="sr-only">(current)</span></a>
<a class="nav-item nav-link" href="#part1">part1</a> <a class="nav-item nav-link" href="#about">about</a>
<a class="nav-item nav-link" href="#part2">part2</a> <a class="nav-item nav-link" href="#part2">part2</a>
<a class="nav-item nav-link" href="#part3">part3</a> <a class="nav-item nav-link" href="#part3">part3</a>
</div> </div>
</div> </div>
</div> </div>
</nav><!-- /navbar --> </nav>
<!-- /navbar -->
<!-- jumbotron --> <!-- jumbotron -->
<div class="jumbotron jumbotron-fluid bg-info text-white"> <div class="jumbotron jumbotron-fluid bg-info text-white">
@ -40,11 +44,12 @@
<a class="btn btn-light btn-lg" href="#dicord">join discord</a> <a class="btn btn-light btn-lg" href="#dicord">join discord</a>
</div> </div>
</div> </div>
</div><!-- /jumbotron --> </div>
<!-- /jumbotron -->
<div class="container pt-4"> <div class="container pt-4">
<!-- about --> <!-- about -->
<div id="part1" class="row"> <div id="about" class="row">
<div class="col-lg order-lg-2"> <div class="col-lg order-lg-2">
<h3 class="mb-4">About LBRY Foundations</h3> <h3 class="mb-4">About LBRY Foundations</h3>
<img class="mb-4 img-fluid rounded d-none d-sm-block" src="img/4.jpg" alt="4"> <img class="mb-4 img-fluid rounded d-none d-sm-block" src="img/4.jpg" alt="4">
@ -63,7 +68,8 @@
<p>Want to meet the international JavaScript community and share skills with some of the world's top experts, hackers, and makers? Be the first to know what to expect for the future of JavaScript.</p> <p>Want to meet the international JavaScript community and share skills with some of the world's top experts, hackers, and makers? Be the first to know what to expect for the future of JavaScript.</p>
<p>The LBRY Foundation is a non-profit organization dedicated to the growth, development, and adoption of the LBRY network in a way that the community of LBRYians decides themselves.</p> <p>The LBRY Foundation is a non-profit organization dedicated to the growth, development, and adoption of the LBRY network in a way that the community of LBRYians decides themselves.</p>
</div> </div>
</div><!-- /about --> </div>
<!-- /about -->
<!-- part2 --> <!-- part2 -->
<h1 id="part2" class="display-4 text-center my-5 text-muted">lbryians</h1> <h1 id="part2" class="display-4 text-center my-5 text-muted">lbryians</h1>
@ -72,7 +78,7 @@
<div class="card mb-3"> <div class="card mb-3">
<img class="card-img-top" src="img/1.png" alt="1"> <img class="card-img-top" src="img/1.png" alt="1">
<div class="card-body"> <div class="card-body">
<h4 class="card-title">developer</h4> <h4 class="card-title">Developer</h4>
<p class="card-text">developer developer developer developer developer developer developer</p> <p class="card-text">developer developer developer developer developer developer developer</p>
</div> </div>
</div> </div>
@ -82,7 +88,7 @@
<div class="card mb-3"> <div class="card mb-3">
<img class="card-img-top" src="img/2.png" alt="2"> <img class="card-img-top" src="img/2.png" alt="2">
<div class="card-body"> <div class="card-body">
<h4 class="card-title">designer</h4> <h4 class="card-title">Designer</h4>
<p class="card-text">designer designer designer designer designer designer designer designer</p> <p class="card-text">designer designer designer designer designer designer designer designer</p>
</div> </div>
</div> </div>
@ -92,19 +98,18 @@
<div class="card"> <div class="card">
<img class="card-img-top" src="img/3.png" alt="3"> <img class="card-img-top" src="img/3.png" alt="3">
<div class="card-body"> <div class="card-body">
<h4 class="card-title">creator</h4> <h4 class="card-title">Creator</h4>
<p class="card-text">creator creator creator creator creator creator creator creator creator</p> <p class="card-text">creator creator creator creator creator creator creator creator creator</p>
</div> </div>
</div> </div>
</div> </div>
</div><!-- /part2 --> </div>
<!-- /part2 -->
<div class="row py-4 text-muted"> <div class="row py-4 text-muted">
<div class="col-md col-xl-5"> <div class="col-md col-xl-5">
<p><strong>About Foundation</strong></p> <p><strong>About Foundation</strong></p>
<p>The LBRY Foundation is a non-profit organization dedicated to the growth, development, and adoption of the LBRY network in a way that the community of LBRYians decides themselves. <p>The LBRY Foundation is a non-profit organization dedicated to the growth, development, and adoption of the LBRY network in a way that the community of LBRYians decides themselves.</p>
</p>
</div> </div>
<div class="col-md col-xl-5 ml-auto"> <div class="col-md col-xl-5 ml-auto">
<p><strong>Stay up-to-date on LBRY Foundation</strong></p> <p><strong>Stay up-to-date on LBRY Foundation</strong></p>
@ -130,7 +135,7 @@
</li> </li>
<li class="nav-item"> <li class="nav-item">
<div class="btn-group dropup"> <div class="btn-group dropup">
<button type="button" class="btn btn-outline-secondary">other sites</button> <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"> <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> <span class="sr-only">Toggle Dropdown</span>
</button> </button>
@ -153,8 +158,8 @@
<!-- JS DEPENDENCIES --> <!-- JS DEPENDENCIES -->
<script src="./jquery/jquery-3.5.1.min.js"></script> <script src="./jquery/jquery-3.5.1.min.js" defer></script>
<script src="./bootstrap/js/bootstrap.bundle.min.js"></script> <script src="./bootstrap/js/bootstrap.bundle.min.js" defer></script>
<!-- /JS DEPENDENCIES --> <!-- /JS DEPENDENCIES -->
</body> </body>
</html> </html>