Zwischenstand des Praktikums: index-Fkt muss noch angepasst werden!

Django_Project/templates/base.html

@@ -3,9 +3,31 @@
 <head>
     <meta charset="UTF-8">
     <title>{% block title %} Pla {% endblock %}</title>
+
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
 </head>
 <body>
 
+<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
+
+<nav class="navbar navbar-expand-md navbar-fixed-top navbar-dark bg-primary">
+    <a class="navbar-brand">Navigationsleiste</a>
+    <ul class="navbar-nav">
+        <li class="nav-item">
+            <a class="nav-link" href="https://www.google.com">Hier geht's zu Google</a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="https://www.th-nuernberg.de/fakultaeten/efi">Hier geht's zur Efi-Homepage</a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="#">Random link to click</a>       <!-- href="#" means that link is clickable -->
+        </li>
+    </ul>
+</nav>
+
 {%  block content %} zzz {% endblock %}
 
 </body>

Django_Project/templates/posts/allMessages.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Messages</title>
+</head>
+<body>
+
+</body>
+</html>

Django_Project/templates/posts/index.html

@@ -5,5 +5,12 @@ My_Index
 {% endblock %}
 
 {% block content %}
-Content der geerbten HTML-Seite
+
+<div class="jumbotron">
+    <h1 class="display-4">Text als Jumbotron :-)</h1>
+    <p class="lead">Hier kommt noch zusätzlicher text, der den/das Jombotron näher erklärt</p>
+</div>
+
+<img src="https://www.th-nuernberg.de/fileadmin/global/Bilderpool_KOM/Standorte/Standortbild/171958_8_3_W.jpg">
+
 {% endblock %}