SHOW:
|
|
- or go back to the newest paste.
1 | <nav style="box-shadow: none;"> | |
2 | <div class="nav-wrapper white"> | |
3 | <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons blue-text text-lighten-3">menu</i></a> | |
4 | <ul id="nav-mobile" class="right hide-on-med-and-down blue-text text-lighten-3"> | |
5 | <li> <b>Textto</b> </li> | |
6 | <li> <b><a href="../funcoes/php/sair.php" class="blue-text text-lighten-3"> Sair</a></b></li> | |
7 | </ul> | |
8 | <ul class="side-nav blue-grey lighten-5 black-text" id="mobile-demo"> | |
9 | <li> Olรก,<b>Usuario</b> </li> | |
10 | <li> <b><a href="../funcoes/php/sair.php"> Sair</a></b></li> | |
11 | </ul> | |
12 | </div> | |
13 | </nav> | |
14 | ||
15 | <!-- | |
16 | <ul id="slide-out" class="side-nav fixed z-depth-2"> | |
17 | <li class="center no-padding"> | |
18 | <div class="indigo darken-2 white-text" style="height: 180px;"> | |
19 | <div class="row"> | |
20 | <img style="margin-top: 5%;" width="100" height="100" src="https://res.cloudinary.com/dacg0wegv/image/upload/t_media_lib_thumb/v1463990208/photo_dkkrxc.png" class="circle responsive-img" /> | |
21 | ||
22 | <p style="margin-top: -8%;"> | |
23 | Tirth Patel | |
24 | </p> | |
25 | </div> | |
26 | </div> | |
27 | </li> | |
28 | <li id="dash_dashboard" class="active"><a class="waves-effect" href="#!"><b>Dashboard</b></a></li> | |
29 | ||
30 | <ul class="collapsible" data-collapsible="accordion"> | |
31 | <li id="dash_users"> | |
32 | <div id="dash_users_header" class="collapsible-header waves-effect"><b>Users</b></div> | |
33 | <div id="dash_users_body" class="collapsible-body"> | |
34 | <ul> | |
35 | <li id="users_seller"> | |
36 | <a class="waves-effect" style="text-decoration: none;" href="#!">Seller</a> | |
37 | </li> | |
38 | ||
39 | <li id="users_customer"> | |
40 | <a class="waves-effect" style="text-decoration: none;" href="#!">Customer</a> | |
41 | </li> | |
42 | </ul> | |
43 | </div> | |
44 | </li> | |
45 | ||
46 | <li id="dash_products"> | |
47 | <div id="dash_products_header" class="collapsible-header waves-effect"><b>Products</b></div> | |
48 | <div id="dash_products_body" class="collapsible-body"> | |
49 | <ul> | |
50 | <li id="products_product"> | |
51 | <a class="waves-effect" style="text-decoration: none;" href="#!">Products</a> | |
52 | <a class="waves-effect" style="text-decoration: none;" href="#!">Orders</a> | |
53 | </li> | |
54 | </ul> | |
55 | </div> | |
56 | </li> | |
57 | ||
58 | <li id="dash_categories"> | |
59 | <div id="dash_categories_header" class="collapsible-header waves-effect"><b>Categories</b></div> | |
60 | <div id="dash_categories_body" class="collapsible-body"> | |
61 | <ul> | |
62 | <li id="categories_category"> | |
63 | <a class="waves-effect" style="text-decoration: none;" href="#!">Category</a> | |
64 | </li> | |
65 | ||
66 | <li id="categories_sub_category"> | |
67 | <a class="waves-effect" style="text-decoration: none;" href="#!">Sub Category</a> | |
68 | </li> | |
69 | </ul> | |
70 | </div> | |
71 | </li> | |
72 | ||
73 | <li id="dash_brands"> | |
74 | <div id="dash_brands_header" class="collapsible-header waves-effect"><b>Brands</b></div> | |
75 | <div id="dash_brands_body" class="collapsible-body"> | |
76 | <ul> | |
77 | <li id="brands_brand"> | |
78 | <a class="waves-effect" style="text-decoration: none;" href="#!">Brand</a> | |
79 | </li> | |
80 | ||
81 | <li id="brands_sub_brand"> | |
82 | <a class="waves-effect" style="text-decoration: none;" href="#!">Sub Brand</a> | |
83 | </li> | |
84 | </ul> | |
85 | </div> | |
86 | </li> | |
87 | </ul> | |
88 | </ul> | |
89 | ||
90 | <header> | |
91 | <ul class="dropdown-content" id="user_dropdown"> | |
92 | <li><a class="indigo-text" href="#!">Profile</a></li> | |
93 | <li><a class="indigo-text" href="#!">Logout</a></li> | |
94 | </ul> | |
95 | --> | |
96 | <nav class="indigo" role="navigation"> | |
97 | <div class="nav-wrapper"> | |
98 | <a data-activates="slide-out" class="button-collapse show-on-" href="#!"><img style="margin-top: 17px; margin-left: 5px;" src="https://res.cloudinary.com/dacg0wegv/image/upload/t_media_lib_thumb/v1463989873/smaller-main-logo_3_bm40iv.gif" /></a> | |
99 | ||
100 | <ul class="right hide-on-med-and-down"> | |
101 | <li> | |
102 | <a class='right dropdown-button' href='' data-activates='user_dropdown'><i class=' material-icons'>account_circle</i></a> | |
103 | </li> | |
104 | </ul> | |
105 | ||
106 | <a href="#" data-activates="slide-out" class="button-collapse"><i class="mdi-navigation-menu"></i></a> | |
107 | </div> | |
108 | </nav> | |
109 | ||
110 | <nav> | |
111 | <div class="nav-wrapper indigo darken-2"> | |
112 | <a style="margin-left: 20px;" class="breadcrumb" href="#!">Admin</a> | |
113 | <a class="breadcrumb" href="#!">Index</a> | |
114 | ||
115 | <div style="margin-right: 20px;" id="timestamp" class="right"></div> | |
116 | </div> | |
117 | </nav> | |
118 | </header> | |
119 | ||
120 | <main> | |
121 | <div class="row"> | |
122 | <div class="col s6"> | |
123 | <div style="padding: 35px;" align="center" class="card"> | |
124 | <div class="row"> | |
125 | <div class="left card-title"> | |
126 | <b>User Management</b> | |
127 | </div> | |
128 | </div> | |
129 | ||
130 | <div class="row"> | |
131 | <a href="#!"> | |
132 | <div style="padding: 30px;" class="grey lighten-3 col s5 waves-effect"> | |
133 | <img src="https://res.cloudinary.com/dacg0wegv/image/upload/t_media_lib_thumb/v1463989968/seller_rcnkab.png" class="responsive-img" /><br> | |
134 | <span class="indigo-text text-lighten-1"><h5>Seller</h5></span> | |
135 | </div> | |
136 | </a> | |
137 | <div class="col s1"> </div> | |
138 | <div class="col s1"> </div> | |
139 | ||
140 | <a href="#!"> | |
141 | <div style="padding: 30px;" class="grey lighten-3 col s5 waves-effect"> | |
142 | <img src="https://res.cloudinary.com/dacg0wegv/image/upload/t_media_lib_thumb/v1463989969/people_2_knqa3y.png" class="responsive-img" /><br> | |
143 | <span class="indigo-text text-lighten-1"><h5>Customer</h5></span> | |
144 | </div> | |
145 | </a> | |
146 | </div> | |
147 | </div> | |
148 | </div> | |
149 | ||
150 | <div class="col s6"> | |
151 | <div style="padding: 35px;" align="center" class="card"> | |
152 | <div class="row"> | |
153 | <div class="left card-title"> | |
154 | <b>Product Management</b> | |
155 | </div> | |
156 | </div> | |
157 | <div class="row"> | |
158 | <a href="#!"> | |
159 | <div style="padding: 30px;" class="grey lighten-3 col s5 waves-effect"> | |
160 | <img src="https://res.cloudinary.com/dacg0wegv/image/upload/t_media_lib_thumb/v1463989970/product_mdq6fq.png" class="responsive-img" /><br> | |
161 | <span class="indigo-text text-lighten-1"><h5>Product</h5></span> | |
162 | </div> | |
163 | </a> | |
164 | ||
165 | <div class="col s1"> </div> | |
166 | <div class="col s1"> </div> | |
167 | ||
168 | <a href="#!"> | |
169 | <div style="padding: 30px;" class="grey lighten-3 col s5 waves-effect"> | |
170 | <img src="https://res.cloudinary.com/dacg0wegv/image/upload/t_media_lib_thumb/v1463989970/stack_rwg2mz.png" class="responsive-img" /><br> | |
171 | <span class="indigo-text text-lighten-1"><h5>Orders</h5></span> | |
172 | </div> | |
173 | </a> | |
174 | </div> | |
175 | </div> | |
176 | </div> | |
177 | </div> | |
178 | ||
179 | <div class="row"> | |
180 | <div class="col s6"> | |
181 | <div style="padding: 35px;" align="center" class="card"> | |
182 | <div class="row"> | |
183 | <div class="left card-title"> | |
184 | <b>Brand Management</b> | |
185 | </div> | |
186 | </div> | |
187 | ||
188 | <div class="row"> | |
189 | <a href="#!"> | |
190 | <div style="padding: 30px;" class="grey lighten-3 col s5 waves-effect"> | |
191 | <img src="https://res.cloudinary.com/dacg0wegv/image/upload/t_media_lib_thumb/v1463989969/brand_lldqpu.png" class="responsive-img" /><br> | |
192 | <span class="indigo-text text-lighten-1"><h5>Brand</h5></span> | |
193 | </div> | |
194 | </a> | |
195 | ||
196 | <div class="col s1"> </div> | |
197 | <div class="col s1"> </div> | |
198 | ||
199 | <a href="#!"> | |
200 | <div style="padding: 30px;" class="grey lighten-3 col s5 waves-effect"> | |
201 | <img src="https://res.cloudinary.com/dacg0wegv/image/upload/t_media_lib_thumb/v1463989969/brand_lldqpu.png" class="responsive-img" /><br> | |
202 | <span class="indigo-text text-lighten-1"><h5>Sub Brand</h5></span> | |
203 | </div> | |
204 | </a> | |
205 | </div> | |
206 | </div> | |
207 | </div> | |
208 | ||
209 | <div class="col s6"> | |
210 | <div style="padding: 35px;" align="center" class="card"> | |
211 | <div class="row"> | |
212 | <div class="left card-title"> | |
213 | <b>Category Management</b> | |
214 | </div> | |
215 | </div> | |
216 | <div class="row"> | |
217 | <a href="#!"> | |
218 | <div style="padding: 30px;" class="grey lighten-3 col s5 waves-effect"> | |
219 | <img src="https://res.cloudinary.com/dacg0wegv/image/upload/t_media_lib_thumb/v1463989969/squares_dylwo9.png" class="responsive-img" /><br> | |
220 | <span class="indigo-text text-lighten-1"><h5>Category</h5></span> | |
221 | </div> | |
222 | </a> | |
223 | <div class="col s1"> </div> | |
224 | <div class="col s1"> </div> | |
225 | ||
226 | <a href="#!"> | |
227 | <div style="padding: 30px;" class="grey lighten-3 col s5 waves-effect"> | |
228 | <img src="https://res.cloudinary.com/dacg0wegv/image/upload/t_media_lib_thumb/v1463989969/squares_dylwo9.png" class="responsive-img" /><br> | |
229 | <span class="truncate indigo-text text-lighten-1"><h5>Sub Category</h5></span> | |
230 | </div> | |
231 | </a> | |
232 | </div> | |
233 | </div> | |
234 | </div> | |
235 | </div> | |
236 | ||
237 | <div class="fixed-action-btn click-to-toggle" style="bottom: 45px; right: 24px;"> | |
238 | <a class="btn-floating btn-large pink waves-effect waves-light"> | |
239 | <i class="large material-icons">add</i> | |
240 | </a> | |
241 | ||
242 | <ul> | |
243 | <li> | |
244 | <a class="btn-floating red"><i class="material-icons">note_add</i></a> | |
245 | <a href="" class="btn-floating fab-tip">Add a note</a> | |
246 | </li> | |
247 | ||
248 | <li> | |
249 | <a class="btn-floating yellow darken-1"><i class="material-icons">add_a_photo</i></a> | |
250 | <a href="" class="btn-floating fab-tip">Add a photo</a> | |
251 | </li> | |
252 | ||
253 | <li> | |
254 | <a class="btn-floating green"><i class="material-icons">alarm_add</i></a> | |
255 | <a href="" class="btn-floating fab-tip">Add an alarm</a> | |
256 | </li> | |
257 | ||
258 | <li> | |
259 | <a class="btn-floating blue"><i class="material-icons">vpn_key</i></a> | |
260 | <a href="" class="btn-floating fab-tip">Add a master password</a> | |
261 | </li> | |
262 | </ul> | |
263 | </div> | |
264 | </main> | |
265 | ||
266 | <footer class="indigo page-footer"> | |
267 | <div class="container"> | |
268 | <div class="row"> | |
269 | <div class="col s12"> | |
270 | <h5 class="white-text">Icon Credits</h5> | |
271 | <ul id='credits'> | |
272 | <li> | |
273 | Gif Logo made using <a href="http://formtypemaker.appspot.com/" title="Form Type Maker">Form Type Maker</a> from <a href="https://github.com/romannurik/FORMTypeMaker" title="romannurik">romannurik</a> | |
274 | </li> | |
275 | <li> | |
276 | Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" | |
277 | - | </div> |
277 | + | |
278 | </li> | |
279 | <li> | |
280 | Icons made by <a href="http://www.flaticon.com/authors/picol" title="Picol">Picol</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" | |
281 | target="_blank">CC 3.0 BY</a> | |
282 | </li> | |
283 | </ul> | |
284 | </div> | |
285 | </div> | |
286 | </div> | |
287 | <div class="footer-copyright"> | |
288 | <div class="container"> | |
289 | <span>Made By <a style='font-weight: bold;' href="">Tirth Patel</a></span> | |
290 | </div> | |
291 | </div> | |
292 | <script> | |
293 | $(document).ready(function () { | |
294 | $(".button-collapse").sideNav(); | |
295 | }); | |
296 | </script> |