diff --git a/about.html b/about.html
index 68bc34c..dc197d5 100644
--- a/about.html
+++ b/about.html
@@ -1,24 +1,26 @@
-
-
- About
-
-
-
-
-
-
-
About
-
-
W.I.P
-
-
\ No newline at end of file
+
+
+ Guams
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Work in progress...
+
+
+
diff --git a/css/style.css b/css/style.css
index 133f574..54941a9 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,40 +1,94 @@
-body {
- color: white;
- background-color: #020a14;
+* {
+ font-family: Verdana, Geneva, Tahoma, sans-serif;
}
-h1 {
- text-align: center;
+body {
+ background-color: #f6f0e6;
+ margin: auto;
+ width: 50%;
+ padding: 10px;
}
nav {
- gap: 10px;
- display: flex;
- flex-direction: column;
- align-items: center;
- background-color: #020a14;
- padding: 10px;
+ display: flex;
+ gap: inherit;
}
-nav ul {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: hidden;
+.nav-item {
+ color: #d67d72;
}
-nav ul li {
- float: left;
+.nav-item:hover {
+ color: #c65d53;
+ transition: 1.5s;
}
-nav ul li a {
- display: block;
- color: white;
- text-align: center;
- padding: 14px 16px;
- text-decoration: none;
+a {
+ text-decoration: none;
}
-nav ul li a:hover {
- background-color: #424242
+h2 {
+ text-align: center;
+ color: #d67d72;
+}
+
+.git_button_a, .website_link_a {
+ height: 100%;
+ color: #ffffff;
+}
+
+.git_button, .website_link {
+ display: flex;
+ gap: 5px;
+ align-items: center;
+ padding: 10px;
+ border-radius: 8px;
+ background-color: #d67d72;
+ transition: 0.3s;
+ border: none;
+}
+
+.git_button:hover, .website_link:hover {
+ color: #ffffff;
+ background-color: #c65d53;
+ border: 1px solid #9b7432;
+}
+
+.badge {
+ width: 88px;
+ height: 31px;
+}
+
+main {
+ gap: 50px;
+ border-radius: 4px;
+ padding: 1%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
+ background-color: #ffffff;
+}
+
+img.illustration {
+ border-radius: 5px;
+ box-shadow: 0 5px 5px black;
+ object-fit: cover;
+ width: 100%;
+ height: 300px;
+ display: block;
+ margin: auto;
+}
+
+.button_div {
+ display: flex;
+ justify-content: space-evenly;
+}
+
+.card {
+ display: flex;
+ border-top: 1px solid rgba(159, 162, 177, 0.4);
+ justify-content: center;
+ flex-direction: column;
+ gap: 20px;
}
\ No newline at end of file
diff --git a/img/abonentendeur.png b/img/abonentendeur.png
new file mode 100644
index 0000000..0e3ca23
Binary files /dev/null and b/img/abonentendeur.png differ
diff --git a/img/gitea.png b/img/gitea.png
new file mode 100644
index 0000000..2f11703
Binary files /dev/null and b/img/gitea.png differ
diff --git a/index.html b/index.html
index caf2f85..b21561d 100644
--- a/index.html
+++ b/index.html
@@ -1,30 +1,87 @@
-
+
-
+
Guams
-
-
-
-
-
-
-
-
-
-
-
-
Welcome to guams.fr
-
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
À bon entendeur
+
+
+
My Gitea instance
+
+
+
+