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

🎉 First commit!

Browse Source
This commit is contained in:
Florian Sylvain
2021-09-15 11:54:48 +02:00
committed by GitHub
parent f04cd070ba
commit 8de27ef3c7
5 changed files with 50 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/google_logo.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

assets/search.svg
+3
View File
@@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
<path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 331 B

index.php
+28
View File
@@ -0,0 +1,28 @@
<!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">
<svg></svg>
<input id="search-input" class="w-75 p-2 px-3 border border-secondary rounded-pill" type="text" name="search" />
<div class="m-3">
<button class="btn btn-light rounded p-2 px-3 m-2">Recherche Google</button>
<button class="btn btn-light rounded p-2 px-3 m-2">J'ai de la chance</button>
</div>
</form>
</div>
</body>
</html>
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>
stylesheet.css
+5
View File
@@ -0,0 +1,5 @@
#search-input:focus, #search-input:hover {
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
outline: none;
}