xxxxxxxxxx1
Jinja2 base.html for MDB{# SOB doctype #}2
{% block doctype %}3
<!DOCTYPE html>4
{% endblock %}5
{# EOB doctype #}6
7
{# SOB html #}8
{% block html %}9
<html {# SOB html_attribs #}{% block html_attribs %} lang="en" {% endblock %} {# EOB html attribs #} >10
11
{# SOB head #}12
{% block head %}13
<head>14
<meta charset="UTF-8" />15
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />16
<meta http-equiv="x-ua-compatible" content="ie=edge" />17
<title>{% block head_title %}{{ page_title }}{% endblock %}</title>18
<!-- MDB icon -->19
<link rel="icon" href="img/mdb-favicon.ico" type="image/x-icon" />20
<!-- Font Awesome -->21
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css" />22
<!-- Google Fonts Roboto -->23
<link24
rel="stylesheet"25
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap"26
/>27
<!-- MDB ESSENTIAL -->28
<link rel="stylesheet" href="{{ url_for('static', filename='css/mdb.min.css')}}" />29
<!-- MDB PLUGINS -->30
<link rel="stylesheet" href="{{ url_for('static', filename='plugins/css/all.min.css')}}" />31
32
{% block custom_style %}33
<!-- Custom styles -->34
<style>35
@media (min-width: 1400px) {36
main,37
header,38
#main-navbar {39
padding-left: 240px;40
}41
}42
43
body {44
background-color: #fbfbfb;45
}46
</style>47
{% endblock %}48
{# EOB #}49
</head>50
{% endblock %}51
{# EOB head #}52
53
{# SOB body #}54
<body>55
56
{# SOB main_navigation #}57
{% block main_navigation %}58
<!--Main Navigation-->59
<header>60
<!-- Sidenav -->61
<nav id="sidenav-1" class="sidenav" data-mdb-hidden="false" data-mdb-accordion="true">62
<a class="ripple d-flex justify-content-center py-4" href="#!" data-mdb-ripple-color="primary">63
<img id="MDB-logo" src="https://mdbootstrap.com/wp-content/uploads/2018/06/logo-mdb-jquery-small.png"64
alt="MDB Logo" draggable="false" />65
</a>66
67
<ul class="sidenav-menu">68
<li class="sidenav-item">69
<a class="sidenav-link" href="">70
<i class="fas fa-chart-area fa-fw me-3"></i><span>Webiste traffic</span></a>71
</li>72
<li class="sidenav-item">73
<a class="sidenav-link"><i class="fas fa-cogs fa-fw me-3"></i><span>Settings</span></a>74
<ul class="sidenav-collapse">75
<li class="sidenav-item">76
<a class="sidenav-link">Profile</a>77
</li>78
<li class="sidenav-item">79
<a class="sidenav-link">Account</a>80
</li>81
</ul>82
</li>83
<li class="sidenav-item">84
<a class="sidenav-link"><i class="fas fa-lock fa-fw me-3"></i><span>Password</span></a>85
<ul class="sidenav-collapse">86
<li class="sidenav-item">87
<a class="sidenav-link">Request password</a>88
</li>89
<li class="sidenav-item">90
<a class="sidenav-link">Reset password</a>91
</li>92
</ul>93
</li>94
95
<li class="sidenav-item">96
<a class="sidenav-link" href="">97
<i class="fas fa-chart-line fa-fw me-3"></i><span>Analytics</span></a>98
</li>99
<li class="sidenav-item">100
<a class="sidenav-link" href="">101
<i class="fas fa-chart-pie fa-fw me-3"></i><span>SEO</span></a>102
</li>103
<li class="sidenav-item">104
<a class="sidenav-link" href="">105
<i class="fas fa-chart-bar fa-fw me-3"></i><span>Orders</span></a>106
</li>107
<li class="sidenav-item">108
<a class="sidenav-link" href="">109
<i class="fas fa-globe fa-fw me-3"></i><span>International</span></a>110
</li>111
<li class="sidenav-item">112
<a class="sidenav-link" href="">113
<i class="fas fa-building fa-fw me-3"></i><span>Partners</span></a>114
</li>115
<li class="sidenav-item">116
<a class="sidenav-link" href="">117
<i class="fas fa-calendar fa-fw me-3"></i><span>Calendar</span></a>118
</li>119
<li class="sidenav-item">120
<a class="sidenav-link" href="">121
<i class="fas fa-users fa-fw me-3"></i><span>Users</span></a>122
</li>123
<li class="sidenav-item">124
<a class="sidenav-link" href="">125
<i class="fas fa-money-bill fa-fw me-3"></i><span>Sales</span></a>126
</li>127
</ul>128
</nav>129
<!-- Sidenav -->130
131
<!-- Navbar -->132
<nav id="main-navbar" class="navbar navbar-expand-lg navbar-light bg-white fixed-top">133
<!-- Container wrapper -->134
<div class="container-fluid">135
<!-- Toggler -->136
<button data-mdb-toggle="sidenav" data-mdb-target="#sidenav-1" class="btn shadow-0 p-0 me-3 d-block d-xxl-none"137
aria-controls="#sidenav-1" aria-haspopup="true">138
<i class="fas fa-bars fa-lg"></i>139
</button>140
141
<!-- Search form -->142
<form class="d-none d-md-flex input-group w-auto my-auto">143
<input autocomplete="off" type="search" class="form-control rounded"144
placeholder='Search (ctrl + "/" to focus)' style="min-width: 225px" />145
<span class="input-group-text border-0"><i class="fas fa-search"></i></span>146
</form>147
148
<!-- Right links -->149
<ul class="navbar-nav ms-auto d-flex flex-row">150
<!-- Notification dropdown -->151
<li class="nav-item dropdown">152
<a class="nav-link me-3 me-lg-0 dropdown-toggle hidden-arrow" href="#" id="navbarDropdownMenuLink"153
role="button" data-mdb-toggle="dropdown" aria-expanded="false">154
<i class="fas fa-bell"></i>155
<span class="badge rounded-pill badge-notification bg-danger">1</span>156
</a>157
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownMenuLink">158
<li><a class="dropdown-item" href="#">Some news</a></li>159
<li><a class="dropdown-item" href="#">Another news</a></li>160
<li>161
<a class="dropdown-item" href="#">Something else here</a>162
</li>163
</ul>164
</li>165
166
<!-- Icon -->167
<li class="nav-item">168
<a class="nav-link me-3 me-lg-0" href="#">169
<i class="fas fa-fill-drip"></i>170
</a>171
</li>172
<!-- Icon -->173
<li class="nav-item me-3 me-lg-0">174
<a class="nav-link" href="#">175
<i class="fab fa-github"></i>176
</a>177
</li>178
179
<!-- Icon dropdown -->180
<li class="nav-item dropdown">181
<a class="nav-link me-3 me-lg-0 dropdown-toggle hidden-arrow" href="#" id="navbarDropdown" role="button"182
data-mdb-toggle="dropdown" aria-expanded="false">183
<i class="united kingdom flag m-0"></i>184
</a>185
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">186
<li>187
<a class="dropdown-item" href="#"><i class="united kingdom flag"></i>English188
<i class="fa fa-check text-success ms-2"></i></a>189
</li>190
<li>191
<hr class="dropdown-divider" />192
</li>193
<li>194
<a class="dropdown-item" href="#"><i class="poland flag"></i>Polski</a>195
</li>196
<li>197
<a class="dropdown-item" href="#"><i class="china flag"></i>中文</a>198
</li>199
<li>200
<a class="dropdown-item" href="#"><i class="japan flag"></i>日本語</a>201
</li>202
<li>203
<a class="dropdown-item" href="#"><i class="germany flag"></i>Deutsch</a>204
</li>205
<li>206
<a class="dropdown-item" href="#"><i class="france flag"></i>Français</a>207
</li>208
<li>209
<a class="dropdown-item" href="#"><i class="spain flag"></i>Español</a>210
</li>211
<li>212
<a class="dropdown-item" href="#"><i class="russia flag"></i>Русский</a>213
</li>214
<li>215
<a class="dropdown-item" href="#"><i class="portugal flag"></i>Português</a>216
</li>217
</ul>218
</li>219
220
<!-- Avatar -->221
<li class="nav-item dropdown">222
<a class="nav-link dropdown-toggle hidden-arrow d-flex align-items-center" href="#"223
id="navbarDropdownMenuLink" role="button" data-mdb-toggle="dropdown" aria-expanded="false">224
<img src="https://mdbootstrap.com/img/Photos/Avatars/img (31).jpg" class="rounded-circle" height="22"225
alt="" loading="lazy" />226
</a>227
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownMenuLink">228
<li><a class="dropdown-item" href="#">My profile</a></li>229
<li><a class="dropdown-item" href="#">Settings</a></li>230
<li><a class="dropdown-item" href="#">Logout</a></li>231
</ul>232
</li>233
</ul>234
</div>235
<!-- Container wrapper -->236
</nav>237
<!-- Navbar -->238
</header>239
<!--Main Navigation-->240
{% endblock %}241
{# EOB main_navigation #}242
243
{# SOB main_layout #}244
{% block main_layout %}245
<!--Main layout-->246
<main style="margin-top: 58px">247
<div class="container">248
<h1>Hello World</h1>249
</div>250
</main>251
<!--Main layout-->252
{% endblock %}253
{# SOB main_layout #}254
255
{# SOB footer #}256
{% block footer %}257
<!--Footer-->258
<footer></footer>259
<!--Footer-->260
{% endblock %}261
{# EOB footer #}262
263
</body>264
{# EOB body #}265
266
<!-- MDB ESSENTIAL -->267
<script type="text/javascript" src="{{ url_for('static', filename='js/mdb.min.js')}}"></script>268
<!-- MDB PLUGINS -->269
<script type="text/javascript" src="{{ url_for('static', filename='plugins/js/all.min.js')}}"></script>270
{# SOB custom_scripts #}271
<!-- Custom scripts -->272
{% block custom_scripts %}273
{% endblock %}274
{# EOB custom_scripts #}275
</html>276
{% endblock %}277
{# EOB html #}1
1
1
1
Console errors: 0