upload base.html
This commit is contained in:
parent
d188c45b29
commit
509748424d
|
@ -0,0 +1,56 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
||||
<title>{% if judul %} {{ judul }} | {%endif %}Parkinson</title>
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='bootstrap/css/bootstrap.min.css') }}">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link rel="shortcut icon" type="image/png" href="{{ url_for('static', filename='img/logo.png') }}">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Header -->
|
||||
<header>
|
||||
<nav class="navbar navbar-dark navbar-expand-md shadow" style="background: #00A9A7; padding: 5px;">
|
||||
<div class="container"><a class="navbar-brand" href="" style="font-weight: bold; font-size: 30px;"><img src="{{ url_for('static', filename='img/logo2.png') }}" alt="logo" width="42px;"> Parkinson</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="collapse navbar-collapse" id="navcol-1">
|
||||
<ul class="nav navbar-nav ml-auto">
|
||||
<li class="nav-item"><a class="nav-link {% if judul=='Home'%} active {%endif%}" href="{{ url_for('home') }}" style="font-size: 17px;">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link {% if judul=='Informasi'%} active {%endif%}" href="{{ url_for('informasi') }}" style="font-size: 17px;">Information</a></li>
|
||||
<li class="nav-item"><a class="nav-link {% if judul=='Klasifikasi'%} active {%endif%}" href="{{ url_for('klasifikasi') }}" style="font-size: 17px;">Classification</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
{% block contentcarousel %}{% endblock %}
|
||||
<!-- Main Content -->
|
||||
<div>
|
||||
<div class="container">
|
||||
<div class="row" style="padding-top: 15px;">
|
||||
<div class="col" style="border-style: none;">
|
||||
{% block content %}{% endblock %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer mt-auto py-3" style="background-color: #00A9A7;">
|
||||
<div class="container text-center">
|
||||
<span class="text-white">Copyright © 2024 Azizatul Mashwafah</span>
|
||||
</div>
|
||||
</footer>
|
||||
</main>
|
||||
|
||||
<!-- Bootstrap JS Bundle -->
|
||||
<script src="{{ url_for('static', filename='js/jquery.min.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='bootstrap/js/bootstrap.min.js') }}"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
Loading…
Reference in New Issue