+++ /dev/null
-<!doctype html>
-<!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]-->
-<html class="no-js" lang="en" dir="ltr">
-
- <head>
- <link href="http://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css" rel="stylesheet">
- <meta name="viewport" content="width=device-width, initial-scale=1">
-
- <link href="../assets/css/foundation-flex.css" rel="stylesheet" />
-
- <style>
-
-
- </style>
- </head>
-
- <body>
- <div class="row">
- <div class="large-12 columns">
-
- <h2>Responsive Menu:</h2>
-
- <div class="title-bar" data-responsive-toggle="main-nav" data-hide-for="medium">
- <button class="menu-icon" type="button" data-toggle></button>
- <div class="title-bar-title">Menu</div>
- </div>
-
- <div id="main-nav">
- <ul class="menu vertical medium-horizontal" data-responsive-menu="accordion medium-dropdown" >
- <li>
- <a href="#">Home</a>
- </li>
- <li>
- <a href="#">About Us</a>
- <ul class="menu">
- <li>
- <a href="#">What we do</a>
- </li>
- <li>
- <a href="#">Why we do it</a>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Our Services</a>
- <ul class="menu">
- <li>
- <a href="#">Service A</a>
- </li>
- <li>
- <a href="#">Service B</a>
- </li>
- <li>
- <a href="#">Service B</a>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Contact</a>
- </li>
- </ul>
- </div>
-
- <hr>
-
- <h2>Accordion Menu:</h2>
-
- <ul class="menu vertical" data-accordion-menu>
- <li>
- <a href="#">Home</a>
- </li>
- <li>
- <a href="#">About Us</a>
- <ul class="menu">
- <li>
- <a href="#">What we do</a>
- </li>
- <li>
- <a href="#">Why we do it</a>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Our Services</a>
- <ul class="menu">
- <li>
- <a href="#">Service A</a>
- </li>
- <li>
- <a href="#">Service B</a>
- </li>
- <li>
- <a href="#">Service B</a>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Contact</a>
- </li>
- </ul>
-
- <hr>
-
- <h2>Dropdown Menu:</h2>
-
- <ul class="menu dropdown" data-dropdown-menu>
- <li>
- <a href="#">Home</a>
- </li>
- <li>
- <a href="#">About Us</a>
- <ul class="menu">
- <li>
- <a href="#">What we do</a>
- </li>
- <li>
- <a href="#">Why we do it</a>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Our Services</a>
- <ul class="menu">
- <li>
- <a href="#">Service A</a>
- </li>
- <li>
- <a href="#">Service B</a>
- </li>
- <li>
- <a href="#">Service B</a>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Contact</a>
- </li>
- </ul>
- </div>
- </div>
-
- <script src="../assets/js/vendor.js"></script>
- <script src="../assets/js/foundation.js"></script>
- <script>
- $(document).foundation();
- </script>
- </body>
-</html>
+++ /dev/null
-<!doctype html>
-<!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]-->
-<html class="no-js" lang="en" dir="ltr">
-
- <head>
- <link href="http://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css" rel="stylesheet">
- <meta name="viewport" content="width=device-width, initial-scale=1">
-
- <link href="../assets/css/foundation.css" rel="stylesheet" />
-
- <style>
-
-
- </style>
- </head>
-
- <body>
- <div class="row">
- <div class="large-12 columns">
-
- <h2>Responsive Menu:</h2>
-
- <div class="title-bar" data-responsive-toggle="main-nav" data-hide-for="medium">
- <button class="menu-icon" type="button" data-toggle></button>
- <div class="title-bar-title">Menu</div>
- </div>
-
- <div id="main-nav">
- <ul class="menu vertical medium-horizontal" data-responsive-menu="accordion medium-dropdown" >
- <li>
- <a href="#">Home</a>
- </li>
- <li>
- <a href="#">About Us</a>
- <ul class="menu">
- <li>
- <a href="#">What we do</a>
- </li>
- <li>
- <a href="#">Why we do it</a>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Our Services</a>
- <ul class="menu">
- <li>
- <a href="#">Service A</a>
- </li>
- <li>
- <a href="#">Service B</a>
- </li>
- <li>
- <a href="#">Service B</a>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Contact</a>
- </li>
- </ul>
- </div>
-
- <hr>
-
- <h2>Accordion Menu:</h2>
-
- <ul class="menu vertical" data-accordion-menu>
- <li>
- <a href="#">Home</a>
- </li>
- <li>
- <a href="#">About Us</a>
- <ul class="menu">
- <li>
- <a href="#">What we do</a>
- </li>
- <li>
- <a href="#">Why we do it</a>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Our Services</a>
- <ul class="menu">
- <li>
- <a href="#">Service A</a>
- </li>
- <li>
- <a href="#">Service B</a>
- </li>
- <li>
- <a href="#">Service B</a>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Contact</a>
- </li>
- </ul>
-
- <hr>
-
- <h2>Dropdown Menu:</h2>
-
- <ul class="menu dropdown" data-dropdown-menu>
- <li>
- <a href="#">Home</a>
- </li>
- <li>
- <a href="#">About Us</a>
- <ul class="menu">
- <li>
- <a href="#">What we do</a>
- </li>
- <li>
- <a href="#">Why we do it</a>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Our Services</a>
- <ul class="menu">
- <li>
- <a href="#">Service A</a>
- </li>
- <li>
- <a href="#">Service B</a>
- </li>
- <li>
- <a href="#">Service B</a>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Contact</a>
- </li>
- </ul>
- </div>
- </div>
-
- <script src="../assets/js/vendor.js"></script>
- <script src="../assets/js/foundation.js"></script>
- <script>
- $(document).foundation();
- </script>
- </body>
-</html>