116 lines
4.5 KiB
HTML
116 lines
4.5 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>Balle Phenix</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="css/style.css" />
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
|
|
<script src="lib/mithril/mithril.min.js"></script>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="uk-navbar">
|
|
<div class="uk-navbar-content uk-navbar-center">
|
|
<ul class="uk-navbar-nav">
|
|
<li class="uk-parent">
|
|
<a href="https://www.facebook.com/LigueDeBalleLesPhenix">
|
|
<i class="fa fa-facebook-square"></i>
|
|
</a>
|
|
</li>
|
|
<li class="uk-active"><a href="index.html">Acceuil</a></li>
|
|
<li class="uk-parent"><a href="calendrier.html">Calendrier</a></li>
|
|
<li class="uk-parent"><a>Règlements</a></li>
|
|
<li class="uk-parent"><a>Photos</a></li>
|
|
<li class="uk-parent"><a>Membre</a></li>
|
|
<li class="uk-parent"><a>Nous Joindre</a></li>
|
|
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="uk-grid">
|
|
<div class="uk-width-1-3"></div>
|
|
<div class="uk-width-1-3">
|
|
<div class="uk-cover-background"
|
|
style="height: 500px; background-size: 500px; background-image: url(/images/phenix_logo.png);">
|
|
</div>
|
|
</div>
|
|
<div class="uk-width-1-3"></div>
|
|
</div>
|
|
|
|
<div class="uk-grid">
|
|
<div class="uk-width-1-5"></div>
|
|
<div class="uk-width-1-5">
|
|
<div class="uk-panel uk-panel-box">
|
|
<div class="uk-panel-badge uk-badge">
|
|
<i class="fa fa-newspaper-o"></i>
|
|
</div>
|
|
<h3 class="uk-panel-title">Nouvelles</h3>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. Donec ut libero sed arcu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor. Pellentesque auctor nisi id magna consequat sagittis. Curabitur dapibus enim sit amet elit pharetra tincidunt feugiat nisl imperdiet. Ut convallis libero in urna ultrices accumsan. Donec sed od
|
|
</div>
|
|
</div>
|
|
<div class="uk-width-1-5">
|
|
<div class="uk-panel uk-panel-box">
|
|
<div class="uk-panel-badge uk-badge"><i class="fa fa-clock-o"></i> </div>
|
|
<h3 class="uk-panel-title">Horaire</h3>
|
|
<table class="uk-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Date</th>
|
|
<th>Heure</th>
|
|
<th>Visiteur</th>
|
|
<th>Receveur</th>
|
|
</tr>
|
|
</thead>
|
|
<tr>
|
|
<td>30 fevrier 2016</td>
|
|
<td>18h60</td>
|
|
<td>Mauve</td>
|
|
<td>Noir</td>
|
|
</tr>
|
|
<tr>
|
|
<td>30 fevrier 2016</td>
|
|
<td>18h60</td>
|
|
<td>Mauve</td>
|
|
<td>Noir</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="uk-width-1-5">
|
|
<div class="uk-panel uk-panel-box">
|
|
<div class="uk-panel-badge uk-badge"><i class="fa fa-map-o"></i></div>
|
|
<h3 class="uk-panel-title">Parc</h3>
|
|
<div style="width: 100%; height: 300px; background-color: red;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="uk-width-1-5"></div>
|
|
</div>
|
|
|
|
<footer class="uk-grid ph-footer" style="padding: 80px;">
|
|
<div class="uk-container uk-container-center uk-text-center">
|
|
<div class="uk-panel">
|
|
Ligue de balle les Phénix … pour le plaisir de jouer!
|
|
</div>
|
|
<ul class="uk-subnav uk-subnav-line uk-flex-center">
|
|
<li><a href="mailto:info@ballephenix.com">info@ballephenix.com</a></li>
|
|
</ul>
|
|
<h1>
|
|
<a href="https://www.facebook.com/LigueDeBalleLesPhenix">
|
|
<i class="fa fa-facebook-square"></i>
|
|
</a>
|
|
</h1>
|
|
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|