Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
- <!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
- <head>
- <meta charset="utf-8">
- <title>pTracker</title>
- <meta name="description" content="">
- <meta name="author" content="">
- <!-- Mobile Specific Meta -->
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <!-- Stylesheets -->
- <link rel="stylesheet" href="css/style.css" />
- <!-- Latest compiled and minified CSS -->
- <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
- <!-- jQuery library -->
- <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
- <script src="js/script.js"></script>
- <!-- Latest compiled JavaScript -->
- <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
- <!--[if lt IE 9]>
- <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
- <![endif]-->
- </head>
- <body>
- <!-- header -->
- <header class="header">
- <div class="container-fluid">
- <div class="row">
- <div class="col-sm-1 header-image">
- <img src="images/piper_black.png" alt="">
- </div>
- <div class="col-sm-7 header-text">
- <div class="header-text-top">
- <h2>pTracker</h2>
- </div><!-- end header-text-top -->
- <div class="header-text-bottom">
- <p>Welcome Firstname,Lastname!</p>
- <p>Your last login was September 1, 2015 at 2.25 pm
- </p>
- </div><!-- end header-text-top -->
- </div>
- <div class="col-sm-4 main-menu-area">
- <div class="menu">
- <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
- <span class="glyphicon glyphicon-menu-hamburger"></span>   Menu
- </button>
- <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
- <li><a href="#">Account Profile</a></li>
- <li><a href="#">Reports</a></li>
- <li><a href="#">Log Out</a></li>
- </ul>
- </div>
- </div>
- </div> <!-- end row -->
- </div> <!-- end container -->
- </header>
- <section>
- <div class="container-fluid">
- <div class="row">
- <div class="search-box-center">
- <div class="col-sm-6">
- <h4 class="text">Vendors</h4>
- </div>
- <div class="col-sm-6">
- <div id="custom-search-input">
- <div class="input-group ">
- <input type="text" class=" search-query form-control" placeholder="Search" />
- <span class="input-group-btn">
- <button class="btn btn-danger" type="button">
- <span class=" glyphicon glyphicon-search"></span>
- </button>
- </span>
- </div>
- </div>
- </div>
- </div>
- </div> <!-- end row -->
- </div> <!-- end container -->
- </section>
- <nav>
- <div class="container-fluid">
- <div class="row">
- <div class="col-sm-12">
- <div class='cssmenu'>
- <ul>
- <li class='has-sub'><a href='#'><span>CISCO</span></a></li>
- <li class='active has-sub'><a href='#'><span>FORTINET</span></a>
- <ul>
- <li class='has-sub'><a href='#'><span>COOL TECH INC.</span></a>
- <ul>
- <li><a href='#'><span>super tech inc.</span></a></li>
- <li class='last'><a href='#'><span>super tech inc.</span></a></li>
- </ul>
- </li>
- <li class='has-sub'><a href='#'><span>NEXUM TECH INC.</span></a>
- <ul>
- <li><a href='#'><span>super tech inc.</span></a></li>
- <li class='last'><a href='#'><span>super tech inc.</span></a></li>
- </ul>
- </li>
- </ul>
- </li>
- <li class='has-sub'><a href='#'><span>MICROSOFT</span></a></li>
- <li class='last has-sub'><a href='#'><span>ADD NEW</span></a></li>
- </ul>
- </div>
- </div>
- </div> <!-- end row -->
- </div> <!-- end container -->
- </nav>
- <!-- second nav -->
- <section>
- <div class="container-fluid">
- <div class="row">
- <div class="search-box-center">
- <div class="col-sm-6 second-section">
- <h4 class="text-two">Recently Worked Accounts (Last 24 Hours upto 1 month)</h4>
- </div>
- <div class="col-sm-6">
- <div id="custom-search-input">
- <div class="input-group ">
- <input type="text" class=" search-query form-control" placeholder="Search" />
- <span class="input-group-btn">
- <button class="btn btn-danger" type="button">
- <span class=" glyphicon glyphicon-search"></span>
- </button>
- </span>
- </div>
- </div>
- </div>
- </div>
- </div> <!-- end row -->
- </div> <!-- end container -->
- </section>
- <nav>
- <div class="container-fluid">
- <div class="row">
- <div class="col-sm-12">
- <div class='cssmenu'>
- <ul>
- <li class='has-sub'><a href='#'><span>COOL TECH INC.</span></a></li>
- <li class='active has-sub'><a href='#'><span>super tech inc.</span></a>
- <ul>
- <li class='has-sub'><a href='#'><span>COOL TECH INC.</span></a>
- <ul>
- <li><a href='#'><span>super tech inc.</span></a></li>
- <li class='last'><a href='#'><span>super tech inc.</span></a></li>
- </ul>
- </li>
- <li class='has-sub'><a href='#'><span>NEXUM TECH INC.</span></a>
- <ul>
- <li><a href='#'><span>super tech inc.</span></a></li>
- <li class='last'><a href='#'><span>super tech inc.</span></a></li>
- </ul>
- </li>
- </ul>
- </li>
- <li class='has-sub'><a href='#'><span>NEXUM TECH INC.</span></a></li>
- </ul>
- </div>
- </div>
- </div> <!-- end row -->
- </div> <!-- end container -->
- </nav>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement