first commit
This commit is contained in:
schmieders
+332
@@ -0,0 +1,332 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="author" content="Ali Fistik, Jonas Braus, Simon Schmieder">
|
||||
<meta name="description" content="FrontEnd des UniPlanners">
|
||||
|
||||
<title>UniPlanner</title>
|
||||
<link rel="icon" href="assets/img/favicon.svg">
|
||||
|
||||
<!-- Styles -->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet"
|
||||
integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
|
||||
<link rel="stylesheet" type="text/css" href="assets/css/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<nav class="navbar navbar-dark bg-primary navbar-expand-lg fixed-top">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="#start">
|
||||
<img class="navlogo" src="assets/img/uniplanner.png" height="36">
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse navbar-dark" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto nav-item-custom">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="#start">Home</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="" role="button"
|
||||
data-bs-toggle="dropdown">Verwaltung</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="./lectures/index.html">Vorlesungen</a></li>
|
||||
<li><a class="dropdown-item" href="./semesters/index.html">Semester</a></li>
|
||||
<li><a class="dropdown-item" href="./lecturers/index.html">Dozenten</a></li>
|
||||
<li><a class="dropdown-item" href="./lectureDates/index.html">Termine</a></li>
|
||||
<li><a class="dropdown-item" href="./studyClasses/index.html">Jahrgänge</a></li>
|
||||
<li><a class="dropdown-item" href="./studyProgram/index.html">Studiengänge</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#ueber-uns">Über uns</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#funktionen">Funktionen</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#impressum">Impressum</a>
|
||||
</li>
|
||||
<li class="nav-item dash-item">
|
||||
<a class="nav-link" href="./dashboard/index.html">
|
||||
Dashboard
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
|
||||
viewBox="0 0 16 16">
|
||||
<path
|
||||
d="M8 2a.5.5 0 0 1 .5.5V4a.5.5 0 0 1-1 0V2.5A.5.5 0 0 1 8 2zM3.732 3.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 8a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.389.389 0 0 0-.527-.02L7.547 7.31A.91.91 0 1 0 8.85 8.569l3.434-4.297a.389.389 0 0 0-.029-.518z" />
|
||||
<path fill-rule="evenodd"
|
||||
d="M6.664 15.889A8 8 0 1 1 9.336.11a8 8 0 0 1-2.672 15.78zm-4.665-4.283A11.945 11.945 0 0 1 8 10c2.186 0 4.236.585 6.001 1.606a7 7 0 1 0-12.002 0z" />
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section class="content-section" id="start">
|
||||
<div id="carousel" class="carousel slide" data-bs-ride="carousel">
|
||||
<div class="carousel-indicators">
|
||||
<button type="button" data-bs-target="#carousel" data-bs-slide-to="0" class="active"
|
||||
aria-current="true" aria-label="Slide 1"></button>
|
||||
<button type="button" data-bs-target="#carousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
|
||||
<button type="button" data-bs-target="#carousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
|
||||
</div>
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<img src="https://images.pexels.com/photos/1122865/pexels-photo-1122865.jpeg"
|
||||
class="d-block w-100" alt="Ein Student">
|
||||
<div class="carousel-caption">
|
||||
<h3>Struktur</h3>
|
||||
<p>Als Student ist es wichtig den Überblick über seinen Alltag zu behalten.<br />
|
||||
Wann hat man welche Vorlesung?<br />
|
||||
Wie kontaktiert man seine Dozenten?<br />
|
||||
Der Uniplanner hilft seinen Benutzern genau in diesen Bereichen.<br />
|
||||
Mit ihm ist es einfacher denn je, seinen Tag in der Universität ordentlich zu planen und
|
||||
umzusetzen.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="https://images.pexels.com/photos/1409215/pexels-photo-1409215.jpeg"
|
||||
class="d-block w-100" alt="Ein Student">
|
||||
<div class="carousel-caption">
|
||||
<h3>Alles in einem Tool</h3>
|
||||
<p>Mit dem Uniplanner können Studenten nicht nur ihre Vorlesungen strukturieren.
|
||||
Auch das verwalten von Kontaktdaten der Dozenten sowie eine Kursübergreifende
|
||||
Terminplanung ist durch unsere Systeme einfacher denn je.<br />
|
||||
Mit dem Uniplanner behält die gesamte Universität den Plan im Griff.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="https://images.pexels.com/photos/3184454/pexels-photo-3184454.jpeg"
|
||||
class="d-block w-100" alt="Ein Klassenraum">
|
||||
<div class="carousel-caption">
|
||||
<h3>Digitalisierung</h3>
|
||||
<p>Der digitale Uniplanner bietet den Studenten neue Möglichkeiten für ihren Alltag.<br />
|
||||
Anders als herkömmliche Stundenpläne ist der Uniplanner jederzeit im Internet abrufbar
|
||||
und durch seine verschiedensten Funktionalitäten wie dem Bearbeiten, Löschen und
|
||||
Hinzufügen von Vorlesungen wird es Studenten ermöglicht jegliche Fehler sofort zu
|
||||
beheben.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#carousel" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Previous</span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#carousel" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="ueber-uns" class="content-section">
|
||||
<div class="container">
|
||||
<div class="section-title">
|
||||
<h2>Über uns</h2>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
|
||||
</div>
|
||||
<div class="row" id="team">
|
||||
<div class="col-12 col-lg-4 mb-4">
|
||||
<div class="bg-white p-4 text-center rounded box">
|
||||
<img class="img-responsive rounded-circle" src="./assets/img/AliFistik.jpg" width="90">
|
||||
|
||||
<h5 class="mt-3 name">Ali Fistik</h5>
|
||||
<span class="work d-block">Dualer Student</span>
|
||||
<span class="work d-block px-4">
|
||||
<a href="https://www.linkedin.com/in/ali-fistik-186181252/" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#0a66c2"
|
||||
viewBox="0 0 16 16">
|
||||
<path
|
||||
d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z" />
|
||||
</svg>
|
||||
</a>
|
||||
<a href="mailto:ali.fistik@uniplanner.de">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="gray"
|
||||
viewBox="0 0 16 16">
|
||||
<path
|
||||
d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z" />
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
<div class="mt-4 about px-4">
|
||||
Persistence. Perfection. Prioritize your passion.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 mb-4">
|
||||
<div class="bg-white p-4 text-center rounded box">
|
||||
<img class="img-responsive rounded-circle" src="./assets/img/JonasBraus.jpg" width="90">
|
||||
|
||||
<h5 class="mt-3 name px-4">Jonas Braus</h5>
|
||||
<span class="work d-block">Dualer Student</span>
|
||||
<span class="work d-block px-4">
|
||||
<a href="https://www.linkedin.com/in/jonas-braus-b99259252/" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#0a66c2"
|
||||
viewBox="0 0 16 16">
|
||||
<path
|
||||
d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z" />
|
||||
</svg>
|
||||
</a>
|
||||
<a href="mailto:jonas.braus@uniplanner.de">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="gray"
|
||||
viewBox="0 0 16 16">
|
||||
<path
|
||||
d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z" />
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
|
||||
<div class="mt-4 about px-4">
|
||||
Price is what you pay. Value is what you get.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 mb-4">
|
||||
<div class="bg-white p-4 text-center rounded box">
|
||||
<img class="img-responsive rounded-circle" src="./assets/img/SimonSchmieder.jpg" width="90">
|
||||
|
||||
<h5 class="mt-3 name px-4">Simon Schmieder</h5>
|
||||
<span class="work d-block">Dualer Student</span>
|
||||
<span class="work d-block px-4">
|
||||
<a href="https://www.linkedin.com/in/simon-schmieder/" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#0a66c2"
|
||||
viewBox="0 0 16 16">
|
||||
<path
|
||||
d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z" />
|
||||
</svg>
|
||||
</a>
|
||||
<a href="mailto:simon.schmieder@uniplanner.de">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="gray"
|
||||
viewBox="0 0 16 16">
|
||||
<path
|
||||
d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z" />
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
|
||||
<div class="mt-4 about px-4">
|
||||
Best way to predict your future is to create IT.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="funktionen" class="content-section">
|
||||
<div class="container">
|
||||
<div class="section-title">
|
||||
<h2>Funktionen</h2>
|
||||
</div>
|
||||
<div>
|
||||
<p class="mb-3">
|
||||
Herzlich Willkommen auf uniplanner.de <br>
|
||||
UniPlanner ist <strong>DEIN</strong> Online-Tool für die Planung sämtlicher studienrelevanten
|
||||
Themen!
|
||||
</p>
|
||||
|
||||
<h5>Wie funktionierts? </h5>
|
||||
|
||||
<p>
|
||||
Mit UniPlanner kannst du kostenlos Einträge für Vorlesungen, Semester, Dozenten und Weiteres
|
||||
anlegen. Womit du am Besten anfängst
|
||||
erfährst du in diesem kurzen Guide.
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
Über das Dropdownmenü "Verwaltung", gelangst du zu den jeweiligen Seiten für die
|
||||
Datenerfassung
|
||||
</li>
|
||||
<li>
|
||||
Zu Beginn kannst du einen <a href="./studyProgram/index.html" target="_blank">
|
||||
Studiengang</a>, sowie einen oder mehrere <a href="./lectureDates/index.html"
|
||||
target="_blank">Termine</a>, bestehend aus einem
|
||||
Start- und Enddatum, so wie der jeweiligen Uhrzeit, anlegen
|
||||
</li>
|
||||
<li>
|
||||
Hast du das getan, ist es dir bereits möglich <a href="./semesters/index.html"
|
||||
target="_blank">Semester</a> und <a href="./lecturers/index.html"
|
||||
target="_blank">Dozenten</a> mit allen erforderlichen
|
||||
Daten einzutragen
|
||||
</li>
|
||||
<li>
|
||||
Navigiere nun in den Bereich <a href="./studyClasses/index.html"
|
||||
target="_blank">Jahrgänge</a> und trage die jeweiligen Daten ein
|
||||
</li>
|
||||
<li>
|
||||
Du hast nun alle nötigen Daten um Einträge zu <a href="./lectures/index.html"
|
||||
target="_blank">Vorlesungen</a> zu erstellen
|
||||
</li>
|
||||
<li>
|
||||
Nachdem alle Daten ins System eingetragen wurden kannst du über das <a
|
||||
href="./dashboard/index.html" target="_blank">Dashboard</a> einen Dozenten
|
||||
auswählen, um dir seine Kontaktdaten, Vorlesungen und einige weiteren Daten anzusehen
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="impressum" class="content-section">
|
||||
<div class="container">
|
||||
<div>
|
||||
<div class='impressum'>
|
||||
<h2>Impressum</h2>
|
||||
<p>Angaben gemäß § 5 TMG</p>
|
||||
<p>Simon Schmieder <br>
|
||||
Musterstraße 1<br>
|
||||
79576 Weil am Rhein <br>
|
||||
</p>
|
||||
<p><strong>Vertreten durch: </strong><br>
|
||||
Ali Fistik, Jonas Braus<br>
|
||||
</p>
|
||||
<p><strong>Kontakt:</strong> <br>
|
||||
Telefon: 01234-789456<br>
|
||||
Fax: 1234-56789<br>
|
||||
E-Mail: <a href='mailto:kontakt@uniplanner.de'>kontakt@uniplanner.de</a></br></p>
|
||||
<p><strong>Umsatzsteuer-ID: </strong> <br>
|
||||
Umsatzsteuer-Identifikationsnummer gemäß §27a Umsatzsteuergesetz: 0123456789<br><br>
|
||||
<strong>Wirtschafts-ID: </strong><br>
|
||||
0123456789<br>
|
||||
</p>
|
||||
<p><strong>Aufsichtsbehörde:</strong><br>
|
||||
Bezirksgericht Freiburg im Breisgau<br></p>
|
||||
<br />
|
||||
<p style="font-size: 10px; opacity: 0.5;">
|
||||
Website Impressum erstellt durch <a
|
||||
href="https://www.impressum-generator.de">impressum-generator.de</a> von der <a
|
||||
href="https://www.kanzlei-hasselbach.de/" rel="nofollow">Kanzlei Hasselbach</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
Copyright © 2022 Ali Fistik, Jonas Braus, Simon Schmieder
|
||||
</footer>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"
|
||||
integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
|
||||
crossorigin="anonymous"></script>
|
||||
|
||||
<script src="./assets/js/dummyDataHandler.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user