Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <title>Cahera</title>
- <meta charset="utf-8">
- <meta name="description" content="Simple web-based point of sale application">
- <meta name="author" content="Van Victor Lim">
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
- </head>
- <body>
- <ul class="navigation">
- <li class="nav-item"><a href="#">Register</a></li>
- <li class="nav-item"><a href="#">Inventory</a></li>
- <li class="nav-item"><a href="#">Sales</a></li>
- </ul>
- <input type="checkbox" id="nav-trigger" class="nav-trigger" />
- <label for="nav-trigger"></label>
- <div class="site-content" style="margin:0px auto; height: 100%; width:70%;">
- <div class="row">
- <div class="col-xs-12 col-sm-6 col-md-8 col-lg-4">
- <div class="top-row">
- <div id="slider">
- <div id="allpic">
- <h3>Order 1</h3>
- </div>
- <div id="allpic">
- <h3>Order 2</h3>
- </div>
- <div id="allpic">
- <h3>Order 3</h3>
- </div>
- <div id="allpic">
- <h3>Order 4</h3>
- </div>
- <div id="allpic">
- <h3>Order 5</h3>
- </div>
- </div>
- </div>
- <div class="bottom-row">
- <form id="searchform">
- <span>Look for item:</span>
- <input type="text" id="search-bar" autocomplete="off" />
- <ul class="output" style="display:none;">
- </ul>
- <button type="submit" id="submit">Search</button>
- </form>
- </div>
- </div>
- <div class="col-xs-6 col-md-4 col-lg-2">
- <h3>Order List</h3>
- </div>
- </div>
- </div>
- <link rel="stylesheet" type="text/css" href="./styles/sidebar.css">
- <link rel="stylesheet" type="text/css" href="./styles/normalize.css">
- /*<link rel="stylesheet" media= "screen" href="./bower_components/bootstrap/dist/css/bootstrap.min.css">*/
- <style>
- .col-xs-12 {
- height: 100%;
- width: 66.66%;
- text-align: center;
- border: 1px solid black;
- }
- .col-xs-6 {
- height: 100%;
- width: 33.33%;
- text-align: center;
- border: 1px solid black;
- }
- .top-row {
- height: 15%;
- border: 1px solid black;
- }
- .bottom-row {
- height: 85%;
- text-align: left;
- border: 1px solid black;
- }
- /* Slider CSS */
- #slider{
- width:630px;
- border:4px solid #fff;;
- outline:1px solid #999;
- height: 200px;
- margin:-315px auto;
- background:-webkit-radial-gradient(#ffefce, #fcd78d);
- background:-moz-radial-gradient(#ffefce, #fcd78d);
- background:-ms-radial-gradient(#ffefce, #fcd78d);
- background:-o-radial-gradient(#ffefce, #fcd78d);
- background:radial-gradient(#ffefce, #fcd78d);
- }
- #allpic{
- width:70px;
- height: 300px;
- background:#ccc;
- margin:5px 0 0 5px;
- float:left;
- transition:all .1s ease-out;
- overflow:hidden;
- border:2px solid #fff;;
- outline:1px solid #999;
- }
- #allpic:hover {
- width:300px;
- }
- #shadow{
- width:600px;
- height:30px;
- margin:330px auto 0;
- border-radius:50%;
- box-shadow:0px 12px 10px 3px rgba(0,0,0, 0.5);
- }
- </style>
- <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400|Patua+One' rel='stylesheet' type='text/css'>
- <script type="text/javascript" src="./bower_components/jquery/dist/jquery.min.js" async></script>
- <script type="text/javascript" src="./bower_compenents/bootstrap/dist/js/bootstrap.min.js" async></script>
- <script type="text/javascript" src="./script/autocomplete.js" async></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement