View difference between Paste ID: HFQyDMji and J2Gt5bvS
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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
6
                            <li>&nbsp;&nbsp;&nbsp;<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>&nbsp;&nbsp;&nbsp;Olรก,<b>Usuario</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
10
                            <li>&nbsp;&nbsp;&nbsp;<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">&nbsp;</div>
138
            <div class="col s1">&nbsp;</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">&nbsp;</div>
166
            <div class="col s1">&nbsp;</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">&nbsp;</div>
197
            <div class="col s1">&nbsp;</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">&nbsp;</div>
224
            <div class="col s1">&nbsp;</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>