diff --git a/index.html b/index.html
index 0c941e9c..bfc01de6 100644
--- a/index.html
+++ b/index.html
@@ -120,11 +120,38 @@
Projets
Projects
项目
+
+
+
1
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
diff --git a/styles.css b/styles.css
index 1669fe84..4764e191 100644
--- a/styles.css
+++ b/styles.css
@@ -146,4 +146,55 @@ nav a:hover {
width: 100%;
max-width: 500px;
border-radius: 50%;
+}
+
+form {
+ width: 60%;
+ margin: 0 auto;
+ background-color: #fff;
+ padding: 20px;
+ border: 1px solid #ddd;
+ border-radius: 5px;
+}
+
+label {
+ display: block;
+ margin-top: 10px;
+}
+
+input[type="text"],
+input[type="email"],
+textarea {
+ width: 100%;
+ padding: 10px;
+ margin-top: 5px;
+ border: 1px solid #ddd;
+ border-radius: 5px;
+}
+
+input[type="submit"] {
+ background-color: #333;
+ color: #fff;
+ padding: 10px 20px;
+ border: none;
+ border-radius: 5px;
+ cursor: pointer;
+ margin-top: 10px;
+}
+
+input[type="submit"]:hover {
+ background-color: #555;
+}
+
+.all_projects {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+}
+
+.all_projects div {
+ background-color: aqua;
+ height: 300px;
+ width: 300px;
+ margin: 10px;
}
\ No newline at end of file