diff --git a/css/Contact-Form-Clean.css b/css/Contact-Form-Clean.css new file mode 100644 index 0000000000000000000000000000000000000000..627bc67ee1dc71d3f5706e6c739a9aec8f2cedf2 --- /dev/null +++ b/css/Contact-Form-Clean.css @@ -0,0 +1,90 @@ +.contact-clean { + background: #f1f7fc; + padding: 80px 0; +} + +@media (max-width:767px) { + .contact-clean { + padding: 20px 0; + } +} + +.contact-clean form { + max-width: 480px; + width: 90%; + margin: 0 auto; + background-color: #ffffff; + padding: 40px; + border-radius: 4px; + color: #505e6c; + box-shadow: 1px 1px 5px rgba(0,0,0,0.1); +} + +@media (max-width:767px) { + .contact-clean form { + padding: 30px; + } +} + +.contact-clean h2 { + margin-top: 5px; + font-weight: bold; + font-size: 28px; + margin-bottom: 36px; + color: inherit; +} + +.contact-clean .form-group:last-child { + margin-bottom: 5px; +} + +.contact-clean form .form-control { + background: #fff; + border-radius: 2px; + box-shadow: 1px 1px 1px rgba(0,0,0,0.05); + outline: none; + color: inherit; + padding-left: 12px; + height: 42px; +} + +.contact-clean form .form-control:focus { + border: 1px solid #b2b2b2; +} + +.contact-clean form textarea.form-control { + min-height: 100px; + max-height: 260px; + padding-top: 10px; + resize: vertical; +} + +.contact-clean form .btn { + padding: 16px 32px; + border: none; + background: none; + box-shadow: none; + text-shadow: none; + opacity: 0.9; + text-transform: uppercase; + font-weight: bold; + font-size: 13px; + letter-spacing: 0.4px; + line-height: 1; + outline: none !important; +} + +.contact-clean form .btn:hover { + opacity: 1; +} + +.contact-clean form .btn:active { + transform: translateY(1px); +} + +.contact-clean form .btn-primary { + background-color: #055ada !important; + margin-top: 15px; + color: #fff; +} + diff --git a/img/Kontakt.jpg b/img/Kontakt.jpg new file mode 100644 index 0000000000000000000000000000000000000000..43357abe7a1a2c3f1574bce66c7b19f718e8df94 Binary files /dev/null and b/img/Kontakt.jpg differ diff --git a/img/Mailinglisten.jpg b/img/Mailinglisten.jpg new file mode 100644 index 0000000000000000000000000000000000000000..bd6c9d93e27ee91a8ab156b917194c7e0e9afd25 Binary files /dev/null and b/img/Mailinglisten.jpg differ diff --git a/js/headfoot.js b/js/headfoot.js index c1ae93c73d48e09ce2e880585f8c748447d81b77..98236736a9eb56df8c1d671891c3281a7206500d 100755 --- a/js/headfoot.js +++ b/js/headfoot.js @@ -1,4 +1,4 @@ -var menu = [{'name':'Informationen', 'combos':[{'name':'Projekte', 'link':'/project'}, {'name':'Ãœber das M4_LAB', 'link':'/projectoverview?projectID=1'}], 'type':'dropdown', 'link':'#'},{'name':'Zusammenarbeit', 'combos':[{'name':'Mailinglisten', 'link':'/mailinglists'},{'name':'Videokonferenzen', 'link':'/videoconference.html'},/* {'name':'...', 'link':'#'}*/], 'type':'dropdown', 'link':'#'},{'name':'Events', 'combos':[{'name':'Veranstaltungen der HfT', 'link':'http://www.hft-stuttgart.de/Aktuell/Veranstaltungen/'},{'name':'Veranstaltungen der HfT Forschung', 'link':'https://www.hft-stuttgart.de/forschung/veranstaltungen'}], 'type':'dropdown', 'link':'#'},{'name':'Benutzerkonto', 'combos': [], 'type':'', 'link':'/account/'}]; +var menu = [{'name':'Informationen', 'combos':[{'name':'Projekte', 'link':'/project'}, {'name':'Ãœber das M4_LAB', 'link':'/projectoverview?projectID=1'},[{'name':'Kontakt', 'link':'/account/contact'}], 'type':'dropdown', 'link':'#'},{'name':'Zusammenarbeit', 'combos':[{'name':'Mailinglisten', 'link':'/mailinglists'},{'name':'Videokonferenzen', 'link':'/videoconference.html'},/* {'name':'...', 'link':'#'}*/], 'type':'dropdown', 'link':'#'},{'name':'Events', 'combos':[{'name':'Veranstaltungen der HfT', 'link':'http://www.hft-stuttgart.de/Aktuell/Veranstaltungen/'},{'name':'Veranstaltungen der HfT Forschung', 'link':'https://www.hft-stuttgart.de/forschung/veranstaltungen'}], 'type':'dropdown', 'link':'#'},{'name':'Benutzerkonto', 'combos': [], 'type':'', 'link':'/account/'}]; var hft_links = [{'url':'hhttps://www.hft-stuttgart.de/forschung/innovative-hochschule-m4-lab', 'name':'Kontakt'},{'url':'hhttps://www.hft-stuttgart.de/impressum', 'name':'Impressum'},{'url':'https://www.hft-stuttgart.de/datenschutz', 'name':'Datenschutz'}]