fsylvain/projet_programmation_web
1
0
Fork 0
mirror of https://github.com/Floriansylvain/projet_programmation_web.git synced 2026-08-19 19:53:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

🚧 Changing tree structure

Browse Source
This commit is contained in:
Florian Sylvain
2021-09-17 11:31:02 +02:00
committed by GitHub
parent b137536405
commit cd01143bf7
5 changed files with 67 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Site Google/assets/google_logo.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

Site Google/assets/search.svg
+3
View File
@@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="gray" class="bi bi-search" viewBox="0 0 24 24">
<path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 340 B

Site Google/index.php
+43
View File
@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<title>Google</title>
</head>
<body class="vw-100 vh-100">
<div class="d-flex flex-column justify-content-center align-items-center h-75">
<img class="img-fluid w-25 my-3" src="assets/google_logo.png" />
<form class="d-flex flex-column justify-content-center align-items-center w-50" action="result.php" method="POST">
<div id="search-input" class="d-flex w-75 p-2 px-3 border border-light rounded-pill">
<img src="assets/search.svg"/>
<input class="w-100 border-0 px-3" type="text" name="search"/>
</div>
<div class="m-3">
<button class="btn btn-light rounded p-2 px-3 m-2 text-secondary">Recherche Google</button>
<button class="btn btn-light rounded p-2 px-3 m-2 text-secondary">J'ai de la chance</button>
</div>
</form>
</div>
<div class="container">
<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
<p class="col-md-4 mb-0 text-muted"></p>
<ul class="nav col-md-4 justify-content-end">
<li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Info consommateurs</a></li>
<li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Confidentialité</a></li>
<li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Conditions</a></li>
<li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Paramètres</a></li>
</ul>
</footer>
</div>
</body>
</html>
Site Google/result.php
+14
View File
@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Google - resultat</title>
</head>
<body>
<h1>Resultats</h1>
<?php
$result = $_POST["search"];
echo "<p>${result}</p>";
?>
</body>
</html>
Site Google/stylesheet.css
+7
View File
@@ -0,0 +1,7 @@
#search-input:focus, #search-input:hover {
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
}
#search-input input {
outline: none;
}