I am still working on it. So Please don't forget to send your suggestions/error report.
- On scroll navbar fixed top
- Full Screen Background
- Scroll Back To Top
- Crystal background
- Note and important Comment
- Smooth Scroll to ID
- Image and YouTube,Vimeo video view
- Web page loading animation
just add one class "nav-animate"
<nav class="navbar nav-animate navbar-expand-sm bg-purple navbar-dark">
<a class="navbar-brand" href="#">Logo</a>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
</ul>
</nav>background blur options (blur-x1, blur-x2, blur-x3 )
<body>
<img class="full-screen blur-x2" src="Your_background_image.jpg" alt="background image">background blur options (blur-x1, blur-x2, blur-x3 )
<body>
<div class="go-top"><i class="fa fa-angle-double-up"></i></div>
<div class="go-top"> jpg,gif,etc </div>Color background
<nav class="navbar navbar-expand-sm bg-light navbar-light">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Active</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
</nav>
-----
Crystal background
<nav class="navbar navbar-expand-sm bg-light-crystal navbar-light">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Active</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
</nav><div class="note note-comment note-brown"> TEXT </div>
More colors, Brown, Light, Blue,
Tip: You can use bootstrap text and background colors<a href="#aboutus">About Us</a>
<div id="aboutus"> 'About Us' Content </div>Youtube : <a href="https://www.youtube.com/watch?v=FxGeE9FVnuk"> Youtube </a>
Vimeo : <a href="https://vimeo.com/54366751"> Vimeo </a>
Image : <a href="https://imagelink.jpg"> Image </a>License
GNU General Public License v3.0
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent