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
+

Contact

Contact

接触

+ +
+ + +
+ + + +
+ + + +
+ + +
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