Initial commit
This commit is contained in:
commit
16cfe75292
6 changed files with 562 additions and 0 deletions
BIN
.DS_Store
vendored
Normal file
BIN
.DS_Store
vendored
Normal file
Binary file not shown.
BIN
assets/handbuch.pdf
Normal file
BIN
assets/handbuch.pdf
Normal file
Binary file not shown.
35
assets/logo_header.svg
Normal file
35
assets/logo_header.svg
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg width="100%" height="100%" viewBox="0 0 138 34" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
|
||||
<g transform="matrix(1.04072,0,0,1.04072,-24.3529,-42.009)">
|
||||
<g id="Ebene_1_1_">
|
||||
<path d="M46.4,44.4C51.3,43.8 57.3,46.2 59.5,52.6L61.9,52.1C59.9,46.1 54.2,42 47.9,42L47.8,42C43.6,42 39.8,43.7 37,46.8C34.3,49.9 33,54 33.4,58.2L35.7,58.2C35.6,57.5 35.5,56.6 35.6,55.7C36.1,48.7 41.4,44.9 46.4,44.4Z" style="fill:rgb(110,107,96);fill-rule:nonzero;"/>
|
||||
<path d="M75.1,71.3C80.6,71.2 85.4,68.2 87.8,63.1C90.3,58 89.7,52.2 86.4,47.8C83.8,44.3 79.7,42.2 75.1,42.1C70.6,42 66.5,43.7 63.7,47C63.9,47.4 64.2,48.1 64.8,49.2C64.8,49.2 64.8,49.1 64.9,49.1C67.4,45.7 71.4,44 75.6,44.3C79.8,44.6 83.5,46.9 85.4,50.4C87.8,54.2 87.8,58.9 85.4,62.9C83.1,66.9 78.8,69.2 74.4,69C71.3,69 67.8,67.3 65.5,64.9L63,65.5C66.1,69.6 70.1,71.4 75.1,71.3Z" style="fill:rgb(110,107,96);fill-rule:nonzero;"/>
|
||||
<path d="M56,59L57.1,57.3L57.1,57.2L56.2,54.9L54.1,57.7C52.3,60.2 49.5,61.7 46.4,61.7L23.4,61.7L23.4,63.9L46.5,63.9C50.3,63.9 53.8,62.1 56,59Z" style="fill:rgb(110,107,96);fill-rule:nonzero;"/>
|
||||
<path d="M59.9,64.8L60,64.6L64,58C65.4,55.6 68.4,54.1 71.6,54.1L82.8,54.1L82.1,51.9L71.7,51.9C67.8,51.8 64.3,53.7 62.1,56.8L57.9,63.5C54.5,68.8 46.7,70.6 41.6,67.4L37.9,67.4C38.3,67.8 38.7,68.1 39.2,68.4C42.1,70.7 45.9,71.7 49.8,71.1C54,70.4 57.7,68.1 59.9,64.8Z" style="fill:rgb(110,107,96);fill-rule:nonzero;"/>
|
||||
<path d="M92.1,51.9L92.9,54.2L128.9,54.2L128.9,51.9L92.1,51.9Z" style="fill:rgb(110,107,96);fill-rule:nonzero;"/>
|
||||
</g>
|
||||
<g id="Ebene_3">
|
||||
<g>
|
||||
<path d="M102.1,57.8L100.6,57.8L98.4,60.1L98.4,57.8L97.3,57.8L97.3,63.4L98.4,63.4L98.4,61.5L99,60.9L100.7,63.4L102.2,63.4L99.8,60.1L102.1,57.8Z" style="fill:rgb(162,191,47);fill-rule:nonzero;"/>
|
||||
<path d="M106.3,61.7L104.1,57.8L102.9,57.8L102.9,63.4L103.9,63.4L103.9,59.4L106.2,63.4L107.4,63.4L107.4,57.8L106.3,57.8L106.3,61.7Z" style="fill:rgb(162,191,47);fill-rule:nonzero;"/>
|
||||
<path d="M112.8,58.3C112.4,57.9 111.8,57.6 111,57.6C110.2,57.6 109.6,57.8 109.2,58.3C108.6,58.8 108.4,59.6 108.4,60.6C108.4,61.6 108.7,62.4 109.2,62.9C109.6,63.3 110.2,63.6 111,63.6C111.8,63.6 112.4,63.4 112.8,62.9C113.4,62.4 113.6,61.6 113.6,60.6C113.6,59.5 113.3,58.8 112.8,58.3ZM112,62C111.7,62.3 111.4,62.5 110.9,62.5C110.4,62.5 110.1,62.3 109.8,62C109.5,61.7 109.4,61.2 109.4,60.5C109.4,59.9 109.5,59.4 109.8,59C110.1,58.7 110.4,58.5 110.9,58.5C111.4,58.5 111.7,58.7 112,59C112.3,59.3 112.4,59.8 112.4,60.5C112.4,61.2 112.3,61.7 112,62Z" style="fill:rgb(162,191,47);fill-rule:nonzero;"/>
|
||||
<path d="M114,58.8L115.7,58.8L115.7,63.4L116.9,63.4L116.9,58.8L118.5,58.8L118.5,57.8L114,57.8L114,58.8Z" style="fill:rgb(162,191,47);fill-rule:nonzero;"/>
|
||||
<path d="M120.4,60.9L123.1,60.9L123.1,60L120.4,60L120.4,58.8L123.4,58.8L123.4,57.8L119.3,57.8L119.3,63.4L123.5,63.4L123.5,62.4L120.4,62.4L120.4,60.9Z" style="fill:rgb(162,191,47);fill-rule:nonzero;"/>
|
||||
<path d="M127.8,61.7L125.6,57.8L124.4,57.8L124.4,63.4L125.5,63.4L125.5,59.4L127.7,63.4L128.9,63.4L128.9,57.8L127.8,57.8L127.8,61.7Z" style="fill:rgb(162,191,47);fill-rule:nonzero;"/>
|
||||
<path d="M133.7,58.2C133.4,57.9 132.9,57.8 132.4,57.8L130,57.8L130,63.4L131.2,63.4L131.2,61.4L132.4,61.4C133,61.4 133.5,61.3 133.8,61C134.1,60.7 134.3,60.3 134.3,59.6C134.2,59 134.1,58.5 133.7,58.2ZM132.8,60.2C132.7,60.3 132.4,60.4 132.2,60.4L131.2,60.4L131.2,58.8L132.2,58.8C132.5,58.8 132.7,58.9 132.8,59C132.9,59.1 133,59.3 133,59.6C133,59.9 133,60.1 132.8,60.2Z" style="fill:rgb(162,191,47);fill-rule:nonzero;"/>
|
||||
<path d="M138.5,61.2C138.5,61.6 138.5,61.9 138.4,62C138.3,62.3 138,62.5 137.5,62.5C137,62.5 136.7,62.3 136.6,62C136.5,61.8 136.5,61.5 136.5,61.2L136.5,57.8L135.3,57.8L135.3,61.2C135.3,61.8 135.4,62.3 135.6,62.6C135.9,63.2 136.6,63.5 137.6,63.5C138.6,63.5 139.2,63.2 139.6,62.6C139.8,62.3 139.9,61.8 139.9,61.2L139.9,57.8L138.7,57.8L138.7,61.2L138.5,61.2Z" style="fill:rgb(162,191,47);fill-rule:nonzero;"/>
|
||||
<path d="M144.2,61.7L142,57.8L140.7,57.8L140.7,63.4L141.8,63.4L141.8,59.4L144.1,63.4L145.3,63.4L145.3,57.8L144.2,57.8L144.2,61.7Z" style="fill:rgb(162,191,47);fill-rule:nonzero;"/>
|
||||
<path d="M151.2,57.8L149.7,57.8L147.5,60.1L147.5,57.8L146.4,57.8L146.4,63.4L147.5,63.4L147.5,61.5L148.1,60.9L149.8,63.4L151.3,63.4L148.9,60.1L151.2,57.8Z" style="fill:rgb(162,191,47);fill-rule:nonzero;"/>
|
||||
<path d="M151.5,57.8L151.5,58.8L153.2,58.8L153.2,63.4L154.3,63.4L154.3,58.8L156,58.8L156,57.8L151.5,57.8Z" style="fill:rgb(162,191,47);fill-rule:nonzero;"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M100.2,65.8L98.9,65.8L96.9,71.4L98.1,71.4L98.5,70.3L100.6,70.3L101,71.4L102.3,71.4L100.2,65.8ZM98.8,69.3L99.5,67.1L100.2,69.3L98.8,69.3Z" style="fill:rgb(162,191,47);fill-rule:nonzero;"/>
|
||||
<path d="M104,65.8L102.9,65.8L102.9,71.4L106.8,71.4L106.8,70.4L104,70.4L104,65.8Z" style="fill:rgb(162,191,47);fill-rule:nonzero;"/>
|
||||
<path d="M111.3,66.2C111,65.9 110.5,65.8 110,65.8L107.6,65.8L107.6,71.4L108.8,71.4L108.8,69.4L110,69.4C110.6,69.4 111.1,69.3 111.4,69C111.7,68.7 111.9,68.3 111.9,67.6C111.8,67 111.7,66.5 111.3,66.2ZM110.5,68.2C110.4,68.3 110.1,68.4 109.9,68.4L108.9,68.4L108.9,66.8L109.9,66.8C110.2,66.8 110.4,66.9 110.5,67C110.6,67.1 110.7,67.3 110.7,67.6C110.7,67.9 110.6,68.1 110.5,68.2Z" style="fill:rgb(162,191,47);fill-rule:nonzero;"/>
|
||||
<path d="M113.9,68.9L116.7,68.9L116.7,68L113.9,68L113.9,66.8L116.9,66.8L116.9,65.8L112.8,65.8L112.8,71.4L117,71.4L117,70.4L113.9,70.4L113.9,68.9Z" style="fill:rgb(162,191,47);fill-rule:nonzero;"/>
|
||||
<path d="M121.4,65.8L121.4,69.7L119.1,65.8L117.9,65.8L117.9,71.4L119,71.4L119,67.4L121.3,71.4L122.4,71.4L122.4,65.8L121.4,65.8Z" style="fill:rgb(162,191,47);fill-rule:nonzero;"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.2 KiB |
BIN
background.jpg
Normal file
BIN
background.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
BIN
images/foerderhinweis.png
Normal file
BIN
images/foerderhinweis.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
527
index.html
Normal file
527
index.html
Normal file
|
|
@ -0,0 +1,527 @@
|
|||
<!DOCTYPE html>
|
||||
<!--<script src="scroll.min.js"></script>-->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Knotenpunkt-Alpen</title>
|
||||
<style>
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: "PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
|
||||
font-family: var(--font-headings,"PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif);
|
||||
font-weight: 700;
|
||||
clear: both;
|
||||
/*--src: url('assets/ShareTech-Regular.ttf') format('truetype');*/
|
||||
/*font-weight: normal;
|
||||
font-style: normal;*/
|
||||
}
|
||||
@import url('https://fonts.googleapis.com/css?family=Raleway:regular,bold,italic,bolditalic|Cabin:regular,bold,italic,bolditalic|');
|
||||
:root {
|
||||
--font-headings: Cabin;
|
||||
--font-base: Raleway;
|
||||
--font-headings-default: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
|
||||
--font-base-default: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
|
||||
}
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
body {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
header {
|
||||
font-family: "PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
|
||||
/*font-family: var(--font-headings,"PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif);*/
|
||||
/*font-weight: 900;*/
|
||||
}
|
||||
h1 {
|
||||
font-family: "PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
|
||||
/*font-family: var(--font-headings,"PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif);*/
|
||||
/*font-weight: 1500;*/
|
||||
text-align: center;
|
||||
font-size: 60px;
|
||||
margin: 0;
|
||||
}
|
||||
h2 {
|
||||
font-family: "PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
|
||||
/*font-family: var(--font-headings,"PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif);*/
|
||||
/*font-weight: 1500;*/
|
||||
text-align: center;
|
||||
font-size: 40px;
|
||||
margin: 0;
|
||||
}
|
||||
p {
|
||||
font-size: 17.3913px;
|
||||
font-family: "Arial";
|
||||
/*font-family: var(--font-base,"PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif);*/
|
||||
line-height: 1.6;
|
||||
font-style: normal;
|
||||
text-align: center;
|
||||
margin-right: 120px;
|
||||
margin-left: 120px;
|
||||
/*font-weight: 600pt;*/
|
||||
}
|
||||
button {
|
||||
font-family: "Arial";
|
||||
border: none;
|
||||
font-size: 20px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
nav {
|
||||
position: fixed;
|
||||
}
|
||||
footer {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #303030;
|
||||
}
|
||||
.content {
|
||||
padding-top: 80px;
|
||||
}
|
||||
.logo {
|
||||
width: 300px;
|
||||
}
|
||||
.header_nav {
|
||||
width: 100%; /* i'm assuming full width */
|
||||
height: 90px; /* change it to desired width */
|
||||
background-color: #ffffff; /* change to desired color */
|
||||
|
||||
}
|
||||
|
||||
.logo {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: 240px;
|
||||
height: 80px;
|
||||
margin-right: 20px;
|
||||
margin-left: 30px;
|
||||
margin-top: 15px; /* if you want it vertically middle of the navbar. */
|
||||
}
|
||||
#hamitems > a{
|
||||
float: right;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin-right: 20px;
|
||||
height: 90px; /* if you want it to take the full height of the bar */
|
||||
line-height: 90px; /* if you want it vertically middle of the navbar */
|
||||
color: #d9e1e8;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
font-size: 15px;
|
||||
transition: color 0.5s;
|
||||
}
|
||||
#hamitems > a:hover {
|
||||
color: #3c90d9;
|
||||
transition: color 1s;
|
||||
}
|
||||
#hamnav label, #hamburger { display: none; }
|
||||
.buttons {
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.embed {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.foerderhinweis {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.footer-links {
|
||||
font-family: "PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
|
||||
font-weight: lighter;
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
.footer-links > a {
|
||||
color: #c0c2c9;
|
||||
text-decoration: none;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
.footer-links > a:hover {
|
||||
color: #808289;
|
||||
transition: color 0.5s;
|
||||
}
|
||||
|
||||
.title {
|
||||
height: 600px;
|
||||
background-image: url('background.jpg');
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
.title_title {
|
||||
height: 200px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.ueberschrift {
|
||||
padding-top: 80px;
|
||||
height: 80px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.white {
|
||||
color: #ffffff;
|
||||
}
|
||||
.dark_btn {
|
||||
background-color: #3c90d9;
|
||||
color: white;
|
||||
padding: 16px 16px;
|
||||
border-radius: 8px;
|
||||
transition: background-color 0.5s;
|
||||
}
|
||||
.dark_btn:hover {
|
||||
background-color: #ffffff; /* Green */
|
||||
color: #3c90d9;
|
||||
/*transition: color 1s;*/
|
||||
transition: background-color 0.5s;
|
||||
}
|
||||
.hilfe {
|
||||
background-color: #3c90d9;
|
||||
}
|
||||
.prezi {
|
||||
height: 500px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.prezi iframe {
|
||||
width: 550px;
|
||||
height: 400px;
|
||||
}
|
||||
.white_btn {
|
||||
background-color: #f0f0f0;
|
||||
color: #3c90d9;
|
||||
padding: 16px 16px;
|
||||
border-radius: 8px;
|
||||
transition: background-color 0.5s;
|
||||
}
|
||||
.white_btn:hover {
|
||||
background-color: #3c90d9; /* Green */
|
||||
color: #ffffff;
|
||||
/*transition: color 1s;*/
|
||||
transition: background-color 0.5s;
|
||||
}
|
||||
.spacing {
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.foerderhinweis .image {
|
||||
height: 80px;
|
||||
}
|
||||
.mobile_logo {
|
||||
display: none;
|
||||
}
|
||||
.kontakt_items {
|
||||
color: white;
|
||||
background-image: url('background.jpg');
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
.kontakt_items a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (min-width: 1000px) {
|
||||
.header_nav > a {
|
||||
font-size: 25px;
|
||||
margin-right: 80px;
|
||||
}
|
||||
.logo {
|
||||
margin-right: 100px;
|
||||
}
|
||||
p {
|
||||
margin-right: 500px;
|
||||
margin-left: 500px;
|
||||
}
|
||||
.kontakt-items {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.geschaeftsstelle_div {
|
||||
width: 500px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.geschaeftsstelle_div > p {
|
||||
width: 425px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 0 auto;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.nachricht_div {
|
||||
vertical-align: top;
|
||||
height: 620px;
|
||||
margin-top: 5px;
|
||||
width: 500px;
|
||||
}
|
||||
.nachricht_div > p {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
display: block;
|
||||
justify-content: center;
|
||||
text-justify: distribute-all-lines;
|
||||
}
|
||||
.kontakt_items {
|
||||
height: 900px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.prezi {
|
||||
height: 700px;
|
||||
}
|
||||
.prezi iframe {
|
||||
width: 900px;
|
||||
height: 500px;
|
||||
}
|
||||
.foerderhinweis .image {
|
||||
height: 120px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px){
|
||||
nav {
|
||||
background-color: white;
|
||||
position: fixed;
|
||||
height: 60px;
|
||||
}
|
||||
/* Show Hamburger Icon */
|
||||
#hamnav label {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
color: white;
|
||||
background: #303030;
|
||||
font-style: normal;
|
||||
font-size: 1.2em;
|
||||
padding: 20px;
|
||||
line-height: 40px;
|
||||
|
||||
}
|
||||
|
||||
/* Break down menu items into vertical */
|
||||
#hamitems div {
|
||||
background-color: white;
|
||||
}
|
||||
#hamitems a {
|
||||
background-color: white;
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
width: 100%;
|
||||
border-top: 1px solid #333;
|
||||
float: left;
|
||||
margin-left: 15px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
}
|
||||
/*
|
||||
#hamitems > a{
|
||||
float: right;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin-right: 20px;
|
||||
height: 90px;
|
||||
line-height: 90px;
|
||||
color: #d9e1e8;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
font-size: 15px;
|
||||
transition: color 0.5s;
|
||||
}*/
|
||||
#hamitems {
|
||||
background-color: white;
|
||||
}
|
||||
.mobile_logo {
|
||||
vertical-align: top;
|
||||
height: 60px;
|
||||
margin-right: 20px;
|
||||
margin-left: 30px;
|
||||
margin-top: 15px;
|
||||
display: block;
|
||||
width: 200px;
|
||||
}
|
||||
.logo {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.header_nav {
|
||||
width: 100%; /* i'm assuming full width */
|
||||
height: 80px; /* change it to desired width */
|
||||
background-color: #ffffff; /* change to desired color */
|
||||
|
||||
}
|
||||
.title_title {
|
||||
height: 240px;
|
||||
font-size: 50px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.ueberschrift {
|
||||
font-size: 50px;
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
/* Toggle Show/Hide Menu */
|
||||
#hamitems { display: none; }
|
||||
#hamnav input:checked ~ #hamitems {
|
||||
display: block;
|
||||
transition: color 1s;
|
||||
transition: background-color 1s;
|
||||
}
|
||||
#hamnav input:checked ~ .mobile_logo {
|
||||
display: none;
|
||||
}
|
||||
#hamitems > .logo {
|
||||
display: block;
|
||||
}
|
||||
p {
|
||||
margin-left: 15px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.title {
|
||||
height: 500px;
|
||||
}
|
||||
.prezi iframe{
|
||||
height: 300px;
|
||||
}
|
||||
.prezi {
|
||||
height: 320px;
|
||||
}
|
||||
.kontakt_items {
|
||||
height: 900px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
|
||||
<nav id="hamnav" class="header_nav">
|
||||
<label for="hamburger">☰</label>
|
||||
<input type="checkbox" id="hamburger"/>
|
||||
|
||||
<div class="mobile_logo"><img src="assets/logo_header.svg" /></div>
|
||||
<!--<a href="knotenpunkt-alpen.de">Startseite</a>-->
|
||||
<div id="hamitems">
|
||||
<div class="logo"><img src="assets/logo_header.svg" /></div>
|
||||
<a href="https://knotenpunkt-alpen.de/about/impressum.html">Impressum</a>
|
||||
<a class="scroll" href="#Kontakt">Kontakt</a>
|
||||
<a class="scroll" href="#hilfe">Hilfe</a>
|
||||
<a class="scroll" href="#ueber">Über</a>
|
||||
<a href="https://knotenpunkt-alpen.de/auth/sign_in">Log-In</a>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<div id="bg"></div>
|
||||
<div class="content" style="z-index: 100">
|
||||
|
||||
|
||||
<a name="Startpage"></a>
|
||||
<div class="title">
|
||||
<h1 class="title_title white">Werde Teil von knotenpunkt-alpen.de!</h1>
|
||||
<p class="white">
|
||||
knotenpunkt-alpen.de ist eine Onlineplattform für Menschen und Organisationen, die sich für eine nachhaltige Entwicklung das bayerischen Alpenraums einsetzen.
|
||||
</p>
|
||||
<div class="buttons">
|
||||
<button class="dark_btn" onclick="window.location.href='https://knotenpunkt-alpen.de/auth/sign_in';">Log-In</a>
|
||||
<button class="scroll dark_btn" onclick="window.location.href='#tutorial';">Interaktives Tutorial</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a name="ueber"></a>
|
||||
<div class="ueber">
|
||||
<h1 class="ueberschrift black" >ÜBER</h1>
|
||||
<p class="black">
|
||||
Bereits während des Projekts „Knotenpunkt Alpen“ entstand die Idee einer Onlineplattform. Akteurinnen und Akteuren aus der ganzen geografischen Breite des bayerischen Alpenraums sollte auf simple Art und Weise ermöglicht werden, sich gegenseitig zu finden, zu vernetzen und miteinander zu kommunizieren. Jetzt wird diese Idee in die Tat umgesetzt: CIPRA Deutschland schafft mit dem Programmiererkollektiv „hacc“ ein eigenes „Social Network der Nachhaltigkeit“. Dieser neue Knotenpunkt ermöglicht Wissensaustausch, Vernetzung und gegenseitige Inspiration, um den bayrischen Alpenraum einen Schritt näher zu einer gelebten Nachhaltigkeit zu bringen.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<a class="dark_bg" name="hilfe"></a>
|
||||
<div class="hilfe white">
|
||||
<h1 class="ueberschrift">HILFE</h1>
|
||||
<a name="tutorial"></a>
|
||||
<div class="embed prezi">
|
||||
<iframe src="https://prezi.com/view/jfNaZCWSVAgiSeqTVqis/embed" webkitallowfullscreen="1" mozallowfullscreen="1" allowfullscreen="1"></iframe>
|
||||
</div>
|
||||
<p>
|
||||
Du brauchst noch Unterstützung für die knotenpunkt-alpen.de Plattform? Klicke dich mit den Pfeilen von vorne nach hinten durch die interaktive Anleitung oder wähle interessante Punkte direkt aus. Bei Detailfragen hilft dir unser Handuch, eine ausführlichere Anleitung, weiter.
|
||||
</p>
|
||||
|
||||
|
||||
<div class="buttons spacing">
|
||||
<button class="white_btn" onclick="window.location.href='/about/assets/handbuch.pdf';">Handbuch</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a name="Kontakt"></a>
|
||||
<div class="kontakt">
|
||||
<h1 class="ueberschrift">KONTAKT</h1>
|
||||
<p>
|
||||
Du hast Fragen, Anmerkungen oder möchtest uns wegen etwas anderem eine Nachricht zukommen lassen? Du erreichst uns über die Kontaktangaben der Geschäftsstelle. Über das Formular kannst du uns auch eine Nachricht schicken.
|
||||
</p>
|
||||
<div class="kontakt_items">
|
||||
<div class="geschaeftsstelle_div">
|
||||
<h2 class="geschaeftsstelle ueberschrift">Geschäftsstelle</h2>
|
||||
<div class="embed">
|
||||
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=11.573109626770021%2C48.13522547943893%2C11.576006412506105%2C48.136874078682965&layer=mapnik&marker=48.136049785677855%2C11.574558019638062" style="border: 1px solid black"></iframe><br/><small><a href="https://www.openstreetmap.org/?mlat=48.13605&mlon=11.57456#map=19/48.13605/11.57456"></a></small>
|
||||
</div>
|
||||
<p>
|
||||
Alpenschutzkommission CIPRA Deutschland e.V.
|
||||
c/o Sektion München des DAV e.V.
|
||||
Rindermarkt 3
|
||||
München, 80331
|
||||
Deutschland
|
||||
</p>
|
||||
<div class="buttons">
|
||||
<button class="white_btn" onclick="window.location.href='https://cipra.de'">cipra.de</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nachricht_div">
|
||||
<h2 class="nachricht ueberschrift">Nachricht senden</h2>
|
||||
<div class="text">
|
||||
</div>
|
||||
<p>
|
||||
Du kannst gerne einfach eine mail an <a href="mailto:info@knotenpunkt-alpen.de">info@knotenpunkt-alpen.de</a> senden!
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="content" style="z-index: 200">
|
||||
<div class="foerderhinweis">
|
||||
<img class="image" src="images/foerderhinweis.png"></img>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<a href="https://knotenpunkt-alpen.de/about/impressum.html">Impressum</a>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in a new issue