seen from Italy
seen from Poland
seen from United States
seen from United Kingdom
seen from Russia
seen from China
seen from China
seen from United States
seen from United States
seen from United States
seen from Australia
seen from Russia
seen from Norway
seen from TĂĽrkiye
seen from United States
seen from United States
seen from Italy
seen from Singapore
seen from Singapore
seen from United Kingdom
BNAV - Mega Navigation Bar
BNAV – Mega Navigation Bar
[ad_1]
LIVE PREVIEWBUY FOR $8
BNAV – Mega Menu is a professional CSS3 & jQuery BNAV – Mega Menu responsive mega menu compatible with bootstrap 4 framwork. This navigation comes with horizontal and fixed to top version and 10 different design and we have color available, one red and second is black
it is fixed top mega menu. which is include HTML, CSS and javascript files. make sure is not…
View On WordPress
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
New Post has been published on Html Use
New Post has been published on http://www.htmluse.com/drawer-displaying-the-drawer-menu-using-css-animations/
Drawer - Displaying the drawer menu using CSS animations
Download  Demo
Drawer is a jQuery plugin for displaying the drawer menu using CSS animations in the event of a trigger. Setting the position can be selected either the right or left. And also supports Responsive design.
Browsers
IE 10 +
chrome
Firefox
opera
Mac safari
iOS7 safari
iOS7 chrome
1. INCLUDE CSS AND JS FILES
<!-- drawer CSS --> <link rel="stylesheet" href="./dist/css/drawer.min.css"> <!-- Vendor js --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <!-- drawer js --> <script src="./dist/js/drawer.min.js"></script>
2. HTML
<body id="drawer" class="drawer-left"> <button class="drawer-toggle btn btn-outline-white"> Drawer toggle </button> <div class="drawer-masta drawer-default"> <nav class="drawer-nav " role="navigation"> <div class="drawer-brand"> <a href="./">drawer</a> </div> <ul class="nav drawer-nav-list"> <li><a href="./base">base</a></li> </ul> </nav> </div> <div class="drawer-overlay"> <!-- contents --> </div> </body>
3. JAVASCRIPT
$(document).ready(function() $('#drawer').drawer(); );
4. SETUP RESPONSIVE DRAWER
Left
<body id="drawer" class="drawer-left drawer-responsive"> ... </body>
Right
<body id="drawer" class="drawer-right drawer-responsive"> ... </body>
5. OPTIONS
$('.drawer').drawer( mastaClass: "drawer-masta", navClass: "drawer-nav", navListClass: "drawer-nav-list", overlayClass: "drawer-overlay", toggleClass: "drawer-toggle", upperClass: "drawer-overlay-upper", openClass: "drawer-open", closeClass: "drawer-close", responsiveClass: "drawer-responsive", desktopEvent: "click", // or mouseover drawerWidth: 280 );
6. API METHODS
Open
$('#element').drawer('open');
Close
$('#element').drawer('close');
Toggle
$('#element').drawer('toggle');
Destroy
$('#element').drawer('destroy');
New Post has been published on Html Use
New Post has been published on http://www.htmluse.com/very-cool-jquery-wheel-menu-button/
Very cool jQuery Wheel Menu Button
Download  Demo
this is a little jQuery plugin that will bring this concept to the web.the “Wheel Menu”, a jQuery plugin that will allow you to add a customizable Path-like menu button to your website. Let’s explore all the options you can use to add this to your own project.
BASIC USAGE
To add this path-like button to your website, simply include jQuery library, jquery.wheelmenu.js and wheelmenu.css to your HTML documents and create a markup as follows:
 HTML Markup
<a href="#wheel" class="wheel-button">
    <span>+</span>
</a>
<ul id="wheel">
<li class="item"><a href="#home">...</a></li>
<li class="item"><a href="#home">...</a></li>
<li class="item"><a href="#home">...</a></li>
….
</ul>
Make sure that the href of the wheel-button matches the id of the list of items we want to show when the wheel-button is clicked. Now for the CSS part.
CSS
.wheel-button
  position: relative;
 .wheel
  margin: 0;
  padding: 0;
  list-style: none;
  width: 200px; /* this will determine the diameter of the circle */
  height: 200px; /* this will determine the diameter of the circle */
  visibility: hidden;
  position: relative;
  display: none;
 .wheel li
  overflow: hidden;
  float:left;
 .wheel li a
  display: block;
