├── README.md ├── css ├── Shopkeeper_Delete_Window.css ├── M_Shopkeeper_Registration.css ├── Shopkeeper_Registration_Edit.css ├── Shopkeeper_Product_Table.css ├── Shopkeeper_Sidebar.css ├── brand.css └── shopping.css ├── js ├── w3-include-html.js └── bootstrap.min.js ├── Shopkeeper_View_Profile.html ├── Shopkeeper_Sidebar.html ├── Shopkeeper_Delete_Window.html ├── M_Shopkeeper_Registration.html ├── brand.html ├── Shopkeeper_Registration_Edit.html ├── Shopkeeper_Product_Table.html └── shopping.html /README.md: -------------------------------------------------------------------------------- 1 | # MahabazarViewPages 2 | This have dummy html / css pages 3 | 4 | -------------------------------------------------------------------------------- /css/Shopkeeper_Delete_Window.css: -------------------------------------------------------------------------------- 1 | body { margin-top:30px; } 2 | hr.message-inner-separator 3 | { 4 | clear: both; 5 | margin-top: 10px; 6 | margin-bottom: 13px; 7 | border: 0; 8 | height: 1px; 9 | background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0)); 10 | background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0)); 11 | background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0)); 12 | background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0)); 13 | } 14 | -------------------------------------------------------------------------------- /js/w3-include-html.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | 3 | myHTMLInclude(); 4 | 5 | function myHTMLInclude() { 6 | var z, i, a, file, xhttp; 7 | z = document.getElementsByTagName("*"); 8 | for (i = 0; i < z.length; i++) { 9 | if (z[i].getAttribute("w3-include-html")) { 10 | a = z[i].cloneNode(false); 11 | file = z[i].getAttribute("w3-include-html"); 12 | var xhttp = new XMLHttpRequest(); 13 | xhttp.onreadystatechange = function() { 14 | if (xhttp.readyState == 4 && xhttp.status == 200) { 15 | a.removeAttribute("w3-include-html"); 16 | a.innerHTML = xhttp.responseText; 17 | z[i].parentNode.replaceChild(a, z[i]); 18 | myHTMLInclude(); 19 | } 20 | } 21 | xhttp.open("GET", file, true); 22 | xhttp.send(); 23 | return; 24 | } 25 | } 26 | } 27 | 28 | })(); -------------------------------------------------------------------------------- /Shopkeeper_View_Profile.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Shopkeeper View page 5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 |

Modal Example

13 | 14 | 15 | 16 | 17 | 36 | 37 |
38 | 39 | -------------------------------------------------------------------------------- /css/M_Shopkeeper_Registration.css: -------------------------------------------------------------------------------- 1 | 2 | body { 3 | padding-top: 20px; 4 | padding-bottom: 20px; 5 | } 6 | 7 | /* Everything but the jumbotron gets side spacing for mobile first views */ 8 | .header, 9 | .marketing, 10 | .footer { 11 | padding-right: 15px; 12 | padding-left: 15px; 13 | } 14 | 15 | /* Custom page header */ 16 | .header { 17 | border-bottom: 1px solid #e5e5e5; 18 | } 19 | /* Make the masthead heading the same height as the navigation */ 20 | .header h3 { 21 | padding-bottom: 19px; 22 | margin-top: 0; 23 | margin-bottom: 0; 24 | line-height: 40px; 25 | } 26 | 27 | /* Custom page footer */ 28 | .footer { 29 | padding-top: 19px; 30 | color: #777; 31 | border-top: 1px solid #e5e5e5; 32 | } 33 | 34 | /* Customize container */ 35 | @media (min-width: 768px) { 36 | .container { 37 | max-width: 730px; 38 | } 39 | } 40 | .container-narrow > hr { 41 | margin: 30px 0; 42 | } 43 | 44 | /* Main marketing message and sign up button */ 45 | .jumbotron { 46 | text-align: center; 47 | border-bottom: 1px solid #e5e5e5; 48 | } 49 | .jumbotron .btn { 50 | padding: 14px 24px; 51 | font-size: 21px; 52 | } 53 | 54 | /* Supporting marketing content */ 55 | .marketing { 56 | margin: 40px 0; 57 | } 58 | .marketing p + h4 { 59 | margin-top: 28px; 60 | } 61 | 62 | /* Responsive: Portrait tablets and up */ 63 | @media screen and (min-width: 768px) { 64 | /* Remove the padding we set earlier */ 65 | .header, 66 | .marketing, 67 | .footer { 68 | padding-right: 0; 69 | padding-left: 0; 70 | } 71 | /* Space out the masthead */ 72 | .header { 73 | margin-bottom: 30px; 74 | } 75 | /* Remove the bottom border on the jumbotron for visual effect */ 76 | .jumbotron { 77 | border-bottom: 0; 78 | } 79 | } 80 | #buttonn{ 81 | 82 | } -------------------------------------------------------------------------------- /css/Shopkeeper_Registration_Edit.css: -------------------------------------------------------------------------------- 1 | .row{ 2 | margin-top:140px; 3 | padding: 0 10px; 4 | } 5 | .clickable{ 6 | cursor: pointer; 7 | } 8 | 9 | .panel-heading div { 10 | margin-top: -18px; 11 | font-size: 15px; 12 | } 13 | .panel-heading div span{ 14 | margin-left:18px; 15 | } 16 | .panel-body{ 17 | display: none; 18 | } 19 | 20 | 21 | 22 | #Add{ 23 | 24 | background: #428BCA; 25 | color: #fff; 26 | font-family: Sans-serif; 27 | font-size: 30px; 28 | height: 55px; 29 | width: 116px; 30 | line-height: 37px; 31 | margin: 25px 25px; 32 | text-align: center; 33 | border: 0; 34 | left: 20px; 35 | transition: all 0.3s ease 0s; 36 | } 37 | 38 | #Add:hover { 39 | box-shadow: inset 0 0 0 5px #3071A9; 40 | } 41 | .View{ 42 | position: absolute; 43 | background: #428BCA; 44 | color: #fff; 45 | font-family: Sans-serif; 46 | font-size: 30px; 47 | height: 55px; 48 | width: 116px; 49 | line-height: 60px; 50 | right: 227px; 51 | top: 179px; 52 | text-align: center; 53 | border: 0; 54 | transition: all 0.3s ease 0s; 55 | } 56 | 57 | .View:hover { 58 | box-shadow: inset 0 0 0 5px #3071A9; 59 | } 60 | 61 | .Delete{ 62 | position: absolute; 63 | background: #428BCA; 64 | color: #fff; 65 | font-family: Sans-serif; 66 | font-size: 30px; 67 | height: 55px; 68 | width: 116px; 69 | line-height: 60px; 70 | margin: 25px 220px; 71 | text-align: center; 72 | left: 201px; 73 | top: 153px; 74 | border: 0; 75 | transition: all 0.3s ease 0s; 76 | } 77 | 78 | .Delete:hover { 79 | box-shadow: inset 0 0 0 5px #3071A9; 80 | } 81 | 82 | 83 | } 84 | .image-preview-input { 85 | position: relative; 86 | overflow: hidden; 87 | margin: 0px; 88 | color: #333; 89 | background-color: #fff; 90 | border-color: #ccc; 91 | } 92 | .image-preview-input input[type=file] { 93 | position: absolute; 94 | top: 0; 95 | right: 0; 96 | margin: 0; 97 | padding: 0; 98 | font-size: 20px; 99 | cursor: pointer; 100 | opacity: 0; 101 | filter: alpha(opacity=0); 102 | } 103 | .image-preview-input-title { 104 | margin-left:2px; 105 | } -------------------------------------------------------------------------------- /Shopkeeper_Sidebar.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 44 |
45 | 46 |
47 | 48 | 49 | 50 | -------------------------------------------------------------------------------- /Shopkeeper_Delete_Window.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Shopkeeper Delete Window 5 | 6 | 7 | 8 | 9 | 10 | 29 | 30 |
31 |
32 | 33 |
34 |
35 | 37 | Delete Items 38 |
39 |

Are You Sure

40 |

Delete this items?


41 |
42 |
43 |
44 |
45 | 47 | 48 | 50 | 51 | 53 |
54 |
55 | 56 | 57 |
58 |
59 | 60 | -------------------------------------------------------------------------------- /M_Shopkeeper_Registration.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 |

Registration Form

14 |
15 |
16 |
17 |
18 |
19 |
20 | 21 | 22 |
23 |
24 | 25 | 26 |
27 |
28 |
29 | 30 | 31 |
32 |
33 |
34 | 35 | 36 |
37 |
38 | 39 | 40 |
41 |
42 | 43 | 44 |
45 |
46 |
47 |
48 | 49 | 50 |
51 |
52 | 53 | 54 |
55 |
56 |
57 | 58 | 59 |
60 |
61 | 62 | 63 |
64 |
65 | 66 | 67 |
68 | 69 |
70 |
71 |
72 |
73 |
74 | 75 | -------------------------------------------------------------------------------- /css/Shopkeeper_Product_Table.css: -------------------------------------------------------------------------------- 1 | /*upload image Start*/ 2 | .image-preview-input { 3 | position: relative; 4 | overflow: hidden; 5 | margin: 0px; 6 | color: #333; 7 | background-color: #fff; 8 | border-color: #ccc; 9 | } 10 | .image-preview-input input[type=file] { 11 | position: absolute; 12 | top: 0; 13 | right: 0; 14 | margin: 0; 15 | padding: 0; 16 | font-size: 20px; 17 | cursor: pointer; 18 | opacity: 0; 19 | filter: alpha(opacity=0); 20 | } 21 | .image-preview-input-title { 22 | margin-left:2px; 23 | } 24 | /*upload image end*/ 25 | 26 | h1{ 27 | font-size: 30px; 28 | color: #fff; 29 | text-transform: uppercase; 30 | font-weight: 300; 31 | text-align: center; 32 | margin-bottom: 15px; 33 | } 34 | table{ 35 | width:100%; 36 | table-layout: fixed; 37 | } 38 | .tbl-header{ 39 | /* background-color: rgba(255,255,255,0.3);*/ 40 | background-color: #4f5b69; 41 | } 42 | .tbl-content{ 43 | height:300px; 44 | overflow-x:auto; 45 | margin-top: 0px; 46 | /*border: 1px solid rgba(255,255,255,0.3);*/ 47 | border: 1px solid #2e353d; 48 | } 49 | th{ 50 | padding: 20px 15px; 51 | text-align: left; 52 | font-weight: 500; 53 | font-size: 12px; 54 | color: #fff; 55 | text-transform: uppercase; 56 | } 57 | td{ 58 | padding: 15px; 59 | text-align: left; 60 | vertical-align:middle; 61 | font-weight: 300; 62 | font-size: 12px; 63 | color: #fff; 64 | /*border-bottom: solid 1px rgba(255,255,255,0.1);*/ 65 | border-bottom: solid 1px #337ab7; 66 | } 67 | 68 | /* demo styles */ 69 | 70 | @import url(http://fonts.googleapis.com/css?family=Roboto:400,500,300,700); 71 | body{ 72 | background: -webkit-linear-gradient(left, #25c481, #25b7c4); 73 | background: linear-gradient(to right, #25c481, #25b7c4); 74 | font-family: 'Roboto', sans-serif; 75 | } 76 | section{ 77 | margin: 50px; 78 | } 79 | 80 | 81 | /* follow me template */ 82 | .made-with-love { 83 | margin-top: 40px; 84 | padding: 10px; 85 | clear: left; 86 | text-align: center; 87 | font-size: 10px; 88 | font-family: arial; 89 | color: #fff; 90 | } 91 | .made-with-love i { 92 | font-style: normal; 93 | color: #F50057; 94 | font-size: 14px; 95 | position: relative; 96 | top: 2px; 97 | } 98 | .made-with-love a { 99 | color: #fff; 100 | text-decoration: none; 101 | } 102 | .made-with-love a:hover { 103 | text-decoration: underline; 104 | } 105 | 106 | 107 | /* for custom scrollbar for webkit browser*/ 108 | 109 | ::-webkit-scrollbar { 110 | width: 6px; 111 | } 112 | ::-webkit-scrollbar-track { 113 | -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 114 | } 115 | ::-webkit-scrollbar-thumb { 116 | -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 117 | } 118 | 119 | /*button start*/ 120 | .btn3d { 121 | position:relative; 122 | top: -6px; 123 | border:0; 124 | transition: all 40ms linear; 125 | margin-top:30px; 126 | margin-bottom:10px; 127 | margin-left:224px; 128 | margin-right:38px; 129 | } 130 | .btn3d:active:focus, 131 | .btn3d:focus:hover, 132 | .btn3d:focus { 133 | -moz-outline-style:none; 134 | outline:medium none; 135 | } 136 | .btn3d:active, .btn3d.active { 137 | top:2px; 138 | } 139 | .btn3d.btn-white { 140 | color: #666666; 141 | box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 0 8px 0 0 #f5f5f5, 0 8px 8px 1px rgba(0,0,0,.2); 142 | background-color:#fff; 143 | } 144 | .btn3d.btn-white:active, .btn3d.btn-white.active { 145 | color: #666666; 146 | box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,.1); 147 | background-color:#fff; 148 | } 149 | /*button end*/ -------------------------------------------------------------------------------- /css/Shopkeeper_Sidebar.css: -------------------------------------------------------------------------------- 1 | body,html{ 2 | height: 100%; 3 | } 4 | 5 | /* remove outer padding */ 6 | .main .row{ 7 | padding: 0px; 8 | margin: 0px; 9 | } 10 | 11 | /*Remove rounded coners*/ 12 | 13 | nav.sidebar.navbar { 14 | border-radius: 0px; 15 | } 16 | 17 | nav.sidebar, .main{ 18 | -webkit-transition: margin 200ms ease-out; 19 | -moz-transition: margin 200ms ease-out; 20 | -o-transition: margin 200ms ease-out; 21 | transition: margin 200ms ease-out; 22 | 23 | } 24 | 25 | 26 | 27 | /* Add gap to nav and right windows.*/ 28 | .main{ 29 | padding: 10px 10px 0 10px; 30 | 31 | } 32 | 33 | /* .....NavBar: Icon only with coloring/layout.....*/ 34 | 35 | /*small/medium side display*/ 36 | @media (min-width: 768px) { 37 | 38 | /*Allow main to be next to Nav*/ 39 | .main{ 40 | position: absolute; 41 | width: calc(100% - 40px); /*keeps 100% minus nav size*/ 42 | margin-left: 40px; 43 | float: right; 44 | } 45 | 46 | /*lets nav bar to be showed on mouseover*/ 47 | nav.sidebar:hover + .main{ 48 | margin-left: 200px; 49 | } 50 | 51 | /*Center Brand*/ 52 | nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { 53 | margin-left: 0px; 54 | } 55 | /*Center Brand*/ 56 | nav.sidebar .navbar-brand, nav.sidebar .navbar-header{ 57 | text-align: center; 58 | width: 100%; 59 | margin-left: 0px; 60 | 61 | } 62 | 63 | /*Center Icons*/ 64 | nav.sidebar a{ 65 | padding-right: 13px; 66 | 67 | } 68 | 69 | /*adds border top to first nav box */ 70 | nav.sidebar .navbar-nav > li:first-child{ 71 | border-top: 1px #e5e5e5 solid; 72 | } 73 | 74 | /*adds border to bottom nav boxes*/ 75 | nav.sidebar .navbar-nav > li{ 76 | border-bottom: 1px #e5e5e5 solid; 77 | /*background-color: #25b7c4;*/ 78 | } 79 | 80 | /* Colors/style dropdown box*/ 81 | nav.sidebar .navbar-nav .open .dropdown-menu { 82 | position: static; 83 | float: none; 84 | width: auto; 85 | margin-top: 0; 86 | background-color: transparent; 87 | border: 0; 88 | -webkit-box-shadow: none; 89 | box-shadow: none; 90 | 91 | } 92 | 93 | /*allows nav box to use 100% width*/ 94 | nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{ 95 | padding: 0 0px 0 0px; 96 | } 97 | 98 | /*colors dropdown box text */ 99 | .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { 100 | color: #777; 101 | } 102 | 103 | /*gives sidebar width/height*/ 104 | nav.sidebar{ 105 | width: 200px; 106 | height: 100%; 107 | margin-left: -160px; 108 | float: left; 109 | z-index: 8000; 110 | margin-bottom: 0px; 111 | } 112 | 113 | /*give sidebar 100% width;*/ 114 | nav.sidebar li { 115 | width: 100%; 116 | } 117 | 118 | /* Move nav to full on mouse over*/ 119 | nav.sidebar:hover{ 120 | margin-left: 0px; 121 | } 122 | /*for hiden things when navbar hidden*/ 123 | .forAnimate{ 124 | opacity: 0; 125 | } 126 | } 127 | 128 | /* .....NavBar: Fully showing nav bar..... */ 129 | 130 | @media (min-width: 1330px) { 131 | 132 | /*Allow main to be next to Nav*/ 133 | .main{ 134 | width: calc(100% - 200px); /*keeps 100% minus nav size*/ 135 | margin-left: 200px; 136 | } 137 | 138 | /*Show all nav*/ 139 | nav.sidebar{ 140 | margin-left: 0px; 141 | float: left; 142 | } 143 | /*Show hidden items on nav*/ 144 | nav.sidebar .forAnimate{ 145 | opacity: 1; 146 | } 147 | } 148 | 149 | nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus { 150 | color: #CCC; 151 | background-color: transparent; 152 | } 153 | 154 | nav:hover .forAnimate{ 155 | opacity: 1; 156 | } 157 | section{ 158 | padding-left: 15px; 159 | } -------------------------------------------------------------------------------- /css/brand.css: -------------------------------------------------------------------------------- 1 | /*-- 2 | Author: W3layouts 3 | Author URL: http://w3layouts.com 4 | License: Creative Commons Attribution 3.0 Unported 5 | License URL: http://creativecommons.org/licenses/by/3.0/ 6 | --*/ 7 | html, body{ 8 | font-family: 'Lato', sans-serif; 9 | font-size: 100%; 10 | background: #F2F2F2; 11 | } 12 | body a{ 13 | transition:0.5s all; 14 | -webkit-transition:0.5s all; 15 | -moz-transition:0.5s all; 16 | -o-transition:0.5s all; 17 | -ms-transition:0.5s all; 18 | } 19 | /*----container----*/ 20 | .container{ 21 | width:70%; 22 | } 23 | /*----top-header---*/ 24 | .top-header{ 25 | padding:2em 0; 26 | } 27 | .logo{ 28 | float: left; 29 | margin-top: 4.1em; 30 | } 31 | .top-header-info{ 32 | float:right; 33 | } 34 | .cart-details ul li{ 35 | list-style:none; 36 | } 37 | .cart-details ul{ 38 | margin:0;padding:0; 39 | } 40 | /*---top-contact-info---*/ 41 | .top-contact-info li span{ 42 | width:15px; 43 | height:15px; 44 | display:inline-block; 45 | } 46 | .top-contact-info li span.phone{ 47 | background:url(../web/images/phone-icon.png) no-repeat 0px 0px; 48 | vertical-align:middle; 49 | margin-right:0.2em; 50 | } 51 | .top-contact-info li span.mail{ 52 | background:url(../web/images/mail-icon.png) no-repeat 0px 0px; 53 | vertical-align:middle; 54 | margin-right:0.2em; 55 | } 56 | .add-to-cart{ 57 | float:left; 58 | } 59 | .login-rigister{ 60 | float:right; 61 | } 62 | span.cart{ 63 | width: 38px; 64 | height: 35px; 65 | display: inline-block; 66 | background: url(../web/images/cart.png) no-repeat 0px 6px; 67 | border-right: 1px solid #DDD9D9; 68 | padding-right: 0.8em; 69 | margin-top: 0.3em; 70 | } 71 | ul.cart-sub{ 72 | display:none; 73 | } 74 | .add-to-cart li{ 75 | position:relative; 76 | } 77 | .add-to-cart li:hover ul.cart-sub{ 78 | display: block; 79 | position: absolute; 80 | top: 55px; 81 | left: 0px; 82 | } 83 | ul.cart-sub{ 84 | background:#FFF; 85 | padding:0.5em; 86 | } 87 | ul.cart-sub li p{ 88 | color:#EF3626; 89 | } 90 | .login-rigister li a.login{ 91 | color: #444444; 92 | font-weight: 600; 93 | text-transform: uppercase; 94 | margin: 0 0.6em; 95 | text-decoration: underline; 96 | } 97 | .login-rigister li a.login:hover{ 98 | color:#EF3626; 99 | text-decoration:none; 100 | } 101 | .login-rigister li a.rigister{ 102 | background:#F03627; 103 | color:#FFF; 104 | padding: 0.5em 2.5em; 105 | display:inline-block; 106 | border-radius:0.3em; 107 | -webkit-border-radius:0.3em; 108 | -moz-border-radius:0.3em; 109 | -o-border-radius:0.3em; 110 | -ms-border-radius:0.3em; 111 | border:1px solid #B64E30; 112 | border-top:2px solid #B64E30; 113 | font-weight:600; 114 | } 115 | .login-rigister li a.rigister:hover{ 116 | text-decoration:none; 117 | background:#5B5B5B; 118 | border:1px solid #5B5B5B; 119 | border-top:2px solid #5B5B5B; 120 | } 121 | a.rigister span{ 122 | width: 12px; 123 | height: 12px; 124 | display: inline-block; 125 | background: url(../web/images/arrow.png) no-repeat 2px 0px; 126 | margin: 0 0.0em 0 0; 127 | padding: 0; 128 | } 129 | .cart-details{ 130 | border: 1px solid #FFF; 131 | padding: 0.7em 0.3em; 132 | border-radius:0.3em; 133 | -webkit-border-radius:0.5em; 134 | -moz-border-radius:0.5em; 135 | -o-border-radius:0.5em; 136 | -ms-border-radius:0.5em; 137 | } 138 | .top-contact-info ul li a:hover{ 139 | text-decoration:none; 140 | color:#EF3626; 141 | } 142 | .top-contact-info{ 143 | margin-bottom: 0.9em; 144 | text-align: right; 145 | } 146 | /*----navbar-nav----*/ 147 | ul.top-nav{ 148 | margin:0; 149 | } 150 | ul.top-nav li span{ 151 | width: 1px; 152 | height: 45px; 153 | display: inline-block; 154 | background:#DBDBDB; 155 | top: 15px; 156 | position: absolute; 157 | } 158 | .top-nav ul li a{ 159 | color: #444444; 160 | padding: 1em 1.5em; 161 | font-size: 1.1em; 162 | font-weight: 400; 163 | text-align: center; 164 | text-transform: uppercase; 165 | position: relative; 166 | font-weight: 800; 167 | } 168 | .top-nav ul li a:hover{ 169 | color:#EE3023; 170 | } 171 | .logo a{ 172 | display:block; 173 | } 174 | /* top-nav */ 175 | .top-nav:before, 176 | .top-nav:after { 177 | content: " "; 178 | display: table; 179 | } 180 | .top-nav:after { 181 | clear: both; 182 | } 183 | nav { 184 | position: relative; 185 | } 186 | nav ul { 187 | padding: 0; 188 | } 189 | nav .test { 190 | display: inline; 191 | float: left; 192 | position:relative; 193 | } 194 | nav a { 195 | color: #fff; 196 | display: inline-block; 197 | text-align: center; 198 | text-decoration: none; 199 | line-height: 40px; 200 | } 201 | nav a:hover{ 202 | text-decoration:none; 203 | color:#00A2C1; 204 | } 205 | nav a#pull { 206 | display: none; 207 | } 208 | /*Styles for screen 600px and lower*/ 209 | @media screen and (max-width: 768px) { 210 | nav { 211 | height: auto; 212 | float:none; 213 | } 214 | nav ul { 215 | width: 100%; 216 | display: block; 217 | height: auto; 218 | } 219 | nav li { 220 | width: 100%; 221 | position: relative; 222 | } 223 | nav li a { 224 | border-bottom: 1px solid #eee; 225 | } 226 | nav a { 227 | text-align: left; 228 | width: 100%; 229 | } 230 | } 231 | /*Styles for screen 515px and lower*/ 232 | @media only screen and (max-width : 768px) { 233 | nav { 234 | border-bottom: 0; 235 | float:none; 236 | } 237 | nav ul { 238 | display: none; 239 | height: auto; 240 | margin:0; 241 | background: #fff; 242 | } 243 | nav a#pull { 244 | display: block; 245 | position: relative; 246 | color: #F26D7D; 247 | text-align: right; 248 | position: absolute; 249 | top: -64px; 250 | background: #FFF; 251 | padding: 0.8em 0; 252 | } 253 | nav a#pull:after { 254 | content:""; 255 | background: url('nav-icon.png') no-repeat; 256 | width: 30px; 257 | height: 30px; 258 | display: inline-block; 259 | position: absolute; 260 | right: 15px; 261 | top: 10px; 262 | } 263 | nav a#pull img{ 264 | margin-left: 2%; 265 | float: left; 266 | clear: both; 267 | } 268 | .top-nav ul .test a { 269 | color: #2C3E50; 270 | padding: 0em 0; 271 | } 272 | } 273 | /*Smartphone*/ 274 | @media only screen and (max-width : 320px) { 275 | nav { 276 | float:none; 277 | } 278 | nav .test { 279 | display: block; 280 | float: none; 281 | width: 100%; 282 | } 283 | nav .test a { 284 | border-bottom: 1px solid #EEE; 285 | } 286 | } 287 | .main-menu{ 288 | border: 1px solid #E6E6EB; 289 | background: #fefefe; /* Old browsers */ 290 | background: -moz-linear-gradient(top, #fefefe 0%, #f7f7f7 48%, #f7f7f7 100%); /* FF3.6+ */ 291 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(48%,#f7f7f7), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */ 292 | background: -webkit-linear-gradient(top, #fefefe 0%,#f7f7f7 48%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */ 293 | background: -o-linear-gradient(top, #fefefe 0%,#f7f7f7 48%,#f7f7f7 100%); /* Opera 11.10+ */ 294 | background: -ms-linear-gradient(top, #fefefe 0%,#f7f7f7 48%,#f7f7f7 100%); /* IE10+ */ 295 | background: linear-gradient(to bottom, #fefefe 0%,#f7f7f7 48%,#f7f7f7 100%); /* W3C */ 296 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */ 297 | padding: 0 0.2em; 298 | z-index: 999; 299 | } 300 | .top-header-nav{ 301 | position:relative; 302 | } 303 | .top-header-search-box{ 304 | position: absolute; 305 | right: 27px; 306 | top: 26px; 307 | width: 213px; 308 | z-index: 999; 309 | } 310 | .top-header-search-box input[type="text"]{ 311 | color: #D6D6D6; 312 | border:1px solid #D6D6D6; 313 | border-radius: 1em; 314 | outline: none; 315 | position: relative; 316 | text-indent: 22px; 317 | font-size: 0.875em; 318 | padding: 0.2em; 319 | width: 100%; 320 | transition: border-color 0.3s; 321 | -o-transition: border-color 0.3s; 322 | -ms-transition: border-color 0.3s; 323 | -moz-transition: border-color 0.3s; 324 | -webkit-transition: border-color 0.3s; 325 | } 326 | .top-header-search-box input[type="text"]:hover{ 327 | border-color:#EE3023; 328 | } 329 | .top-header-search-box input[type="submit"]{ 330 | position: absolute; 331 | top: 0px; 332 | background: url(../web/images/search-icon.png) no-repeat 0px 3.5px; 333 | border: none; 334 | outline: none; 335 | -webkit-appearance: none; 336 | cursor: pointer; 337 | margin-left: 0.2em; -------------------------------------------------------------------------------- /css/shopping.css: -------------------------------------------------------------------------------- 1 | /* Adding gvnix styles css - NO COPIAR */ 2 | /*@import 'http://geo-gvnix.rhcloud.com/resources/styles/standard.css';*/ 3 | /* Custom fixed navs */ 4 | 5 | header.navbar+nav.navbar{ 6 | /* margin-top: 20px;same margin-bottom .navbar */ 7 | } 8 | .navbar.navbar-default.navbar-fixed-top{ 9 | margin-top: 50px; 10 | } 11 | .sidebar.navbar-fixed-top{ 12 | margin-top: 100px; 13 | } 14 | 15 | @media (min-width: 768px) and (max-width: 998px){ 16 | .navbar.navbar-default.navbar-fixed-top{ 17 | margin-top: 100px; 18 | } 19 | .sidebar.navbar-fixed-top{ 20 | margin-top: 150px; 21 | } 22 | } 23 | 24 | /* Custom navbar default: global*/ 25 | 26 | .navbar.navbar-default{ 27 | background-color: #f8f8f8; 28 | border-color: #e7e7e7; 29 | margin: 0; 30 | border-radius: 0; 31 | } 32 | .navbar.navbar-default .navbar-brand { 33 | color: #666; 34 | text-shadow: none; 35 | min-width: 150px; 36 | } 37 | .navbar.navbar-default .navbar-nav > li > a { 38 | color: #666; 39 | text-shadow: none; 40 | } 41 | .navbar.navbar-default .navbar-nav > li > a { 42 | color: #666; 43 | text-shadow: none; 44 | } 45 | .navbar.navbar-default .navbar-nav > li > a:hover{ 46 | color: #acc47f; 47 | } 48 | .navbar.navbar-default .navbar-nav > .active > a{ 49 | color: #fff; 50 | background-color: #acc47f; 51 | } 52 | .navbar.navbar-default .navbar-nav > .active > a:hover{ 53 | color: #608224; 54 | background-color: #acc47f; 55 | } 56 | .navbar.navbar-default .caret { 57 | border-top-color: #ccc; 58 | border-bottom-color: #ccc; 59 | } 60 | .navbar.navbar-default .caret:hover { 61 | border-top-color: #333; 62 | border-bottom-color: #333; 63 | } 64 | 65 | 66 | /* Custom sidebar menu */ 67 | 68 | /*Remove rounded coners*/ 69 | 70 | nav.sidebar.navbar { 71 | border-radius: 0px; 72 | } 73 | 74 | nav.sidebar, .main{ 75 | -webkit-transition: margin 200ms ease-out; 76 | -moz-transition: margin 200ms ease-out; 77 | -o-transition: margin 200ms ease-out; 78 | transition: margin 200ms ease-out; 79 | } 80 | 81 | /* Add gap to nav and right windows.*/ 82 | .main{ 83 | padding: 10px 10px 0 10px; 84 | } 85 | 86 | /* .....NavBar: Icon only with coloring/layout.....*/ 87 | 88 | /*small/medium side display*/ 89 | @media (min-width: 768px) { 90 | 91 | /*Allow main to be next to Nav*/ 92 | .main{ 93 | position: absolute; 94 | width: calc(100% - 40px); /*keeps 100% minus nav size*/ 95 | margin-left: 40px; 96 | float: right; 97 | } 98 | 99 | /*lets nav bar to be showed on mouseover*/ 100 | nav.sidebar:hover + .main{ 101 | margin-left: 200px; 102 | } 103 | 104 | /*Center Brand*/ 105 | nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { 106 | margin-left: 0px; 107 | } 108 | /*Center Brand*/ 109 | nav.sidebar .navbar-brand, nav.sidebar .navbar-header{ 110 | text-align: center; 111 | width: 100%; 112 | margin-left: 0px; 113 | } 114 | 115 | /*Center Icons*/ 116 | nav.sidebar a{ 117 | padding-right: 13px; 118 | min-width: 100px; 119 | } 120 | 121 | /*custom sidebar nav*/ 122 | nav.sidebar ul.nav.navbar-nav{ 123 | margin: 0; 124 | } 125 | nav.sidebar.navbar-inverse .navbar-nav .open .dropdown-menu>li>a { 126 | color: white; 127 | } 128 | 129 | /*adds border top to first nav box */ 130 | nav.sidebar .navbar-nav > li:first-child{ 131 | border-top: 1px #e5e5e5 solid; 132 | } 133 | 134 | /*adds border to bottom nav boxes*/ 135 | nav.sidebar .navbar-nav > li{ 136 | border-bottom: 1px #e5e5e5 solid; 137 | } 138 | /*adds background on hover*/ 139 | nav.sidebar .navbar-nav > li:hover{ 140 | color: #fff; 141 | background-color: #43600E; 142 | } 143 | /*removes border last element*/ 144 | nav.sidebar .navbar-nav > li.last{ 145 | border-bottom: none; 146 | } 147 | 148 | /* Colors/style dropdown box*/ 149 | nav.sidebar .navbar-nav .open .dropdown-menu { 150 | position: static; 151 | float: none; 152 | width: auto; 153 | margin-top: 0; 154 | background-color: transparent; 155 | border: 0; 156 | -webkit-box-shadow: none; 157 | box-shadow: none; 158 | } 159 | 160 | /*allows nav box to use 100% width*/ 161 | nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{ 162 | padding: 0 0px 0 0px; 163 | } 164 | 165 | /*colors dropdown box text */ 166 | .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { 167 | color: #777; 168 | } 169 | 170 | /*O quanto o menu irá esconder á esquerda*/ 171 | /*gives sidebar width/height*/ 172 | nav.sidebar{ 173 | width: 200px; 174 | height: 100%; 175 | margin-left: -270px; 176 | float: left; 177 | z-index: 8000; 178 | margin-bottom: 0px; 179 | } 180 | 181 | /*give sidebar 100% width;*/ 182 | nav.sidebar li { 183 | width: 100%; 184 | } 185 | 186 | /* Move nav to full on mouse over*/ 187 | nav.sidebar:hover{ 188 | margin-left: 0px; 189 | } 190 | /*for hiden things when navbar hidden*/ 191 | .forAnimate{ 192 | opacity: 0; 193 | } 194 | } 195 | 196 | /* .....NavBar: Fully showing nav bar..... */ 197 | 198 | @media (min-width: 1330px) { 199 | 200 | /* Allow main to be next to Nav 201 | .main{ 202 | width: calc(100% - 200px); keeps 100% minus nav size 203 | margin-left: 200px; 204 | } 205 | 206 | Show all nav 207 | nav.sidebar{ 208 | margin-left: 0px; 209 | float: left; 210 | } 211 | Show hidden items on nav 212 | nav.sidebar .forAnimate{ 213 | opacity: 1; 214 | } */ 215 | } 216 | 217 | nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus { 218 | color: #CCC; 219 | background-color: transparent; 220 | } 221 | 222 | nav:hover .forAnimate{ 223 | opacity: 1; 224 | } 225 | 226 | 227 | /*---- FIM SLIDE MENU*/ 228 | 229 | .nav-side-menu { 230 | overflow: auto; 231 | font-family: verdana; 232 | font-size: 12px; 233 | font-weight: 200; 234 | background-color: #145C94; 235 | position: fixed; 236 | top: 0px; 237 | width: 300px; 238 | height: 100%; 239 | color: #e1ffff; 240 | } 241 | .nav-side-menu .brand { 242 | background-color: #23282e; 243 | line-height: 50px; 244 | display: block; 245 | text-align: center; 246 | font-size: 14px; 247 | } 248 | .nav-side-menu .toggle-btn { 249 | display: none; 250 | } 251 | .nav-side-menu ul, 252 | .nav-side-menu li { 253 | list-style: none; 254 | padding: 0px; 255 | margin: 0px; 256 | line-height: 35px; 257 | cursor: pointer; 258 | /* 259 | .collapsed{ 260 | .arrow:before{ 261 | font-family: FontAwesome; 262 | content: "\f053"; 263 | display: inline-block; 264 | padding-left:10px; 265 | padding-right: 10px; 266 | vertical-align: middle; 267 | float:right; 268 | } 269 | } 270 | */ 271 | } 272 | .nav-side-menu ul :not(collapsed) .arrow:before, 273 | .nav-side-menu li :not(collapsed) .arrow:before { 274 | font-family: FontAwesome; 275 | content: "\f078"; 276 | display: inline-block; 277 | padding-left: 10px; 278 | padding-right: 10px; 279 | vertical-align: middle; 280 | float: right; 281 | } 282 | .nav-side-menu ul .active, 283 | .nav-side-menu li .active { 284 | border-left: 3px solid #d19b3d; 285 | background-color: #4f5b69; 286 | } 287 | .nav-side-menu ul .sub-menu li.active, 288 | .nav-side-menu li .sub-menu li.active { 289 | color: #d19b3d; 290 | } 291 | .nav-side-menu ul .sub-menu li.active a, 292 | .nav-side-menu li .sub-menu li.active a { 293 | color: #d19b3d; 294 | } 295 | .nav-side-menu ul .sub-menu li, 296 | .nav-side-menu li .sub-menu li { 297 | background-color: #181c20; 298 | border: none; 299 | line-height: 28px; 300 | border-bottom: 1px solid #23282e; 301 | margin-left: 0px; 302 | } 303 | .nav-side-menu ul .sub-menu li:hover, 304 | .nav-side-menu li .sub-menu li:hover { 305 | background-color: #020203; 306 | } 307 | .nav-side-menu ul .sub-menu li:before, 308 | .nav-side-menu li .sub-menu li:before { 309 | font-family: FontAwesome; 310 | content: "\f105"; 311 | display: inline-block; 312 | padding-left: 10px; 313 | padding-right: 10px; 314 | vertical-align: middle; 315 | } 316 | .nav-side-menu li { 317 | padding-left: 0px; 318 | border-left: 3px solid #2e353d; 319 | border-bottom: 1px solid #23282e; 320 | } 321 | .nav-side-menu li a { 322 | text-decoration: none; 323 | color: #e1ffff; 324 | } 325 | .nav-side-menu li a i { 326 | padding-left: 10px; 327 | width: 20px; 328 | padding-right: 20px; 329 | } 330 | .nav-side-menu li:hover { 331 | border-left: 3px solid #d19b3d; 332 | background-color: #4f5b69; 333 | -webkit-transition: all 1s ease; 334 | -moz-transition: all 1s ease; 335 | -o-transition: all 1s ease; 336 | -ms-transition: all 1s ease; 337 | transition: all 1s ease; 338 | } 339 | @media (max-width: 767px) { 340 | .nav-side-menu { 341 | position: relative; 342 | width: 100%; 343 | margin-bottom: 10px; 344 | } 345 | .nav-side-menu .toggle-btn { 346 | display: block; 347 | cursor: pointer; 348 | position: absolute; 349 | right: 10px; 350 | top: 10px; 351 | z-index: 10 !important; 352 | padding: 3px; 353 | background-color: #ffffff; 354 | color: #000; 355 | width: 40px; 356 | text-align: center; 357 | } 358 | .brand { 359 | text-align: left !important; 360 | font-size: 22px; 361 | padding-left: 20px; 362 | line-height: 50px !important; 363 | } 364 | } 365 | @media (min-width: 767px) { 366 | .nav-side-menu .menu-list .menu-content { 367 | display: block; 368 | } 369 | } 370 | body { 371 | margin: 0px; 372 | padding: 0px; 373 | } 374 | 375 | -------------------------------------------------------------------------------- /brand.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Bootstrap Example 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 19 | 20 | 21 | 22 |
23 | 24 | 25 |
26 | 27 |
28 | 32 |
33 |
34 | 41 |
42 |
43 |
44 |
    45 |
  • 46 |
      47 |
    • 48 |

      0 Products

      49 |
    • 50 |
    51 |
  • 52 |
53 |
54 | 63 |
64 |
65 |
66 |
67 |
68 | 69 | 70 |
71 | 72 | 89 | 90 | 96 |
97 | 98 | 99 | 100 | 101 | 102 |
103 |
104 | 143 |
144 | 145 | 146 | 147 | 148 |
149 |
257 |
258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | 266 | -------------------------------------------------------------------------------- /Shopkeeper_Registration_Edit.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 |
78 |

Click the filter icon ()

79 |
80 |
81 |
82 |
83 |

Welcome To Shopkeeper

84 |
85 | 86 | 87 | 88 |
89 |
90 |
91 | 92 |
93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 |
SelectShop IDShop NameFirm Name
105 | 108 | 1FC34GRAnu Kirana Storekirana Store
116 | 119 | 9HDGHS54BihariLal Bajrang Business
130 | 131 |
132 | 133 | 134 | 135 | 136 | 137 | 284 | 285 | 286 | 287 | 288 | 289 | 290 | 291 | 292 | 463 | 464 | 465 | 466 |
Delete
467 |
468 | 469 |
470 |
471 | 472 | 473 | -------------------------------------------------------------------------------- /Shopkeeper_Product_Table.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 188 | 189 | 190 | 250 | 251 | 252 | 253 | 278 | 279 | 280 | 281 | 282 | 283 | 284 |
285 | 286 |

Product List

287 |
288 | 289 | 290 | 291 | 292 | 293 | 294 | 295 | 296 | 297 | 298 |
SelectProduct NameProduct PriceProduct Catogery
299 |
300 |
301 | 302 | 303 | 304 | 309 | 310 | 311 | 312 | 313 | 314 | 315 | 316 | 321 | 322 | 323 | 324 | 325 | 326 | 327 | 328 | 333 | 334 | 335 | 336 | 337 | 338 | 339 | 340 | 341 | 346 | 347 | 348 | 349 | 350 | 351 | 352 | 353 | 354 | 355 |
305 | 308 | Kurkure 10 RsNamkeen
317 | 320 | Rice 40 RsAnaaz
329 | 332 | Aggarbatti 50 RsPooja
342 | 345 | Haldi250 RsMasala
356 | 357 | 358 | 359 | 360 | 361 | 362 | 440 | 441 | 442 | 443 | 444 | 445 | 446 | 447 | 635 | 636 | 637 | 638 | 639 | 640 | 641 | 642 | 643 | 644 | 645 | 699 | 700 | 701 |
702 | 703 |
704 | 705 | 706 | 707 | 708 | 709 | 710 | 711 | -------------------------------------------------------------------------------- /js/bootstrap.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.3.5 (http://getbootstrap.com) 3 | * Copyright 2011-2015 Twitter, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | if("undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery");+function(a){"use strict";var b=a.fn.jquery.split(" ")[0].split(".");if(b[0]<2&&b[1]<9||1==b[0]&&9==b[1]&&b[2]<1)throw new Error("Bootstrap's JavaScript requires jQuery version 1.9.1 or higher")}(jQuery),+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]};return!1}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one("bsTransitionEnd",function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b(),a.support.transition&&(a.event.special.bsTransitionEnd={bindType:a.support.transition.end,delegateType:a.support.transition.end,handle:function(b){return a(b.target).is(this)?b.handleObj.handler.apply(this,arguments):void 0}})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var c=a(this),e=c.data("bs.alert");e||c.data("bs.alert",e=new d(this)),"string"==typeof b&&e[b].call(c)})}var c='[data-dismiss="alert"]',d=function(b){a(b).on("click",c,this.close)};d.VERSION="3.3.5",d.TRANSITION_DURATION=150,d.prototype.close=function(b){function c(){g.detach().trigger("closed.bs.alert").remove()}var e=a(this),f=e.attr("data-target");f||(f=e.attr("href"),f=f&&f.replace(/.*(?=#[^\s]*$)/,""));var g=a(f);b&&b.preventDefault(),g.length||(g=e.closest(".alert")),g.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(g.removeClass("in"),a.support.transition&&g.hasClass("fade")?g.one("bsTransitionEnd",c).emulateTransitionEnd(d.TRANSITION_DURATION):c())};var e=a.fn.alert;a.fn.alert=b,a.fn.alert.Constructor=d,a.fn.alert.noConflict=function(){return a.fn.alert=e,this},a(document).on("click.bs.alert.data-api",c,d.prototype.close)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof b&&b;e||d.data("bs.button",e=new c(this,f)),"toggle"==b?e.toggle():b&&e.setState(b)})}var c=function(b,d){this.$element=a(b),this.options=a.extend({},c.DEFAULTS,d),this.isLoading=!1};c.VERSION="3.3.5",c.DEFAULTS={loadingText:"loading..."},c.prototype.setState=function(b){var c="disabled",d=this.$element,e=d.is("input")?"val":"html",f=d.data();b+="Text",null==f.resetText&&d.data("resetText",d[e]()),setTimeout(a.proxy(function(){d[e](null==f[b]?this.options[b]:f[b]),"loadingText"==b?(this.isLoading=!0,d.addClass(c).attr(c,c)):this.isLoading&&(this.isLoading=!1,d.removeClass(c).removeAttr(c))},this),0)},c.prototype.toggle=function(){var a=!0,b=this.$element.closest('[data-toggle="buttons"]');if(b.length){var c=this.$element.find("input");"radio"==c.prop("type")?(c.prop("checked")&&(a=!1),b.find(".active").removeClass("active"),this.$element.addClass("active")):"checkbox"==c.prop("type")&&(c.prop("checked")!==this.$element.hasClass("active")&&(a=!1),this.$element.toggleClass("active")),c.prop("checked",this.$element.hasClass("active")),a&&c.trigger("change")}else this.$element.attr("aria-pressed",!this.$element.hasClass("active")),this.$element.toggleClass("active")};var d=a.fn.button;a.fn.button=b,a.fn.button.Constructor=c,a.fn.button.noConflict=function(){return a.fn.button=d,this},a(document).on("click.bs.button.data-api",'[data-toggle^="button"]',function(c){var d=a(c.target);d.hasClass("btn")||(d=d.closest(".btn")),b.call(d,"toggle"),a(c.target).is('input[type="radio"]')||a(c.target).is('input[type="checkbox"]')||c.preventDefault()}).on("focus.bs.button.data-api blur.bs.button.data-api",'[data-toggle^="button"]',function(b){a(b.target).closest(".btn").toggleClass("focus",/^focus(in)?$/.test(b.type))})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},c.DEFAULTS,d.data(),"object"==typeof b&&b),g="string"==typeof b?b:f.slide;e||d.data("bs.carousel",e=new c(this,f)),"number"==typeof b?e.to(b):g?e[g]():f.interval&&e.pause().cycle()})}var c=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=null,this.sliding=null,this.interval=null,this.$active=null,this.$items=null,this.options.keyboard&&this.$element.on("keydown.bs.carousel",a.proxy(this.keydown,this)),"hover"==this.options.pause&&!("ontouchstart"in document.documentElement)&&this.$element.on("mouseenter.bs.carousel",a.proxy(this.pause,this)).on("mouseleave.bs.carousel",a.proxy(this.cycle,this))};c.VERSION="3.3.5",c.TRANSITION_DURATION=600,c.DEFAULTS={interval:5e3,pause:"hover",wrap:!0,keyboard:!0},c.prototype.keydown=function(a){if(!/input|textarea/i.test(a.target.tagName)){switch(a.which){case 37:this.prev();break;case 39:this.next();break;default:return}a.preventDefault()}},c.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},c.prototype.getItemIndex=function(a){return this.$items=a.parent().children(".item"),this.$items.index(a||this.$active)},c.prototype.getItemForDirection=function(a,b){var c=this.getItemIndex(b),d="prev"==a&&0===c||"next"==a&&c==this.$items.length-1;if(d&&!this.options.wrap)return b;var e="prev"==a?-1:1,f=(c+e)%this.$items.length;return this.$items.eq(f)},c.prototype.to=function(a){var b=this,c=this.getItemIndex(this.$active=this.$element.find(".item.active"));return a>this.$items.length-1||0>a?void 0:this.sliding?this.$element.one("slid.bs.carousel",function(){b.to(a)}):c==a?this.pause().cycle():this.slide(a>c?"next":"prev",this.$items.eq(a))},c.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},c.prototype.next=function(){return this.sliding?void 0:this.slide("next")},c.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},c.prototype.slide=function(b,d){var e=this.$element.find(".item.active"),f=d||this.getItemForDirection(b,e),g=this.interval,h="next"==b?"left":"right",i=this;if(f.hasClass("active"))return this.sliding=!1;var j=f[0],k=a.Event("slide.bs.carousel",{relatedTarget:j,direction:h});if(this.$element.trigger(k),!k.isDefaultPrevented()){if(this.sliding=!0,g&&this.pause(),this.$indicators.length){this.$indicators.find(".active").removeClass("active");var l=a(this.$indicators.children()[this.getItemIndex(f)]);l&&l.addClass("active")}var m=a.Event("slid.bs.carousel",{relatedTarget:j,direction:h});return a.support.transition&&this.$element.hasClass("slide")?(f.addClass(b),f[0].offsetWidth,e.addClass(h),f.addClass(h),e.one("bsTransitionEnd",function(){f.removeClass([b,h].join(" ")).addClass("active"),e.removeClass(["active",h].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger(m)},0)}).emulateTransitionEnd(c.TRANSITION_DURATION)):(e.removeClass("active"),f.addClass("active"),this.sliding=!1,this.$element.trigger(m)),g&&this.cycle(),this}};var d=a.fn.carousel;a.fn.carousel=b,a.fn.carousel.Constructor=c,a.fn.carousel.noConflict=function(){return a.fn.carousel=d,this};var e=function(c){var d,e=a(this),f=a(e.attr("data-target")||(d=e.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,""));if(f.hasClass("carousel")){var g=a.extend({},f.data(),e.data()),h=e.attr("data-slide-to");h&&(g.interval=!1),b.call(f,g),h&&f.data("bs.carousel").to(h),c.preventDefault()}};a(document).on("click.bs.carousel.data-api","[data-slide]",e).on("click.bs.carousel.data-api","[data-slide-to]",e),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var c=a(this);b.call(c,c.data())})})}(jQuery),+function(a){"use strict";function b(b){var c,d=b.attr("data-target")||(c=b.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"");return a(d)}function c(b){return this.each(function(){var c=a(this),e=c.data("bs.collapse"),f=a.extend({},d.DEFAULTS,c.data(),"object"==typeof b&&b);!e&&f.toggle&&/show|hide/.test(b)&&(f.toggle=!1),e||c.data("bs.collapse",e=new d(this,f)),"string"==typeof b&&e[b]()})}var d=function(b,c){this.$element=a(b),this.options=a.extend({},d.DEFAULTS,c),this.$trigger=a('[data-toggle="collapse"][href="#'+b.id+'"],[data-toggle="collapse"][data-target="#'+b.id+'"]'),this.transitioning=null,this.options.parent?this.$parent=this.getParent():this.addAriaAndCollapsedClass(this.$element,this.$trigger),this.options.toggle&&this.toggle()};d.VERSION="3.3.5",d.TRANSITION_DURATION=350,d.DEFAULTS={toggle:!0},d.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},d.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b,e=this.$parent&&this.$parent.children(".panel").children(".in, .collapsing");if(!(e&&e.length&&(b=e.data("bs.collapse"),b&&b.transitioning))){var f=a.Event("show.bs.collapse");if(this.$element.trigger(f),!f.isDefaultPrevented()){e&&e.length&&(c.call(e,"hide"),b||e.data("bs.collapse",null));var g=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[g](0).attr("aria-expanded",!0),this.$trigger.removeClass("collapsed").attr("aria-expanded",!0),this.transitioning=1;var h=function(){this.$element.removeClass("collapsing").addClass("collapse in")[g](""),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return h.call(this);var i=a.camelCase(["scroll",g].join("-"));this.$element.one("bsTransitionEnd",a.proxy(h,this)).emulateTransitionEnd(d.TRANSITION_DURATION)[g](this.$element[0][i])}}}},d.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse in").attr("aria-expanded",!1),this.$trigger.addClass("collapsed").attr("aria-expanded",!1),this.transitioning=1;var e=function(){this.transitioning=0,this.$element.removeClass("collapsing").addClass("collapse").trigger("hidden.bs.collapse")};return a.support.transition?void this.$element[c](0).one("bsTransitionEnd",a.proxy(e,this)).emulateTransitionEnd(d.TRANSITION_DURATION):e.call(this)}}},d.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()},d.prototype.getParent=function(){return a(this.options.parent).find('[data-toggle="collapse"][data-parent="'+this.options.parent+'"]').each(a.proxy(function(c,d){var e=a(d);this.addAriaAndCollapsedClass(b(e),e)},this)).end()},d.prototype.addAriaAndCollapsedClass=function(a,b){var c=a.hasClass("in");a.attr("aria-expanded",c),b.toggleClass("collapsed",!c).attr("aria-expanded",c)};var e=a.fn.collapse;a.fn.collapse=c,a.fn.collapse.Constructor=d,a.fn.collapse.noConflict=function(){return a.fn.collapse=e,this},a(document).on("click.bs.collapse.data-api",'[data-toggle="collapse"]',function(d){var e=a(this);e.attr("data-target")||d.preventDefault();var f=b(e),g=f.data("bs.collapse"),h=g?"toggle":e.data();c.call(f,h)})}(jQuery),+function(a){"use strict";function b(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#[A-Za-z]/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}function c(c){c&&3===c.which||(a(e).remove(),a(f).each(function(){var d=a(this),e=b(d),f={relatedTarget:this};e.hasClass("open")&&(c&&"click"==c.type&&/input|textarea/i.test(c.target.tagName)&&a.contains(e[0],c.target)||(e.trigger(c=a.Event("hide.bs.dropdown",f)),c.isDefaultPrevented()||(d.attr("aria-expanded","false"),e.removeClass("open").trigger("hidden.bs.dropdown",f))))}))}function d(b){return this.each(function(){var c=a(this),d=c.data("bs.dropdown");d||c.data("bs.dropdown",d=new g(this)),"string"==typeof b&&d[b].call(c)})}var e=".dropdown-backdrop",f='[data-toggle="dropdown"]',g=function(b){a(b).on("click.bs.dropdown",this.toggle)};g.VERSION="3.3.5",g.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=b(e),g=f.hasClass("open");if(c(),!g){"ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a(document.createElement("div")).addClass("dropdown-backdrop").insertAfter(a(this)).on("click",c);var h={relatedTarget:this};if(f.trigger(d=a.Event("show.bs.dropdown",h)),d.isDefaultPrevented())return;e.trigger("focus").attr("aria-expanded","true"),f.toggleClass("open").trigger("shown.bs.dropdown",h)}return!1}},g.prototype.keydown=function(c){if(/(38|40|27|32)/.test(c.which)&&!/input|textarea/i.test(c.target.tagName)){var d=a(this);if(c.preventDefault(),c.stopPropagation(),!d.is(".disabled, :disabled")){var e=b(d),g=e.hasClass("open");if(!g&&27!=c.which||g&&27==c.which)return 27==c.which&&e.find(f).trigger("focus"),d.trigger("click");var h=" li:not(.disabled):visible a",i=e.find(".dropdown-menu"+h);if(i.length){var j=i.index(c.target);38==c.which&&j>0&&j--,40==c.which&&jdocument.documentElement.clientHeight;this.$element.css({paddingLeft:!this.bodyIsOverflowing&&a?this.scrollbarWidth:"",paddingRight:this.bodyIsOverflowing&&!a?this.scrollbarWidth:""})},c.prototype.resetAdjustments=function(){this.$element.css({paddingLeft:"",paddingRight:""})},c.prototype.checkScrollbar=function(){var a=window.innerWidth;if(!a){var b=document.documentElement.getBoundingClientRect();a=b.right-Math.abs(b.left)}this.bodyIsOverflowing=document.body.clientWidth
',trigger:"hover focus",title:"",delay:0,html:!1,container:!1,viewport:{selector:"body",padding:0}},c.prototype.init=function(b,c,d){if(this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d),this.$viewport=this.options.viewport&&a(a.isFunction(this.options.viewport)?this.options.viewport.call(this,this.$element):this.options.viewport.selector||this.options.viewport),this.inState={click:!1,hover:!1,focus:!1},this.$element[0]instanceof document.constructor&&!this.options.selector)throw new Error("`selector` option must be specified when initializing "+this.type+" on the window.document object!");for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focusin",i="hover"==g?"mouseleave":"focusout";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},c.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},c.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);return c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),b instanceof a.Event&&(c.inState["focusin"==b.type?"focus":"hover"]=!0),c.tip().hasClass("in")||"in"==c.hoverState?void(c.hoverState="in"):(clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?void(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show)):c.show())},c.prototype.isInStateTrue=function(){for(var a in this.inState)if(this.inState[a])return!0;return!1},c.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);return c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),b instanceof a.Event&&(c.inState["focusout"==b.type?"focus":"hover"]=!1),c.isInStateTrue()?void 0:(clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?void(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide)):c.hide())},c.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(b);var d=a.contains(this.$element[0].ownerDocument.documentElement,this.$element[0]);if(b.isDefaultPrevented()||!d)return;var e=this,f=this.tip(),g=this.getUID(this.type);this.setContent(),f.attr("id",g),this.$element.attr("aria-describedby",g),this.options.animation&&f.addClass("fade");var h="function"==typeof this.options.placement?this.options.placement.call(this,f[0],this.$element[0]):this.options.placement,i=/\s?auto?\s?/i,j=i.test(h);j&&(h=h.replace(i,"")||"top"),f.detach().css({top:0,left:0,display:"block"}).addClass(h).data("bs."+this.type,this),this.options.container?f.appendTo(this.options.container):f.insertAfter(this.$element),this.$element.trigger("inserted.bs."+this.type);var k=this.getPosition(),l=f[0].offsetWidth,m=f[0].offsetHeight;if(j){var n=h,o=this.getPosition(this.$viewport);h="bottom"==h&&k.bottom+m>o.bottom?"top":"top"==h&&k.top-mo.width?"left":"left"==h&&k.left-lg.top+g.height&&(e.top=g.top+g.height-i)}else{var j=b.left-f,k=b.left+f+c;jg.right&&(e.left=g.left+g.width-k)}return e},c.prototype.getTitle=function(){var a,b=this.$element,c=this.options;return a=b.attr("data-original-title")||("function"==typeof c.title?c.title.call(b[0]):c.title)},c.prototype.getUID=function(a){do a+=~~(1e6*Math.random());while(document.getElementById(a));return a},c.prototype.tip=function(){if(!this.$tip&&(this.$tip=a(this.options.template),1!=this.$tip.length))throw new Error(this.type+" `template` option must consist of exactly 1 top-level element!");return this.$tip},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},c.prototype.enable=function(){this.enabled=!0},c.prototype.disable=function(){this.enabled=!1},c.prototype.toggleEnabled=function(){this.enabled=!this.enabled},c.prototype.toggle=function(b){var c=this;b&&(c=a(b.currentTarget).data("bs."+this.type),c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c))),b?(c.inState.click=!c.inState.click,c.isInStateTrue()?c.enter(c):c.leave(c)):c.tip().hasClass("in")?c.leave(c):c.enter(c)},c.prototype.destroy=function(){var a=this;clearTimeout(this.timeout),this.hide(function(){a.$element.off("."+a.type).removeData("bs."+a.type),a.$tip&&a.$tip.detach(),a.$tip=null,a.$arrow=null,a.$viewport=null})};var d=a.fn.tooltip;a.fn.tooltip=b,a.fn.tooltip.Constructor=c,a.fn.tooltip.noConflict=function(){return a.fn.tooltip=d,this}}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.popover"),f="object"==typeof b&&b;(e||!/destroy|hide/.test(b))&&(e||d.data("bs.popover",e=new c(this,f)),"string"==typeof b&&e[b]())})}var c=function(a,b){this.init("popover",a,b)};if(!a.fn.tooltip)throw new Error("Popover requires tooltip.js");c.VERSION="3.3.5",c.DEFAULTS=a.extend({},a.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:''}),c.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),c.prototype.constructor=c,c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content").children().detach().end()[this.options.html?"string"==typeof c?"html":"append":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},c.prototype.hasContent=function(){return this.getTitle()||this.getContent()},c.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")};var d=a.fn.popover;a.fn.popover=b,a.fn.popover.Constructor=c,a.fn.popover.noConflict=function(){return a.fn.popover=d,this}}(jQuery),+function(a){"use strict";function b(c,d){this.$body=a(document.body),this.$scrollElement=a(a(c).is(document.body)?window:c),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||"")+" .nav li > a",this.offsets=[],this.targets=[],this.activeTarget=null,this.scrollHeight=0,this.$scrollElement.on("scroll.bs.scrollspy",a.proxy(this.process,this)),this.refresh(),this.process()}function c(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})}b.VERSION="3.3.5",b.DEFAULTS={offset:10},b.prototype.getScrollHeight=function(){return this.$scrollElement[0].scrollHeight||Math.max(this.$body[0].scrollHeight,document.documentElement.scrollHeight)},b.prototype.refresh=function(){var b=this,c="offset",d=0;this.offsets=[],this.targets=[],this.scrollHeight=this.getScrollHeight(),a.isWindow(this.$scrollElement[0])||(c="position",d=this.$scrollElement.scrollTop()),this.$body.find(this.selector).map(function(){var b=a(this),e=b.data("target")||b.attr("href"),f=/^#./.test(e)&&a(e);return f&&f.length&&f.is(":visible")&&[[f[c]().top+d,e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){b.offsets.push(this[0]),b.targets.push(this[1])})},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.getScrollHeight(),d=this.options.offset+c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(this.scrollHeight!=c&&this.refresh(),b>=d)return g!=(a=f[f.length-1])&&this.activate(a);if(g&&b=e[a]&&(void 0===e[a+1]||b .dropdown-menu > .active").removeClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!1),b.addClass("active").find('[data-toggle="tab"]').attr("aria-expanded",!0),h?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu").length&&b.closest("li.dropdown").addClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!0),e&&e()}var g=d.find("> .active"),h=e&&a.support.transition&&(g.length&&g.hasClass("fade")||!!d.find("> .fade").length);g.length&&h?g.one("bsTransitionEnd",f).emulateTransitionEnd(c.TRANSITION_DURATION):f(),g.removeClass("in")};var d=a.fn.tab;a.fn.tab=b,a.fn.tab.Constructor=c,a.fn.tab.noConflict=function(){return a.fn.tab=d,this};var e=function(c){c.preventDefault(),b.call(a(this),"show")};a(document).on("click.bs.tab.data-api",'[data-toggle="tab"]',e).on("click.bs.tab.data-api",'[data-toggle="pill"]',e)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof b&&b;e||d.data("bs.affix",e=new c(this,f)),"string"==typeof b&&e[b]()})}var c=function(b,d){this.options=a.extend({},c.DEFAULTS,d),this.$target=a(this.options.target).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(b),this.affixed=null,this.unpin=null,this.pinnedOffset=null,this.checkPosition()};c.VERSION="3.3.5",c.RESET="affix affix-top affix-bottom",c.DEFAULTS={offset:0,target:window},c.prototype.getState=function(a,b,c,d){var e=this.$target.scrollTop(),f=this.$element.offset(),g=this.$target.height();if(null!=c&&"top"==this.affixed)return c>e?"top":!1;if("bottom"==this.affixed)return null!=c?e+this.unpin<=f.top?!1:"bottom":a-d>=e+g?!1:"bottom";var h=null==this.affixed,i=h?e:f.top,j=h?g:b;return null!=c&&c>=e?"top":null!=d&&i+j>=a-d?"bottom":!1},c.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(c.RESET).addClass("affix");var a=this.$target.scrollTop(),b=this.$element.offset();return this.pinnedOffset=b.top-a},c.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},c.prototype.checkPosition=function(){if(this.$element.is(":visible")){var b=this.$element.height(),d=this.options.offset,e=d.top,f=d.bottom,g=Math.max(a(document).height(),a(document.body).height());"object"!=typeof d&&(f=e=d),"function"==typeof e&&(e=d.top(this.$element)),"function"==typeof f&&(f=d.bottom(this.$element));var h=this.getState(g,b,e,f);if(this.affixed!=h){null!=this.unpin&&this.$element.css("top","");var i="affix"+(h?"-"+h:""),j=a.Event(i+".bs.affix");if(this.$element.trigger(j),j.isDefaultPrevented())return;this.affixed=h,this.unpin="bottom"==h?this.getPinnedOffset():null,this.$element.removeClass(c.RESET).addClass(i).trigger(i.replace("affix","affixed")+".bs.affix")}"bottom"==h&&this.$element.offset({top:g-b-f})}};var d=a.fn.affix;a.fn.affix=b,a.fn.affix.Constructor=c,a.fn.affix.noConflict=function(){return a.fn.affix=d,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var c=a(this),d=c.data();d.offset=d.offset||{},null!=d.offsetBottom&&(d.offset.bottom=d.offsetBottom),null!=d.offsetTop&&(d.offset.top=d.offsetTop),b.call(c,d)})})}(jQuery); -------------------------------------------------------------------------------- /shopping.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Bootstrap Example 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 712 | 713 | 714 | --------------------------------------------------------------------------------