Commit 570c6c60 authored by mmarkus1's avatar mmarkus1
Browse files

new structure for the index.html - sidebar now in another file

parent 7ef84e22
<navigation>
<submenu label="Project">
<item label="About" link="kaesten.html?n=a"/>
<item label="Team" link="kaesten.html?n=a"/>
<item label="Partner" link="kaesten.html?n=a"/>
<submenu label="Project" label-de="" label-fr="">
<item label="Contact" label-de="" label-fr="" link="confluence.html?id=58499710"/>
<item label="Team" label-de="" label-fr="" link="confluence.html?id=58499630"/>
<item label="Partners" label-de="" label-fr="" link="confluence.html?id=58499632"/>
<item label="Acknowledgment" label-de="" label-fr="" link="confluence.html?id=58499634"/>
</submenu>
<item label="Nutzungshinweise" link=""/>
<submenu label="Activities" label-de="" label-fr="">
<item label="Meetings" label-de="" label-fr="" link="confluence.html?id=58499644"/>
<item label="Workshops" label-de="" label-fr="" link="confluence.html?id=58499640"/>
</submenu>
<submenu label="Publications" label-de="" label-fr="">
<item label="References" label-de="" label-fr="" link="confluence.html?id=58499652"/>
<item label="Further Sources" label-de="" label-fr="" link="confluence.html?id=58499657"/>
<item label="Visualizations" label-de="" label-fr="" link="confluence.html?id=58499663"/>
<item label="Historical Outline Data" label-de="" label-fr="" link="confluence.html?id=58499666"/>
</submenu>
<submenu label="Edition" label-de="" label-fr="">
<item label="Editorial Guidelines" label-de="" label-fr="" link="confluence.html?id=58499672"/>
<item label="List of Abbreviations" label-de="" label-fr="" link="confluence.html?id=58499680"/>
<item label="Translation Guidelines" label-de="" label-fr="" link="confluence.html?id=58499674"/>
</submenu>
<item label="Rights of Use" label-de="" label-fr="" link="confluence.html?id=58499688"/>
</navigation>
......@@ -20,163 +20,8 @@
</div>
<div class="col-sm-5 col-md-5 col-lg-4">
<h1 class="block-header">
<span>Last Updates</span>
</h1>
<!-- Tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#lorem" aria-controls="lorem" role="tab" data-toggle="tab">
Blog
</a>
</li>
<li role="presentation">
<a href="#ipsum" aria-controls="ipsum" role="tab" data-toggle="tab">
Comments
</a>
</li>
<li role="presentation">
<a href="#dolor" aria-controls="dolor" role="tab" data-toggle="tab">
Events
</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="lorem">
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_1.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Story Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_2.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Story Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_3.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Story Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
<div data-template="templates:surround" data-template-with="/../../sade-projects/textgrid/templates/tmpl1/info_sidebar.html" data-template-at="content-container">
</div>
<div role="tabpanel" class="tab-pane" id="ipsum">
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_3.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Comment Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_1.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Comment Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_2.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Comment Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="dolor">
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_2.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Event Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_3.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Event Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_1.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Event Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
</div>
</div>
</div>
</div> <!-- / .row -->
</div>
<div><h1 class="block-header">
<span>Last Updates</span>
</h1>
<!-- Tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#lorem" aria-controls="lorem" role="tab" data-toggle="tab">
Blog
</a>
</li>
<li role="presentation">
<a href="#ipsum" aria-controls="ipsum" role="tab" data-toggle="tab">
Publications
</a>
</li>
<li role="presentation">
<a href="#dolor" aria-controls="dolor" role="tab" data-toggle="tab">
Events
</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="lorem">
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_1.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Story Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_2.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Story Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_3.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Story Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="ipsum">
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_3.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Publication Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_1.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Publication Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_2.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Publication Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="dolor">
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_2.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Event Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_3.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Event Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="assets/img/blog_1.jpg" alt="..."/>
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Event Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sed reprehenderit, ex. Quisquam unde dolorum.
</p>
</div>
</div>
</div>
</div>
</div>
<!DOCTYPE html>
<html lang="en">
<head class="html_boxed">
<meta charset="utf-8"/>
......@@ -17,7 +16,7 @@
<link href="assets/css/styles.css" rel="stylesheet"/>
<!-- Google Fonts -->
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600italic,600,700,700italic,800,800italic' rel='stylesheet' type='text/css'/>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600italic,600,700,700italic,800,800italic" rel="stylesheet" type="text/css"/>
</head>
......@@ -35,9 +34,9 @@
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar_main" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"/>
<span class="icon-bar"/>
<span class="icon-bar"/>
</button>
<a class="navbar-brand" href="index.html">ARCHITRAVE</a>
......@@ -91,25 +90,31 @@
<li><a href="ui-elements.html">UI elements</a></li>-->
</ul>
<!--
<ul class="nav navbar-nav navbar-right">
<li>
<a href="sign-in.html"><i class="fa fa-lock"></i> <span class="hidden-md">Sign In</span></a>
</li>
<li>
<a href="sign-up.html"><i class="fa fa-user"></i> <span class="hidden-md">Sign Up</span></a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-globe"/>English <span class="caret"/>
</a>
<ul class="dropdown-menu">
<li>
<a href="?lang=de">Deutsch</a>
<a href="?lang=en">English</a>
<a href="?lang=fr">Français</a>
</li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-search navbar-right">
<div class="form-group">
<input type="text" class="form-control" placeholder="&#xF002; &nbsp; Search">
<input type="text" class="form-control" placeholder="Search"/>
</div>
<button type="submit" class="btn btn-default">
<i class="fa fa-search"></i> Search
<i class="fa fa-search"/>Search
</button>
</form>
-->
</div><!-- /.navbar-collapse -->
</div><!-- /.container -->
......@@ -126,7 +131,7 @@
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#showcase-carousel" data-slide-to="0" class="active"></li>
<li data-target="#showcase-carousel" data-slide-to="0" class="active"/>
</ol>
<!-- Wrapper for slides -->
......@@ -197,13 +202,19 @@
</p>
<ul class="footer__social">
<li>
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#">
<i class="fa fa-facebook"/>
</a>
</li>
<li>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#">
<i class="fa fa-twitter"/>
</a>
</li>
<li>
<a href="#"><i class="fa fa-google-plus"></i></a>
<a href="#">
<i class="fa fa-google-plus"/>
</a>
</li>
</ul>
</div>
......@@ -212,19 +223,6 @@
<div class="col-xs-6 col-sm-2">
<div class="footer__col">
<h3 class="footer__header">
Project
</h3>
<ul class="footer__content">
<li><a href="#">Contact</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Partners</a></li>
<li><a href="#">Acknowledgment</a></li>
<li><a href="#">Imprint</a></li>
</ul>
</div>
</div>
<div class="col-xs-6 col-sm-2">
......@@ -237,7 +235,7 @@
</div> <!-- / .row -->
<hr class="footer__hr" />
<hr class="footer__hr"/>
<div class="row">
<div class="col-sm-6">
......@@ -257,14 +255,14 @@
================================================== -->
<!-- JS Global -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"/>
<script src="assets/bootstrap/js/bootstrap.min.js"/>
<!-- JS Plugins -->
<script src="assets/plugins/scrolltopcontrol/scrolltopcontrol.js"></script>
<script src="assets/plugins/scrolltopcontrol/scrolltopcontrol.js"/>
<!-- JS Custom -->
<script src="assets/js/custom.js"></script>
<script src="assets/js/custom.js"/>
</body>
</html>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment