Advertisement
Guest User

Untitled

a guest
May 30th, 2015
272
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.75 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Menu Mobile</title>
  5.     <meta charset="utf-8">
  6.     <!--Import materialize.css-->
  7.     <link type="text/css" rel="stylesheet" href="css/materialize.css" media="screen,projection">
  8.     <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
  9.  
  10.     <!--Let browser know website is optimized for mobile-->
  11.     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  12. </head>
  13.    
  14. <div class="row">
  15.     <div class="container">
  16.         <nav>
  17.             <div class="nav-wrapper">
  18.  
  19.             <ul id="slide-out" class="side-nav">
  20.                 <li><a href="index.html" class="active m1">Home</a></li>
  21.                 <li><a href="#" class="m2" id="store">Cardapio</a></li>
  22.                 <li><a href="#" class="m3">Localização</a>
  23.                 <li><a href="#" class="m4">Promoçoes</a></li>
  24.                 <li><a href="#" class="m5">Preços</a></li>
  25.             </ul>
  26.  
  27.             <ul class="left hide-on-med-and-down">
  28.                 <li><a href="index.html" class="active m1">Home</a></li>
  29.                 <li><a href="#" class="m2" id="store">Cardapio</a></li>
  30.                 <li><a href="#" class="m3">Localização</a>
  31.                 <li><a href="#" class="m4">Promoçoes</a></li>
  32.                 <li><a href="#" class="m5">Preços</a></li>
  33.             </ul>
  34.               <a href="#" data-activates="slide-out" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
  35.             </div>
  36.         </nav>
  37.     </div>
  38. </div>
  39.  
  40. <!--Import jQuery before materialize.js-->
  41. <script src="https://code.jquery.com/jquery-2.1.1.js"></script>
  42. <script src="js/materialize.js"></script>
  43.  
  44. <script type="text/javascript">
  45.     $('.button-collapse').sideNav({
  46.         menuWidth: 300, // Default is 240
  47.         edge: 'left', // Choose the horizontal origin
  48.         closeOnClick: true // Closes side-nav on <a> clicks, useful for Angular/Meteor
  49.         }
  50.     );
  51. </script>
  52. </body>
  53. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement