slimspots wiki admin.html 13.6 KB
<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Slimspots Wiki</title>

    <!-- Bootstrap Core CSS -->
    <link href="static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    
	<!-- Custom CSS -->
	<link href="static/css/slimspots-wiki.css" rel="stylesheet">
	<link href="static/css/styles.css" rel="stylesheet">
	<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

	<!-- FontAwesome -->
	<link rel="stylesheet" href="static/font-awesome/css/font-awesome.min.css">
	
	<script src="static/bootstrap/js/jquery-1.11.0.js"></script>
	

	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

    <div  id="wrapper">
		<!----------------------------------------------------- Sidebar ---------------------------------------------------->
        <div id="sidebar-wrapper">
            <ul class="sidebar-nav">
                <li class="sidebar-brand">
                    <a href="#">
                       <img src="static/gfx/logo.svg" class="img-responsive"/>
                    </a>
                </li>
                <li class="has-sub active" id="active">
                <a href='#'>Inhaltsverzeichnis 
                	<i class="fa fa-chevron-down fa pull-right chevron-margin" id="valign-icon"></i>
                </a>
					<ul>
						<li id="sub-active"><a href='#' class="sub-text-padding">Unterpunkt 1</a></li>
						<li class="last"><a href='#' class="sub-text-padding">Unterpunkt 2</a></li>
					</ul>
				</li>
				<li>
                    <a href="#">
						Menüpunkt 1
                    <i class="fa fa-chevron-right fa pull-right chevron-margin" id="valign-icon"></i>
                    </a>
                </li>
                <li>
                    <a href="#">
						Menüpunkt 2
                    <i class="fa fa-chevron-right fa pull-right chevron-margin" id="valign-icon"></i>
                    </a>
                </li>
                <li>
                    <a href="#">
						Menüpunkt 3
                    <i class="fa fa-chevron-right fa pull-right chevron-margin" id="valign-icon"></i>
                    </a>
                </li>
                <li>
                    <a href="#">
						Menüpunkt 4
                    <i class="fa fa-chevron-right fa pull-right chevron-margin" id="valign-icon"></i>
                    </a>
                </li>
                <li>
                    <a href="#">
						Menüpunkt 5
                    <i class="fa fa-chevron-right fa pull-right chevron-margin" id="valign-icon"></i>
                    </a>
                </li>
                <li>
                    <a href="#">
						Menüpunkt 6
                    <i class="fa fa-chevron-right fa pull-right chevron-margin" id="valign-icon"></i>
                    </a>
                </li>
              
                
            </ul>
        </div>
        <!-- /#sidebar-wrapper -->

		<!---------------------------------------------------------------------------------------------------------------->
        		
		<div class="container-fluid" id="menu-tray">
			<div class="col-xs-6">
				<a href="#menu-toggle" id="menu-toggle"><i class="fa fa-bars fa-2x icon pull-left"></i></a>
			</div>
			<div class="col-xs-6" id="search-container">
				<form name="#" method="#" action="#" class="form-search">
					<input type="text" class="pull-right" name="#"  id="search-rounded" placeholder="Suche">
				</form>
			</div>
		</div>
		
		<div id="page-content-wrapper">
			<div class="pull-right">	
				<!-- In this table we display the date and time (desktop devices only) -->
				<table id="datetime">
					<tr>
						<td id="date-container">
                      		<span id="day"></span>
					  		  <br>
					  		  <span id="datetime-number">&nbsp;<span id="datum">&nbsp;</span>&nbsp;</span><span id="month">&nbsp;</span>&nbsp;
					  	</td>
					  	<td id="time-container">
							<span id="hour">&nbsp;</span>&nbsp;:&nbsp;<span id="minute">&nbsp;</span>
						</td>
					</tr>
				</table>
			</div>
			
<!-------------------------------------------------------------------->				
			
			<div id="container2">
				<h1 id="container2-header">Slimspots Wiki</h1>
			</div>

			<article>
				<h2>Inhaltsverzeichnis</h2><hr>
				<p>
					Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Curabitur sed tempor lectus. Morbi vestibulum vitae augue non ullamcorper. Duis ornare dolor urna, non ullamcorper libero condimentum ac. Sed sit amet ullamcorper nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus. In mollis elementum accumsan. Nullam eleifend ullamcorper diam volutpat viverra. Mauris auctor felis et nunc consectetur mattis. Pellentesque blandit odio dolor, et porta purus sodales at. Mauris varius pharetra massa, ut accumsan leo efficitur quis. Quisque pellentesque nisl magna, a lobortis ex bibendum a. Pellentesque malesuada massa sit amet arcu sagittis varius eu a massa. Pellentesque condimentum ligula massa, sit amet facilisis nisi auctor accumsan. Curabitur ut vestibulum dolor, a mollis metus. Nam vitae vulputate dui.
				</p>  
				<div class="all-chapters">
					<h3 id="1">1. Something</h3><hr>
					<p class="margin-bottom-50px">
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sodales porta libero, nec placerat nunc congue vel. Suspendisse potenti. Cras vel consectetur nibh. Maecenas lectus libero, congue in pharetra quis, rutrum nec sapien. Aliquam dignissim, nisl ut posuere pellentesque, est velit lacinia turpis, at semper mi elit ut elit. Cras aliquam nisi eget neque aliquet tristique. Aliquam ac libero in arcu luctus scelerisque. Etiam condimentum sapien nec nunc ornare, id convallis odio condimentum. Vestibulum consectetur diam sit amet ligula imperdiet dictum. Sed eget efficitur dui, sit amet volutpat odio. Ut quis lobortis augue. Praesent convallis ipsum non quam vulputate elementum. Aliquam eu aliquam quam.
					</p>  
  
					<h3 id="2">2. Second something</h3><hr>
					<p class="margin-bottom-50px">
						Curabitur sed tempor lectus. Morbi vestibulum vitae augue non ullamcorper. Duis ornare dolor urna, non ullamcorper libero condimentum ac. Sed sit amet ullamcorper nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus. In mollis elementum accumsan. Nullam eleifend ullamcorper diam volutpat viverra. Mauris auctor felis et nunc consectetur mattis. Pellentesque blandit odio dolor, et porta purus sodales at. Mauris varius pharetra massa, ut accumsan leo efficitur quis. Quisque pellentesque nisl magna, a lobortis ex bibendum a. Pellentesque malesuada massa sit amet arcu sagittis varius eu a massa. Pellentesque condimentum ligula massa, sit amet facilisis nisi auctor accumsan. Curabitur ut vestibulum dolor, a mollis metus. Nam vitae vulputate dui.
					</p> 

					<h3 id="2.1">&nbsp;2.1. Second something one</h3><hr>
					<p class="margin-bottom-50px">
						Curabitur sed tempor lectus. Morbi vestibulum vitae augue non ullamcorper. Duis ornare dolor urna, non ullamcorper libero condimentum ac. Sed sit amet ullamcorper nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus. In mollis elementum accumsan. Nullam eleifend ullamcorper diam volutpat viverra. Mauris auctor felis et nunc consectetur mattis. Pellentesque blandit odio dolor, et porta purus sodales at. Mauris varius pharetra massa, ut accumsan leo efficitur quis. Quisque pellentesque nisl magna, a lobortis ex bibendum a. Pellentesque malesuada massa sit amet arcu sagittis varius eu a massa. Pellentesque condimentum ligula massa, sit amet facilisis nisi auctor accumsan. Curabitur ut vestibulum dolor, a mollis metus. Nam vitae vulputate dui.
					</p>  
   
					<h3 id="2.1.1">&nbsp;&nbsp;2.1.1. Second one something one</h3><hr>
					<p class="margin-bottom-50px">
						Curabitur sed tempor lectus. Morbi vestibulum vitae augue non ullamcorper. Duis ornare dolor urna, non ullamcorper libero condimentum ac. Sed sit amet ullamcorper nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus. In mollis elementum accumsan. Nullam eleifend ullamcorper diam volutpat viverra. Mauris auctor felis et nunc consectetur mattis. Pellentesque blandit odio dolor, et porta purus sodales at. Mauris varius pharetra massa, ut accumsan leo efficitur quis. Quisque pellentesque nisl magna, a lobortis ex bibendum a. Pellentesque malesuada massa sit amet arcu sagittis varius eu a massa. Pellentesque condimentum ligula massa, sit amet facilisis nisi auctor accumsan. Curabitur ut vestibulum dolor, a mollis metus. Nam vitae vulputate dui.
					</p>  
  
					<h3 id="3">3. Third something</h3><hr>
					<p class="margin-bottom-50px">
						Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
					</p>  
  
					<h3 id="4">4. Fourth something</h3><hr>
					<p class="margin-bottom-50px">
						Sed tristique urna in luctus cursus. Duis pharetra massa eu posuere faucibus. Donec consequat odio finibus rhoncus eleifend. Curabitur quis laoreet massa. Proin luctus gravida lectus, quis ultricies urna ultrices sed. Ut dictum, leo dignissim sodales tincidunt, eros libero posuere arcu, sed scelerisque augue odio eget mi. Aenean accumsan diam sed mi eleifend finibus.
					</p> 
  
					<h3 id="5">5. Fifth something already?</h3><hr>
					<p class="margin-bottom-50px">
						Proin volutpat malesuada nisl et sodales. Nulla vel lacinia nisi. Vestibulum vehicula justo quam, blandit mollis turpis iaculis non. Duis sodales nunc nec diam fermentum, in porttitor eros lobortis. Phasellus rutrum ligula lacus, id eleifend risus dictum eu. Nulla pretium ultrices lorem tempus luctus. Nullam dictum leo ut turpis aliquam convallis. Nam blandit rhoncus orci, nec rutrum diam dignissim vitae. Vestibulum quis sem at nisl condimentum tincidunt. Nullam facilisis lectus a dui eleifend, eget hendrerit ex imperdiet.
					</p>  
  
					<h3 id="6">6. How many are there?</h3><hr>
					<p class="margin-bottom-50px">
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ornare nibh eu lorem hendrerit tempor. Nullam quis sagittis eros, sit amet egestas metus. Etiam tincidunt dolor turpis, in accumsan libero ultrices ac. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut scelerisque vehicula diam sed blandit. Nunc suscipit facilisis est vitae pulvinar. Morbi auctor nulla a mauris dignissim, vel consequat leo dapibus. Aliquam luctus sagittis risus. Nunc facilisis elementum justo, vitae luctus mi consectetur ut. Sed fringilla, diam at volutpat sollicitudin, tellus lorem dapibus risus, at viverra erat arcu nec sem. Nam facilisis dolor at odio efficitur, ac luctus ipsum tincidunt.
					</p>  
  
					<h3 id="7">7. Ok this is pure madness</h3><hr>
					<p class="margin-bottom-50px">
						Suspendisse maximus ligula id mauris sagittis, nec rutrum sem pulvinar. Ut lacus eros, pharetra vitae sollicitudin in, gravida dignissim sapien. Pellentesque aliquet eget turpis ut scelerisque. Mauris viverra mi tortor, sed sollicitudin ante tristique eu. In hac habitasse platea dictumst. Nam commodo, leo eget accumsan laoreet, dui ipsum rhoncus ante, eget porta dui leo at mauris. Phasellus auctor est sit amet nisi pellentesque ultrices. Aliquam erat volutpat.
					</p>  
  
					<h3 id="8">8. Stop</h3><hr>
					<p class="margin-bottom-50px">
						Suspendisse non ante convallis tortor sodales vulputate. Morbi mollis dui a quam dictum, et hendrerit nunc sollicitudin. Praesent nec varius turpis. Curabitur volutpat accumsan blandit. Phasellus ut sodales nulla, a porta enim. Maecenas eget lorem vulputate libero pretium pellentesque gravida interdum orci. Proin mi neque, commodo a metus in, imperdiet vestibulum dolor. Praesent non justo id nulla ornare hendrerit. Vestibulum efficitur enim leo, quis auctor ipsum dignissim sit amet. Aliquam ac consectetur justo. Ut et suscipit nulla. Donec suscipit magna quis eros consequat, sit amet mollis diam feugiat. Curabitur sollicitudin fermentum tincidunt. Phasellus sit amet ornare erat, vitae porttitor dolor.
					</p>  
  
					<h3 id="9">9. Please</h3><hr>
					<p class="margin-bottom-50px">
						Nunc volutpat sem ac tincidunt blandit. Morbi laoreet turpis felis, quis ultrices urna cursus non. Etiam eu erat placerat, rhoncus lacus fringilla, fermentum nisi. Morbi varius turpis et justo viverra ornare. Morbi eleifend nec nulla non eleifend. Quisque dignissim, ante sit amet semper dignissim, lorem risus scelerisque ligula, vitae tincidunt enim odio ac ipsum. Maecenas euismod nisl non sodales iaculis.
					</p> 
				</div>
			</article>
		</div>
		<!-- /#page-content-wrapper -->
	</div>
	<!-- /#wrapper -->
	
	<!-- Bootstrap Core JavaScript -->
	<script src="static/bootstrap/js/bootstrap.min.js"></script>
	
	<!-- Update time JavaScript -->
	<script src="static/js/main.js"></script>
	<script src="static/js/updatetime.js"></script>

	

	
	
</body>
</html>