{% extends 'base.html.twig' %}
{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('styles/todojs.min.css') }}">
{% endblock %}
{% block title %} TODOS {% endblock %}
{% block body %}
<div class="mo-content">
<div class="app-todos">
<h2 class="mo-ft-weight-bold">Todo Simple</h2>
<form action="" method="post">
<input type="text" name="todo" />
<button class="fas fa-plus"></button>
</form>
<ul class="todolist"></ul>
<div class="todotasks"></div>
</div>
<div class="mo-fx-d mo-my-2 mo-fx-content-evenly mo-ga-2">
<div class="mo-p-1 mo-fx-item-1 mo-bg-dark">
<h3 class="mo-txt-light mo-align-txt-center"> ReactJs</h3>
<div class="mo-fx-d">
<a class="mo-btn mo-btn-default mo-p-1 mo-mt-1" href="https://github.com/manzowa/todots">
<i class="fas fa-sign-in-alt"></i> Aller vers Github</a>
</div>
</div>
<div class="mo-p-1 mo-fx-item-1 mo-bg-rx">
<h3 class="mo-txt-light mo-align-txt-center"> RxJS</h3>
<div class="mo-fx-d">
<a class="mo-btn mo-btn-default mo-p-1 mo-mt-1" href="https://github.com/manzowa/todots">
<i class="fas fa-sign-in-alt"></i> Aller vers Github</a>
</div>
</div>
<div class="mo-p-1 mo-fx-item-1 mo-bg-primary">
<h3 class="mo-txt-light mo-align-txt-center">TypeScript</h3>
<div class="mo-fx-d">
<a class="mo-btn mo-btn-default mo-p-1 mo-mt-1" href="https://github.com/manzowa/todots" target="_blank">
<i class="fas fa-sign-in-alt"></i> Aller vers Github</a>
</div>
</div>
</div>
</div>
{% endblock %}
{% block javascripts %}
<script src="{{ asset('scripts/todojs.js') }}"></script>
{% endblock %}