"Add HTML Elements and Style" #3

Closed
johannes.vos wants to merge 15 commits from feature/layout-base into main
3 changed files with 70 additions and 1 deletions
+1 -1
View File
@@ -70,4 +70,4 @@ Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS, distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and See the License for the specific language governing permissions and
limitations under the License. limitations under the License.
+29
View File
@@ -0,0 +1,29 @@
body{
margin: 0;
}
header{
text-align: center;
}
h1{
margin-bottom: 0;
}
h3{
margin-top: 0;
}
#searchbar{
text-align: center;
}
#searchbar input[type="search"]{
width: 60%;
margin-bottom: 10px;
}
footer{
justify-content: center;
margin-top: 100px;
display: flex;
gap: 20px;
border-top: 1px solid;
}
+40
View File
@@ -0,0 +1,40 @@
<!DOCTYPE html>
<!--
Copyright 2026 Seekra
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="The Seekra search engine">
<title>Seekra</title>
<link rel="stylesheet" href="assets/style/style.css">
</head>
<body>
<header>
<h1>Seekra</h1>
<h3>Built to search.</h3>
</header>
<form id="searchbar">
<input type="search" id="search" name="search"><br>
<input type="submit" value="Suchen">
</form>
<footer>
<p>&copy; 2026 Seekra. All rights reserved.</p>
</footer>
</body>
</html>