mirror of
https://github.com/Findus23/Maturaball.git
synced 2024-08-27 19:52:14 +02:00
Design-Idee hinzugefügt
This commit is contained in:
Findus23
parent
d283e7f274
commit
c292f33b7e
2 changed files with 240 additions and 0 deletions
141
design.html
Normal file
141
design.html
Normal file
|
|
@ -0,0 +1,141 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<!-- auf jeder Seite identisch -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
||||
|
||||
<!-- eigene META-Angaben -->
|
||||
<title>Template</title>
|
||||
<meta name="author" content="Lukas Winkler" >
|
||||
<meta name="date" content="2014-06-03T19:56:44+0200" >
|
||||
<meta name="generator" content="Bluefish 2.2.6" >
|
||||
<meta name="description" content="Ali Baba und die 40 Maturanten – Der Maturaball des Bg Rechte Kremszeile 2014">
|
||||
<meta name="language" content="ES">
|
||||
<meta name="designer" content="Karin Geishofer,Lukas Winkler">
|
||||
<meta property="og:title" content="Ali Baba und die 40 Maturanten – Der Maturaball des Bg Rechte Kremszeile 2014">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:image" content=""> <!-- quadratisches Bild für Facebook und andere Webseiten -->
|
||||
<meta property="og:url" content="http://maturaball.kremszeile.at">
|
||||
<meta name="og:latitude" content="48.394809">
|
||||
<meta name="og:longitude" content="-122.153013">
|
||||
<meta name="og:street-address" content="Am Limes 1">
|
||||
<meta name="og:locality" content="Mautern an der Donau">
|
||||
<meta name="og:postal-code" content="3512">
|
||||
<meta name="og:country-name" content="AT">
|
||||
<meta name="og:email" content="maturaball@kremszeile.at">
|
||||
<meta name="og:phone_number" content="650-123-4567">
|
||||
<meta name="og:fax_number" content="+1-415-123-4567">
|
||||
|
||||
<!-- Place favicon.ico and apple-touch-icon(s) here -->
|
||||
|
||||
<link rel="shortcut icon" href="../img/favicon.ico">
|
||||
<link rel="apple-touch-icon-precomposed" href="./img/touch-icon.57.png">
|
||||
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="./img/touch-icon.72.png">
|
||||
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="./img/touch-icon.114.png">
|
||||
<link rel="apple-touch-startup-image" href="./img/splash.320x460.png" media="screen and (min-device-width: 200px) and (max-device-width: 320px) and (orientation:portrait)">
|
||||
<link rel="apple-touch-startup-image" href="./img/splash.768x1004.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)">
|
||||
<link rel="apple-touch-startup-image" href="./img/splash.1024x748.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)">
|
||||
|
||||
<!-- load inks CSS -->
|
||||
<link rel="stylesheet" type="text/css" href="./css/ink-flex.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="./css/font-awesome.min.css">
|
||||
|
||||
<!-- load inks CSS for IE8 -->
|
||||
<!--[if lt IE 9 ]>
|
||||
<link rel="stylesheet" href="./css/ink-ie.min.css" type="text/css" media="screen" title="no title" charset="utf-8">
|
||||
<![endif]-->
|
||||
|
||||
<!-- test browser flexbox support and load legacy grid if unsupported -->
|
||||
<script type="text/javascript" src="./js/modernizr.js"></script>
|
||||
<script type="text/javascript">
|
||||
Modernizr.load({
|
||||
test: Modernizr.flexbox,
|
||||
nope : './css/ink-legacy.min.css'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- load inks javascript files -->
|
||||
<script type="text/javascript" src="./js/holder.js"></script>
|
||||
<script type="text/javascript" src="./js/ink-all.min.js"></script>
|
||||
<script type="text/javascript" src="./js/autoload.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
/*html {
|
||||
background-image: url(http://www.noe-schultennis.at/wp-content/uploads/2014/01/background1.jpg);
|
||||
}*/
|
||||
#logo img {
|
||||
display: block;
|
||||
margin: 20px auto;
|
||||
}
|
||||
#banner img {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
}
|
||||
#page,footer {
|
||||
padding-top: 20px;
|
||||
background-color: lightgrey;
|
||||
}
|
||||
#main, #sidebar-links {
|
||||
padding: 20px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!--[if lte IE 9 ]>
|
||||
<div class="ink-alert basic">
|
||||
<button class="ink-dismiss">×</button>
|
||||
<p>
|
||||
<strong>You are using an outdated Internet Explorer version.</strong>
|
||||
Please <a href="http://browsehappy.com/">upgrade to a browser</a> to improve your web experience.
|
||||
</p>
|
||||
</div>
|
||||
-->
|
||||
|
||||
<!-- Add your site or application content here -->
|
||||
|
||||
<div id="logo">
|
||||
<img src="http://lorempixel.com/400/166/abstract/Logo-Platzhalter" alt="Logo">
|
||||
</div>
|
||||
<div id="navigation">
|
||||
<nav class="ink-navigation ink-grid">
|
||||
<ul class="menu horizontal black push-center">
|
||||
<li class="heading"><a href="#">Punkt 1</a></li>
|
||||
<li><a href="#">Punkt 2</a></li>
|
||||
<li><a href="#">Punkt 3</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="#">Unterpunkt zu 3</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">Punkt mit ziemlich langem Namen 4</a></li>
|
||||
<li><a href="#">Punkt 5</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="ink-grid" id="wrapper">
|
||||
<div id="banner">
|
||||
<img src="http://lorempixel.com/1300/186/abstract/Banner-Platzhalter" alt="">
|
||||
</div>
|
||||
<div id="page" class="column-group">
|
||||
<div class="all-20 tiny-100 small-100 medium-100" id="sidebar-links">
|
||||
<h2>Seitenleiste</h2>
|
||||
<p>Hier kann ein Seitenleisten-Text, eine Navigationsleiste oder Logos der Sponsoren hinkommen. Oder die Leiste wird weggelassen.</p>
|
||||
</div>
|
||||
<div id="main" class="all-80 tiny-100 small-100">
|
||||
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer</div></p>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<footer>
|
||||
Fußzeile
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
99
template.html
Normal file
99
template.html
Normal file
|
|
@ -0,0 +1,99 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<!-- auf jeder Seite identisch -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
||||
|
||||
<!-- eigene META-Angaben -->
|
||||
<title>Template</title>
|
||||
<meta name="author" content="Lukas Winkler" >
|
||||
<meta name="date" content="2014-05-31T18:02:28+0200" >
|
||||
<meta name="generator" content="Bluefish 2.2.6" >
|
||||
<meta name="description" content="Ali Baba und die 40 Maturanten – Der Maturaball des Bg Rechte Kremszeile 2014">
|
||||
<meta name="language" content="ES">
|
||||
<meta name="designer" content="Karin Geishofer,Lukas Winkler">
|
||||
<meta property="og:title" content="Ali Baba und die 40 Maturanten – Der Maturaball des Bg Rechte Kremszeile 2014">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:image" content=""> <!-- quadratisches Bild für Facebook und andere Webseiten -->
|
||||
<meta property="og:url" content="http://maturaball.kremszeile.at">
|
||||
<meta name="og:latitude" content="48.394809">
|
||||
<meta name="og:longitude" content="-122.153013">
|
||||
<meta name="og:street-address" content="Am Limes 1">
|
||||
<meta name="og:locality" content="Mautern an der Donau">
|
||||
<meta name="og:postal-code" content="3512">
|
||||
<meta name="og:country-name" content="AT">
|
||||
<meta name="og:email" content="maturaball@kremszeile.at">
|
||||
<meta name="og:phone_number" content="650-123-4567">
|
||||
<meta name="og:fax_number" content="+1-415-123-4567">
|
||||
|
||||
<!-- Place favicon.ico and apple-touch-icon(s) here -->
|
||||
|
||||
<link rel="shortcut icon" href="../img/favicon.ico">
|
||||
<link rel="apple-touch-icon-precomposed" href="./img/touch-icon.57.png">
|
||||
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="./img/touch-icon.72.png">
|
||||
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="./img/touch-icon.114.png">
|
||||
<link rel="apple-touch-startup-image" href="./img/splash.320x460.png" media="screen and (min-device-width: 200px) and (max-device-width: 320px) and (orientation:portrait)">
|
||||
<link rel="apple-touch-startup-image" href="./img/splash.768x1004.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)">
|
||||
<link rel="apple-touch-startup-image" href="./img/splash.1024x748.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)">
|
||||
|
||||
<!-- load inks CSS -->
|
||||
<link rel="stylesheet" type="text/css" href="./css/ink-flex.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="./css/font-awesome.min.css">
|
||||
|
||||
<!-- load inks CSS for IE8 -->
|
||||
<!--[if lt IE 9 ]>
|
||||
<link rel="stylesheet" href="./css/ink-ie.min.css" type="text/css" media="screen" title="no title" charset="utf-8">
|
||||
<![endif]-->
|
||||
|
||||
<!-- test browser flexbox support and load legacy grid if unsupported -->
|
||||
<script type="text/javascript" src="./js/modernizr.js"></script>
|
||||
<script type="text/javascript">
|
||||
Modernizr.load({
|
||||
test: Modernizr.flexbox,
|
||||
nope : './css/ink-legacy.min.css'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- load inks javascript files -->
|
||||
<script type="text/javascript" src="./js/holder.js"></script>
|
||||
<script type="text/javascript" src="./js/ink-all.min.js"></script>
|
||||
<script type="text/javascript" src="./js/autoload.js"></script>
|
||||
|
||||
<!--Share-Buttons von Heise -->
|
||||
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
|
||||
<script type="text/javascript" src="jquery.socialshareprivacy.js"></script>
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function($){
|
||||
if($('#socialshareprivacy').length > 0){
|
||||
$('#socialshareprivacy').socialSharePrivacy({
|
||||
"css_path" : "socialshareprivacy/socialshareprivacy.css",
|
||||
"lang_path" : "socialshareprivacy/lang/",
|
||||
"language" : "de"
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!--[if lte IE 9 ]>
|
||||
<div class="ink-alert basic">
|
||||
<button class="ink-dismiss">×</button>
|
||||
<p>
|
||||
<strong>You are using an outdated Internet Explorer version.</strong>
|
||||
Please <a href="http://browsehappy.com/">upgrade to a browser</a> to improve your web experience.
|
||||
</p>
|
||||
</div>
|
||||
-->
|
||||
|
||||
<!-- Add your site or application content here -->
|
||||
<div id="socialshareprivacy"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in a new issue