From f016173fd5360926b84005f1430ec8b2a5a123c6 Mon Sep 17 00:00:00 2001 From: Wolfgang Knopki <wolfgang.knopki@hft-stuttgart.de> Date: Tue, 4 Jun 2019 14:33:28 +0200 Subject: [PATCH] [update] includes --- includes/.DS_Store | Bin 0 -> 6148 bytes includes/footer.php | 106 +++++++++++++++++++++++++++++++++++++ includes/header.php | 124 ++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 230 insertions(+) create mode 100644 includes/.DS_Store create mode 100644 includes/footer.php create mode 100644 includes/header.php diff --git a/includes/.DS_Store b/includes/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..800cb4c1ae984681c0235434717096e3aaeab590 GIT binary patch literal 6148 zcmeHK!A`?447J$~l{l~y;)0Z4*dK(cyCDwj1Ax(KLt58f5ZC+^AHW~*F?;~eu|cg` zX%Yt{kS)c}Y3#&#Qj?g7c=24#iDpDppb4@VBO;$ihfd6S3gkS;6CG$vEj>X04Uyc> z=o%RxsG@HE8@i(#+R)2>J6}CEb=%p{k%+n}%k{olBcgc!xIBNoeY-loPTf>Lh-!C( z>^h0M=?pjn&VV!E3=9~+oh?$FD!O(CoB?Oxn*li=0-9hnOp5vFfXXERP@d6QU`s6_ zF~KkzCPj=uSVMst%2r~qhU0rMzi5~gHJsRr54M%RiWknSWB!ociKC)xXTTZgGceKa zOz!_BewooCzaQc~XTTZwXAJPPT$KxK%I?;|_T;V&X!mF$;+MpL!0tT)(2;ZGA`j|# a5F38cFe%C`@;!$G{UMMEapesB0t27l(m34! literal 0 HcmV?d00001 diff --git a/includes/footer.php b/includes/footer.php new file mode 100644 index 0000000..2d8c5ae --- /dev/null +++ b/includes/footer.php @@ -0,0 +1,106 @@ +<!DOCTYPE php> +<html lang="en" dir="ltr"> + +<html> +<body> + + <div id="homepage" class="last clear"> + <hr> + + +<div class="flex-container"> + + <div class="col-md-4 footer-unten" style="flex-basis: 400px"> + + Hochschule für Technik Stuttgart + + <div class="row"> + <div class="col-md-4 footer-unten"> + <a href="#">Kontakt</a> + </div> + <div class="col-md-4 footer-unten"> + <a href="#">Impressum</a> + </div> + <div class="col-md-4 footer-unten"> + <a href="#">Datenschutz</a> + </div> + </div> + </div> + + +<div class="col-md-4" style="flex-basis: 400px"> + <div id="socialmediabuttons"> + <a href="https://twitter.com/HFT_Presse"><i class="fab fa-twitter"></i></a> + <a href="https://www.facebook.com/HfTStuttgart/"><i class="fab fa-facebook-square"></i></a> + <a href="https://www.instagram.com/hft_stuttgart/"><i class="fab fa-instagram"></i></a> + <a href="https://de.linkedin.com/school/hochschule-f%C3%BCr-technik-stuttgart-%E2%80%93-university-of-applied-sciences/"><i class="fab fa-linkedin"></i></a> + <a href="https://www.youtube.com/channel/UCi0_JfF2qMZbOhOnNH5PyHA"><i class="fab fa-youtube"></i></a> +</div> +</div> + + <div class="col-md-4" style="flex-basis: 400px"> + <img src="images/demo/bbf_logo.png" width="100" height="50" alt="BMBF" /> + <img src="images/demo/ihs_logo.jpg" width="100" height="50" alt="Innovative Hochschule" /></div> + +</div> + + </div> + + +<!-- alte Footer-Lösung +<div class="row align-items-end"> + + <div class="col-md-4 footer-unten"> + + Hochschule für Technik Stuttgart + + <div class="row"> + <div class="col-md-4 footer-unten"> + <a href="#">Kontakt</a> + </div> + <div class="col-md-4 footer-unten"> + <a href="#">Impressum</a> + </div> + <div class="col-md-4 footer-unten"> + <a href="#">Datenschutz</a> + </div> + </div> + </div> + + +<div class="col-md-4"> + <div id="socialmediabuttons"> + <a href="https://twitter.com/HFT_Presse"><i class="fab fa-twitter"></i></a> + <a href="https://www.facebook.com/HfTStuttgart/"><i class="fab fa-facebook-square"></i></a> + <a href="https://www.instagram.com/hft_stuttgart/"><i class="fab fa-instagram"></i></a> + <a href="https://de.linkedin.com/school/hochschule-f%C3%BCr-technik-stuttgart-%E2%80%93-university-of-applied-sciences/"><i class="fab fa-linkedin"></i></a> + <a href="https://www.youtube.com/channel/UCi0_JfF2qMZbOhOnNH5PyHA"><i class="fab fa-youtube"></i></a> +</div> +</div> + + <div class="col-md-4"><img src="images/demo/bbf_logo.png" width="150" height="90" alt="BMBF" /> + <img src="images/demo/ihs_logo.jpg" width="150" height="90" alt="Innovative Hochschule" /></div> + +</div> + + </div> + --> + <!-- / content body --> + </div> +</div> + + +<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.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> +<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> + + +<!--<script src="./js/bootstrap-collapse.js"></script> +<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> +<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>--> + + +<!-- Footer --> + +</body> +</html> \ No newline at end of file diff --git a/includes/header.php b/includes/header.php new file mode 100644 index 0000000..e47f034 --- /dev/null +++ b/includes/header.php @@ -0,0 +1,124 @@ +<!DOCTYPE php> +<html lang="en" dir="ltr"> + +<head> +<title>Transferportal M4_LAB HFT STUTTGART</title> +<meta charset="UTF-8"> +<link rel="stylesheet" href="css/bootstrap.css" type="text/css"> +<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous"> + + +<style> +.collapse {display: none;} +.collapse.in {display: block;} +.collapsing {position: relative;height: 0;overflow: hidden;-webkit-transition-timing-function: ease;-o-transition-timing-function: ease;transition-timing-function: ease;-webkit-transition-duration: .35s;-o-transition-duration: .35s;transition-duration: .35s;-webkit-transition-property: height,visibility;-o-transition-property: height,visibility;transition-property: height,visibility;} +</style> + + +</head> + +<body> + +<div class="wrapper row1"> + + <header id="header" class="clear"> + <div class="alert alert-danger alert-dismissible fade show" style="text-align:center;> + <button type="button" class="close" data-dismiss="alert">×</button> + <strong>Disclaimer</strong> This website is under construction and in prototype-phase. It is not for public use. + </div> + + +<nav class="navbar navbar-default"> + <div class="container-fluid"> + <!-- Titel und Schalter werden für eine bessere mobile Ansicht zusammengefasst --> + <div class="navbar-header"> + +<ul id="navelemente"> +<li> +<a href="https://www.hft-stuttgart.de"> + <img src="images/demo/hft_logo.jpg" alt="Logo der Hochschule für Technik Stuttgart"> +</a> + +<a href="https://www.hft-stuttgart.de/Forschung/M4-Lab/"> + <img src="images/demo/m4lab_logo.jpg" alt="Logo Innovationslabor M4_LAB"> +</a></li> + + <li class="nav-item dropdown"> + <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> + Informationen + </a> + <div class="dropdown-menu" aria-labelledby="navbarDropdown"> + <a class="dropdown-item" href="./project">Projekte</a> + <a class="dropdown-item" href="./index_Projektseite_M4_LAB.html">Über das M4_LAB</a> + </div> + </li> + + <li class="nav-item dropdown"> + <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> + Zusammenarbeit + </a> + <div class="dropdown-menu" aria-labelledby="navbarDropdown"> + <a class="dropdown-item" href="#">…</a> + <a class="dropdown-item" href="#">…</a> + </div> + </li> + + <li class="nav-item dropdown"> + <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> + Events + </a> + <div class="dropdown-menu" aria-labelledby="navbarDropdown"> + <a class="dropdown-item" href="#">…</a> + <a class="dropdown-item" href="#">…</a> + </div> + </li> + + <li class="nav-item dropdown"> + <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> + Bürgerbeteiligung + </a> + <div class="dropdown-menu" aria-labelledby="navbarDropdown"> + <a class="dropdown-item" href="#">…</a> + <a class="dropdown-item" href="#">…</a> + </div> + </li> + + <li class=""> + <a class="nav-link" href="./user/login/" id="navbarDropdown" role="button"> + Login + </a> + <!-- <div class="dropdown-menu"> + <form class="px-4 py-3"> + <div class="form-group"> + <label for="exampleDropdownFormEmail1">Email address</label> + <input type="email" class="form-control" id="exampleDropdownFormEmail1" placeholder="email@example.com"> + </div> + <div class="form-group"> + <label for="exampleDropdownFormPassword1">Password</label> + <input type="password" class="form-control" id="exampleDropdownFormPassword1" placeholder="Password"> + </div> + <div class="form-group"> + <div class="form-check"> + <input type="checkbox" class="form-check-input" id="dropdownCheck"> + <label class="form-check-label" for="dropdownCheck"> + Remember me + </label> + </div> + </div> + <button type="submit" class="btn btn-primary">Sign in</button> + </form> + <div class="dropdown-divider"></div> + <a class="dropdown-item" href="#">New around here? Sign up</a> + <a class="dropdown-item" href="#">Forgot password?</a> +</div> --> + </li> + + <li class="nav-item"><input class="nav-item-suchfeld" type="text" value="Suche…" onFocus="this.value=(this.value=='search…')? '' : this.value ;"> + <input type="image" src="images/Lupe_grau.png" id="sf_submit" value="search" width="25" height="25" alt="" > + + + </li> + </ul> + </nav> + </header> +</div> \ No newline at end of file -- GitLab