xxxxxxxxxx1
<div class="fixed-sn white-skin">2
3
<!--Main Navigation-->4
<header>5
6
<!-- Sidebar navigation -->7
<div id="slide-out" class="side-nav sn-bg-4 fixed">8
<ul class="custom-scrollbar">9
<!-- Logo -->10
<li class="logo-sn waves-effect">11
<div class="text-center">12
<a href="#" class="pl-0"><img src="https://mdbootstrap.com/img/logo/mdb-transaprent-noshadows.png" class=""></a>13
</div>14
</li>15
<!--/. Logo -->16
17
<!--Search Form-->18
<li>19
<form class="search-form" role="search">20
<div class="form-group md-form mt-0 pt-1 waves-light">21
<input type="text" class="form-control" placeholder="Search">22
</div>23
</form>24
</li>25
<!--/.Search Form-->26
<!-- Side navigation links -->27
<li>28
<ul class="collapsible collapsible-accordion">29
<li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-tachometer"></i> Dashboards<i class="fa fa-angle-down rotate-icon"></i></a>30
<div class="collapsible-body">31
<ul>32
<li><a href="../dashboards/v-1.html" class="waves-effect">Version 1</a>33
</li>34
<li><a href="../dashboards/v-2.html" class="waves-effect">Version 2</a>35
</li>36
<li><a href="../dashboards/v-3.html" class="waves-effect">Version 3</a>37
</li>38
<li><a href="../dashboards/v-4.html" class="waves-effect">Version 4</a>39
</li>40
<li><a href="../dashboards/v-5.html" class="waves-effect">Version 5</a>41
</li>42
<li><a href="../dashboards/v-6.html" class="waves-effect">Version 6</a>43
</li>44
</ul>45
</div>46
</li>47
<li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-photo"></i> Pages<i class="fa fa-angle-down rotate-icon"></i></a>48
<div class="collapsible-body">49
<ul>50
<li><a href="../pages/login.html" class="waves-effect">Login</a>51
</li>52
<li><a href="../pages/register.html" class="waves-effect">Register</a>53
</li>54
<li><a href="../pages/pricing.html" class="waves-effect">Pricing</a>55
</li>56
<li><a href="../pages/about.html" class="waves-effect">About us</a>57
</li>58
<li><a href="../pages/single.html" class="waves-effect">Single post</a>59
</li>60
<li><a href="../pages/post.html" class="waves-effect">Post listing</a>61
</li>62
<li><a href="../pages/landing.html" class="waves-effect">Landing page</a>63
</li>64
<li><a href="../pages/customers.html" class="waves-effect">Cusomers</a>65
</li>66
<li><a href="../pages/invoice.html" class="waves-effect">Invoice</a>67
</li>68
<li><a href="../pages/page-creator.html" class="waves-effect">Page Creator</a>69
</li>70
<li><a href="../pages/support.html" class="waves-effect">Support</a>71
</li>72
<li><a href="../pages/chat.html" class="waves-effect">Chat</a>73
</li>74
</ul>75
</div>76
</li>77
<li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-user"></i> Profile<i class="fa fa-angle-down rotate-icon"></i></a>78
<div class="collapsible-body">79
<ul>80
<li><a href="../profile/basic-1.html" class="waves-effect">Basic 1</a>81
</li>82
<li><a href="../profile/basic-2.html" class="waves-effect">Basic 2</a>83
</li>84
<li><a href="../profile/extended.html" class="waves-effect">Extended</a>85
</li>86
</ul>87
</div>88
</li>89
<li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-css3"></i> CSS<i class="fa fa-angle-down rotate-icon"></i></a>90
<div class="collapsible-body">91
<ul>92
<li><a href="../css/grid.html" class="waves-effect">Grid system</a>93
</li>94
<li><a href="../css/media.html" class="waves-effect">Media object</a>95
</li>96
<li><a href="../css/utilities.html" class="waves-effect">Utilities / helpers</a>97
</li>98
<li><a href="../css/code.html" class="waves-effect">Code</a>99
</li>100
<li><a href="../css/icons.html" class="waves-effect">Icons</a>101
</li>102
<li><a href="../css/images.html" class="waves-effect">Images</a>103
</li>104
<li><a href="../css/typography.html" class="waves-effect">Typography</a>105
</li>106
<li><a href="../css/animations.html" class="waves-effect">Animations</a>107
</li>108
<li><a href="../css/colors.html" class="waves-effect">Colors</a>109
</li>110
<li><a href="../css/hover.html" class="waves-effect">Hover effects</a>111
</li>112
<li><a href="../css/masks.html" class="waves-effect">Masks</a>113
</li>114
<li><a href="../css/shadows.html" class="waves-effect">Shadows</a>115
</li>116
<li><a href="../css/skins.html" class="waves-effect">Skins</a>117
</li>118
</ul>119
</div>120
</li>121
<li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-th"></i> Components<i class="fa fa-angle-down rotate-icon"></i></a>122
<div class="collapsible-body">123
<ul>124
<li><a href="../components/buttons.html" class="waves-effect">Buttons</a>125
</li>126
<li><a href="../components/cards.html" class="waves-effect">Cards</a>127
</li>128
<li><a href="../components/panels.html" class="waves-effect">Panels</a>129
</li>130
<li><a href="../components/list.html" class="waves-effect">List group</a>131
</li>132
<li><a href="../components/pagination.html" class="waves-effect">Pagination</a>133
</li>134
<li><a href="../components/progress.html" class="waves-effect">Progress bars</a>135
</li>136
<li><a href="../components/tabs.html" class="waves-effect">Tabs & pills</a>137
</li>138
<li><a href="../components/tags.html" class="waves-effect">Tags, labels & badges</a>139
</li>140
<li><a href="../components/collapse.html" class="waves-effect">Collapse</a>141
</li>142
<li><a href="../components/date.html" class="waves-effect">Date picker</a>143
</li>144
<li><a href="../components/time.html" class="waves-effect">Time picker</a>145
</li>146
<li><a href="../components/tooltips.html" class="waves-effect">Tooltips</a>147
</li>148
<li><a href="../components/popovers.html" class="waves-effect">Popovers</a>149
</li>150
<li><a href="../components/stepper.html" class="waves-effect">Stepper</a>151
</li>152
</ul>153
</div>154
</li>155
<li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-check-square-o"></i> Forms<i class="fa fa-angle-down rotate-icon"></i></a>156
<div class="collapsible-body">157
<ul>158
<li><a href="../forms/basic.html" class="waves-effect">Basic</a>159
</li>160
<li><a href="../forms/extended.html" class="waves-effect">Extended</a>161
</li>162
</ul>163
</div>164
</li>165
<li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-table"></i> Tables<i class="fa fa-angle-down rotate-icon"></i></a>166
<div class="collapsible-body">167
<ul>168
<li><a href="../tables/basic.html" class="waves-effect">Basic</a>169
</li>170
<li><a href="../tables/extended.html" class="waves-effect">Extended</a>171
</li>172
<li><a href="../tables/datatables.html" class="waves-effect">DataTables.net</a>173
</li>174
</ul>175
</div>176
</li>177
<li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-map"></i> Maps<i class="fa fa-angle-down rotate-icon"></i></a>178
<div class="collapsible-body">179
<ul>180
<li><a href="../maps/google.html" class="waves-effect">Google Maps</a>181
</li>182
<li><a href="../maps/full.html" class="waves-effect">Full screen map</a>183
</li>184
<li><a href="../maps/vector.html" class="waves-effect">Vector world map</a>185
</li>186
</ul>187
</div>188
</li>189
<!-- Simple link -->190
<li><a href="../alerts/alerts.html" class="collapsible-header waves-effect"><i class="fa fa-bell-o"></i> Alerts</a></li>191
192
<li><a href="../modals/modals.html" class="collapsible-header waves-effect"><i class="fa fa-bolt"></i> Modals</a></li>193
194
<li><a href="../charts/charts.html" class="collapsible-header waves-effect"><i class="fa fa-pie-chart"></i> Charts</a></li>195
196
<li><a href="../calendar/calendar.html" class="collapsible-header waves-effect"><i class="fa fa-calendar-check-o"></i> Calendar</a></li>197
198
<li><a href="../sections/sections.html" class="collapsible-header waves-effect"><i class="fa fa-th-large"></i> Sections</a></li>199
200
</ul>201
</li>202
<!--/. Side navigation links -->203
</ul>204
<div class="sidenav-bg mask-strong"></div>205
</div>206
<!--/. Sidebar navigation -->207
208
<!-- Navbar -->209
<nav class="navbar fixed-top navbar-expand-lg scrolling-navbar double-nav">210
<!-- SideNav slide-out button -->211
<div class="float-left">212
<a href="#" data-activates="slide-out" class="button-collapse black-text"><i class="fa fa-bars"></i></a>213
</div>214
<!-- Breadcrumb-->215
<div class="breadcrumb-dn mr-auto">216
<p>Full page map</p>217
</div>218
219
<!--Navbar links-->220
<ul class="nav navbar-nav nav-flex-icons ml-auto">221
222
<!-- Dropdown -->223
<li class="nav-item dropdown notifications-nav">224
<a class="nav-link dropdown-toggle waves-effect" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true"225
aria-expanded="false">226
<span class="badge red">3</span> <i class="fa fa-bell"></i>227
<span class="d-none d-md-inline-block">Notifications</span>228
</a>229
<div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink">230
<a class="dropdown-item" href="#">231
<i class="fa fa-money mr-2" aria-hidden="true"></i>232
<span>New order received</span>233
<span class="float-right"><i class="fa fa-clock-o" aria-hidden="true"></i> 13 min</span>234
</a>235
<a class="dropdown-item" href="#">236
<i class="fa fa-money mr-2" aria-hidden="true"></i>237
<span>New order received</span>238
<span class="float-right"><i class="fa fa-clock-o" aria-hidden="true"></i> 33 min</span>239
</a>240
<a class="dropdown-item" href="#">241
<i class="fa fa-line-chart mr-2" aria-hidden="true"></i>242
<span>Your campaign is about to end</span>243
<span class="float-right"><i class="fa fa-clock-o" aria-hidden="true"></i> 53 min</span>244
</a>245
</div>246
</li>247
<li class="nav-item">248
<a class="nav-link waves-effect"><i class="fa fa-envelope"></i> <span class="clearfix d-none d-sm-inline-block">Contact</span></a>249
</li>250
<li class="nav-item">251
<a class="nav-link waves-effect"><i class="fa fa-comments-o"></i> <span class="clearfix d-none d-sm-inline-block">Support</span></a>252
</li>253
<li class="nav-item dropdown">254
<a class="nav-link dropdown-toggle waves-effect" href="#" id="userDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">255
<i class="fa fa-user"></i> <span class="clearfix d-none d-sm-inline-block">Profile</span></a>256
</a>257
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown">258
<a class="dropdown-item" href="#">Log Out</a>259
<a class="dropdown-item" href="#">My account</a>260
</div>261
</li>262
263
</ul>264
<!--/Navbar links-->265
</nav>266
<!-- /.Navbar -->267
268
</header>269
<!--Main Navigation-->270
271
<!--Main layout-->272
<main class=" m-0 p-0">273
<div class="container-fluid m-0 p-0">274
275
<!--Google map-->276
<div id="map-container" class="z-depth-1-half map-container" style="height: 500px">277
<iframe src="https://maps.google.com/maps?q=manhatan&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0"278
style="border:0" allowfullscreen></iframe>279
</div>280
281
</div>282
</main>283
<!--Main layout-->284
285
<!--Footer-->286
<footer class="page-footer pt-0 mt-0">287
288
<!--Copyright-->289
<div class="footer-copyright py-3 text-center">290
<div class="container-fluid">291
© 2018 Copyright: <a href="https://mdbootstrap.com/bootstrap-tutorial/" target="_blank"> MDBootstrap.com </a>292
293
</div>294
</div>295
<!--/.Copyright-->296
297
</footer>298
<!--/.Footer-->299
</div>xxxxxxxxxx1
.map-container{2
overflow:hidden;3
padding-bottom:56.25%;4
position:relative;5
height:0;6
}7
.map-container iframe{8
left:0;9
top:0;10
height:100%;11
width:100%;12
position:absolute;13
}1
1
Console errors: 0