{% extends 'default/index.html.twig' %}
{% block body %}
<!-- Navigation -->
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
Menu <i class="fa fa-bars"></i>
</button>
<a class="navbar-brand page-scroll" href="{{asset(baseDir)}}#page-top">
<i class="fa fa-play-circle"></i> DATA4C
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-left navbar-main-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden">
<a href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="{{asset(baseDir)}}#portfolio">Blog</a>
</li>
<li>
<a class="page-scroll hover" href="{{asset(baseDir)}}#about-bg">Stats</a>
</li>
<li>
<a class="page-scroll" href="{{asset(baseDir)}}#about">À propos</a>
</li>
<li>
<a class="page-scroll hover" href="{{asset(baseDir)}}#contact">Contact</a>
</li>
</ul>
</div>
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
<li>
<a id="login" class="page-scroll" href="{{asset(baseDir)}}login">Login</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<br><br><br><br>
<section class="blog-item">
<div class="content-section text-center">
<div class="blog-intro">
<h1>{{ blog.blogtitre }}</h1>
<p class="text-muted item-intro blog-description">{{ blog.blogdescription }}</p>
<img class="blog-image" src="{{asset(baseDir)}}img/{{ blog.id }}_{{ blog.blogfilename }}" alt="">
</div>
<div>
{{ blog.blogtext|raw }}
</div>
</div>
</section>
{% endblock %}