Center Content each page

This commit is contained in:
Divlo
2019-08-19 01:21:00 +02:00
parent e53dc3bb91
commit 18fd18fec0
7 changed files with 80 additions and 68 deletions

View File

@ -8,22 +8,25 @@
<?php include("../incl/menu.php");?>
<!-- Page Content -->
<div class="container">
<h1><span class="important">La météo</span> :</h1>
<p class="pt-3 text-center">Affiche la météo et l'heure local selon la ville.</p>
<div class="form-group">
<label for="cityName">Entrez le nom d'une ville :</label>
<input name="cityName" type="text" id="cityName" placeholder="(e.g : Paris)" class="form-control">
<br>
<div class="form-row text-center">
<div class="col-12">
<button type="submit" id="submitWeatherRequest" class="btn btn-dark text-center">Envoyer</button>
<div class="jumbotron d-flex align-items-center">
<div class="container">
<h1><span class="important">La météo</span> :</h1>
<p class="pt-3 text-center">Affiche la météo et l'heure local selon la ville.</p>
<div class="form-group">
<label for="cityName">Entrez le nom d'une ville :</label>
<input name="cityName" type="text" id="cityName" placeholder="(e.g : Paris)" class="form-control">
<br>
<div class="form-row text-center">
<div class="col-12">
<button type="submit" id="submitWeatherRequest" class="btn btn-dark text-center">Envoyer</button>
</div>
</div>
<br> <br>
<p class="results text-center">La ville que vous avez rentré n'existe pas (dans l'API).</p>
</div>
<br> <br>
<p class="results text-center">La ville que vous avez rentré n'existe pas (dans l'API).</p>
</div>
</div>
<script>
$(function () {
$("#cityName").click(function() {

View File

@ -25,39 +25,41 @@
</header>
<!-- Page Content -->
<div class="container">
<div class="row">
<h1>La liste des <span class="important">Fonctions</span> :</h1>
<table class="table table-bordered mt-5">
<thead>
<tr>
<th scope="col">Nom</th>
<th scope="col">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="./function-views/weatherRequest.php">Météo</a></td>
<td>Affiche la météo et l'heure local selon la ville.</td>
</tr>
<tr>
<td><a href="./function-views/randomNumber.php">Nombre aléatoire</a></td>
<td>Génère un nombre aléatoire entre un minimum inclus et un maximum inclus.</td>
</tr>
<tr>
<td><a href="./function-views/calculateAge.php">Quelle âge avez-vous ?</a></td>
<td>Calcule l'âge de quelqu'un selon la date de naissance.</td>
</tr>
<tr>
<td><a href="./function-views/convertTemperature.php">Conversion de Température</a></td>
<td>Convertit des Degré Celsius en Degré Fahrenheit et l'inverse aussi.</td>
</tr>
<tr>
<td><a href="./function-views/convertDistance.php">Conversion de Distance</a></td>
<td>Convertit la longueur (distance) avec les unités allant de picomètre au Téramètre.</td>
</tr>
</tbody>
</table>
<div class="jumbotron d-flex align-items-center">
<div class="container">
<div class="row">
<h1>La liste des <span class="important">Fonctions</span> :</h1>
<table class="table table-bordered mt-5">
<thead>
<tr>
<th scope="col">Nom</th>
<th scope="col">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="./function-views/weatherRequest.php">Météo</a></td>
<td>Affiche la météo et l'heure local selon la ville.</td>
</tr>
<tr>
<td><a href="./function-views/randomNumber.php">Nombre aléatoire</a></td>
<td>Génère un nombre aléatoire entre un minimum inclus et un maximum inclus.</td>
</tr>
<tr>
<td><a href="./function-views/calculateAge.php">Quelle âge avez-vous ?</a></td>
<td>Calcule l'âge de quelqu'un selon la date de naissance.</td>
</tr>
<tr>
<td><a href="./function-views/convertTemperature.php">Conversion de Température</a></td>
<td>Convertit des Degré Celsius en Degré Fahrenheit et l'inverse aussi.</td>
</tr>
<tr>
<td><a href="./function-views/convertDistance.php">Conversion de Distance</a></td>
<td>Convertit la longueur (distance) avec les unités allant de picomètre au Téramètre.</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>