upload base.html

This commit is contained in:
azizatulmashwafah 2024-05-29 08:55:48 +07:00
parent d188c45b29
commit 509748424d
1 changed files with 56 additions and 0 deletions

56
base.html Normal file
View File

@ -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>