"Windows 10 Menu Theme 2018 - For Web Designs"
Bootstrap 3.3.0 Snippet by badrrehman

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!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"> <title>Wiindows 10 Theme Menu</title> <!-- Bootstrap --> <link href="https://windowsmenutheme.000webhostapp.com/css/animate.css" rel="stylesheet"> <link href="https://windowsmenutheme.000webhostapp.com/css/bootstrap.css" rel="stylesheet"> <link href="https://windowsmenutheme.000webhostapp.com/css/hover.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <div class="container"> <div class="row"> <div style="text-align: center;" class="col-bg col-md-12 col-sm-12 col-xs-12"> <h1>Windows 10 Theme Menu - for website</h1> <h3>Menu like windows 10 startMenu</h3> <p>This is a new latest windows 10 start menu theme style in websites in 2018.</p> </div> </div> <div class="row menu-header"> <div class="col-md-2 col-sm-2 col-xs-2"> </div> <div class=" col-md-8 col-sm-8 col-xs-8"> <h1 style="color: #fff;">Menu In Header</h1> <div class=" wow fadeIn"> <div class="menu-item-sm blue grad-two"> <a href="#">1</a> </div> <div class="menu-item-sm darkred wow rotateX-delay"> <a href="#">2</a> </div> <div class="menu-item-sm darkblue wow rotateZ-delay"> <a href="#">3</a> </div> <div class="menu-item-lg reddish wow scaleIn"> <a href="#">4</a> </div> <div class="menu-item-sm grad-one wow grad"> <a href="#">5</a> </div> <div class="dropdown-menu-right"> <div class="menu-item-sm blue wow rotateY-delay"> <a href="#">6</a> </div> <div class="menu-item-sm yellow headShakeY"> <a href="#">8</a> </div> </div> <hr> <div class="menu-item-lg wow grad-three "> <a href="#">9</a> </div> <div class="menu-item-sm orange wow scaleOut "> <a href="#">10</a> </div> <div class="menu-item-sm purpal wow fadeing"> <a href="#">A</a> </div> <div class="menu-item-sm skyblue wow headShake"> <a href="#">B</a> </div> <div class="menu-item-sm reddish wow rotateZ-invers"> <a href="#">C</a> </div> </div> </div> <div class="col-md-2 col-sm-2 col-xs-2"> </div> </div> <div class="row"> <center> <h3> You can download CSS styles and JS qeuries from links in <code>header-section (Above)</code> as <a href="https://windowsmenutheme.000webhostapp.com/css/bootstrap.css">https://windowsmenutheme.000webhostapp.com/css/bootstrap.css</a> </h3> </center> </div> </div> <!--footer --> <div class="container"> <div style="background-color: #000;" class="row" style="margin-top:70px"> <div class="well"> <div class="footer"> <p style="font-size:small">Copy Right 2018 | <a href="#"> Windows 10 Theme</a><br> <a href="https://twitter.com/BadrRehman">@ Badr Rehman</a></p> </div> </div> </div> </div> <!-- footer end --> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://windowsmenutheme.000webhostapp.com/js/jquery.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="https://windowsmenutheme.000webhostapp.com/js/bootstrap.js"></script> <script src="https://windowsmenutheme.000webhostapp.com/js/wow.min.js"></script> <script> new WOW().init(); </script> </body> </html>

Questions / Comments: