jun 19

2024-06-19 12:29:37 +02:00
parent 5af38630ff
commit f076d20a62
2 changed files with 58 additions and 34 deletions
--- a/search_people.php
+++ b/search_people.php
@@ -50,15 +50,31 @@ if (isset($_GET['search_text'])) {
 ?>

 <style>
+    body{
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: start;
+        background-image: url('assets/images/image10.jpg');
+        height: 100%; 
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: cover;
+    }
+    
    h2{
        color: #15c1cb;
+        font-size: 20px;
    }
    table {
+        font-size: 10px;
        width: fit-content;
        border-collapse: collapse;
    }
    table, th, td {
        border: 1px solid black;
+        background-color: #f2f2f2;
+        
    }
    th, td {
        padding: 8px;
@@ -68,4 +84,46 @@ if (isset($_GET['search_text'])) {
        background-color: #f2f2f2;
        color: #15c1cb;
    }
+    #btn-back{
+        margin-top:30px;
+    }
+
+    @media screen and (min-width:768px) {
+        body{
+        justify-content: center;
+        }
+        table{
+            font-size: 20px;
+        }
+        h2{
+            font-size: 50px;
+        }
+    }
+
+    @media screen and (min-width:992px) {
+        body{
+
+            justify-content: center;
+        }
+        table{
+            font-size: 30px;
+        }
+        h2{
+            font-size: 50px;
+        }
+    }
 </style>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Search people</title>
+    <link rel="stylesheet" href="style/style.css">
+</head>
+<body>
+    <div  id="btn-back">
+        <a href="people.php"><input class="view-more" type="submit" value="Back"></a>
+    </div>
+</body>
+</html>