Skip to content

Instantly share code, notes, and snippets.

@sebprunier

sebprunier/react-todoapp-template.html

Last active January 24, 2017 12:53
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sebprunier/b693e45f1410e42a2766c94f7dfc7666 to your computer and use it in GitHub Desktop.
Save sebprunier/b693e45f1410e42a2766c94f7dfc7666 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
react-todoapp-template.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
<title>Todo App</title>
<!-- CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body>
<div class="row">
<div class="col s4">
<div>
<h3>Nouveau</h3>
<form class="col s12">
<div class="input-field col s12">
<input placeholder="Titre" id="title" type="text">
<label for="title">Titre</label>
</div>
<div class="input-field col s12">
<input placeholder="Description" id="description" type="text">
<label for="description">Description</label>
</div>
</form>
</div>
<div>
<h3>Stats</h3>
<p>42 TODOs</p>
</div>
</div>
<div class="col s8">
<div>
<h3>Filtres</h3>
<input type="checkbox" id="new" />
<label for="new">Nouveau</label>
<input type="checkbox" id="in_progress" />
<label for="in_progress">En cours</label>
<input type="checkbox" id="done" />
<label for="done">Terminé</label>
</div>
<div>
<h3>Liste des TODOs</h3>
<div class="card">
<div class="card-content">
<span class="card-title">Titre 1</span>
<p>Description 1</p>
</div>
<div class="card-action">
<a href="#">Commencer</a>
</div>
</div>
<div class="card">
<div class="card-content">
<span class="card-title">Titre 2</span>
<p>Description 2</p>
</div>
<div class="card-action">
<a href="#">Terminer</a>
</div>
</div>
<div class="card">
<div class="card-content">
<span class="card-title">Titre 3</span>
<p>Description 3</p>
</div>
<div class="card-action">
<a href="#">Commencer</a>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment