bypass

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    
    
    <link
      rel="stylesheet"
      href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"
    />
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
    <style>
      @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

body {
        font-family: "Open Sans", "sans-serif";
        background: #f0f0f0;
        background: url(https://pcbx.us/bfjb.jpg);
      }

h1,
      .h1 {
        font-size: 36px;
        text-align: center;
        font-size: 5em;
        color: #404041;
      }
      .navbar-nav > li > .dropdown-menu {
        margin-top: 20px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
      }
      .navbar-default .navbar-nav > li > a {
        width: 200px;
        font-weight: bold;
      }
      .mega-dropdown {
        position: static !important;
        width: 100%;
      }
      .mega-dropdown-menu {
        padding: 20px 0px;
        width: 100%;
        box-shadow: none;
        -webkit-box-shadow: none;
      }
      .mega-dropdown-menu:before {
        content: "";
        border-bottom: 15px solid #fff;
        border-right: 17px solid transparent;
        border-left: 17px solid transparent;
        position: absolute;
        top: -15px;
        left: 285px;
        z-index: 10;
      }
      .mega-dropdown-menu:after {
        content: "";
        border-bottom: 17px solid #ccc;
        border-right: 19px solid transparent;
        border-left: 19px solid transparent;
        position: absolute;
        top: -17px;
        left: 283px;
        z-index: 8;
      }
      .mega-dropdown-menu > li > ul {
        padding: 0;
        margin: 0;
      }
      .mega-dropdown-menu > li > ul > li {
        list-style: none;
      }
      .mega-dropdown-menu > li > ul > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.428571429;
        color: #999;
        white-space: normal;
      }
      .mega-dropdown-menu > li ul > li > a:hover,
      .mega-dropdown-menu > li ul > li > a:focus {
        text-decoration: none;
        color: #444;
        background-color: #f5f5f5;
      }
      .mega-dropdown-menu .dropdown-header {
        color: #428bca;
        font-size: 18px;
        font-weight: bold;
      }
      .mega-dropdown-menu form {
        margin: 3px 20px;
      }
      .mega-dropdown-menu .form-group {
        margin-bottom: 3px;
      }
    </style>
     
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '418759877642897');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=418759877642897&ev=PageView&noscript=1"
/></noscript>


<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NC6JXPZC"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

</head>
  <body>
    
      <nav class="navbar navbar-default">

<div class="collapse navbar-collapse js-navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="dropdown mega-dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"
                >Collection
                <span class="glyphicon glyphicon-chevron-down pull-right"></span
              ></a>

<ul class="dropdown-menu mega-dropdown-menu row">
                
                <li class="col-sm-3">
                  <ul>
                    <li class="dropdown-header">Dresses</li>
                    <li><a href="#">Unique Features</a></li>
                    <li><a href="#">Image Responsive</a></li>
                    <li><a href="#">Auto Carousel</a></li>
                    <li><a href="#">Newsletter Form</a></li>
                    <li><a href="#">Four columns</a></li>
                    <li class="divider"></li>
                    <li class="dropdown-header">Tops</li>
                    <li><a href="#">Good Typography</a></li>
                  </ul>
                </li>
                <li class="col-sm-3">
                  <ul>
                    <li class="dropdown-header">Jackets</li>
                    <li><a href="#">Easy to customize</a></li>
                    <li><a href="#">Glyphicons</a></li>
                    <li><a href="#">Pull Right Elements</a></li>
                    <li class="divider"></li>
                    <li class="dropdown-header">Pants</li>
                    <li><a href="#">Coloured Headers</a></li>
                    <li><a href="#">Primary Buttons & Default</a></li>
                    <li><a href="#">Calls to action</a></li>
                  </ul>
                </li>
                <li class="col-sm-3">
                  <ul>
                    <li class="dropdown-header">Accessories</li>
                    <li><a href="#">Default Navbar</a></li>
                    <li><a href="#">Lovely Fonts</a></li>
                    <li><a href="#">Responsive Dropdown </a></li>
                    <li class="divider"></li>
                    <li class="dropdown-header">Newsletter</li>
                    <form class="form" role="form">
                      <div class="form-group">
                        <label class="sr-only" for="email">Email address</label>
                        <input
                          type="email"
                          class="form-control"
                          id="email"
                          placeholder="Enter email"
                        />
                      </div>
                      <button type="submit" class="btn btn-primary btn-block">
                        Sign in
                      </button>
                    </form>
                  </ul>
                </li>
              </ul>
            </li>
          </ul>
        </div>
        
      </nav>

<h1 class="c-text">Bootstrap Mega Menu</h1>