Hugging Face's logo

Spaces:
GarGerry
/
web-site
Running

App Files Community
1
GarGerry commited on
Commit
f8666f6
·
verified ·
1 Parent(s): 2a55ad8

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +81 -37
style.css CHANGED
@@ -1,79 +1,123 @@
1
- /* Global Styling */
2
  * {
3
  margin: 0;
4
  padding: 0;
5
  box-sizing: border-box;
6
  }
7
 
8
- body {
9
- font-family: 'Poppins', sans-serif;
10
- color: #333;
11
- line-height: 1.6;
12
- }
13
-
14
  .navbar {
15
  display: flex;
16
  justify-content: space-between;
17
  align-items: center;
18
  padding: 10px 20px;
19
- background-color: #004d40;
20
  color: white;
 
 
21
  }
22
 
23
- .nav-links a {
24
- margin: 0 10px;
25
- color: white;
 
 
 
 
 
 
 
 
26
  text-decoration: none;
 
 
27
  }
28
 
29
- .hero {
30
- background-color: #f4f4f4;
31
  text-align: center;
 
 
32
  padding: 50px 20px;
33
  }
34
 
35
- .portfolio {
 
 
 
 
 
 
 
 
 
 
36
  padding: 50px 20px;
 
 
37
  text-align: center;
38
  }
39
 
40
- .portfolio-grid {
41
- display: grid;
42
- grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
43
- gap: 20px;
 
 
 
 
 
 
 
 
44
  }
45
 
46
- .card {
47
- background-color: white;
48
- border: 1px solid #ddd;
49
- border-radius: 5px;
50
- padding: 20px;
51
  }
52
 
53
- .partners-logos img {
 
54
  max-width: 100px;
55
- margin: 10px;
56
  }
57
 
 
 
 
 
 
 
 
 
 
 
58
  footer {
59
- background-color: #004d40;
60
  color: white;
61
  text-align: center;
62
- padding: 20px;
63
  }
64
 
65
- .social-media a {
66
- margin: 0 10px;
 
 
 
 
 
 
 
 
 
 
 
67
  color: white;
68
  text-decoration: none;
69
  }
70
- footer {
71
- background-color: #333;
72
- color: #fff;
73
- text-align: center;
74
- padding: 20px;
75
- }
76
 
77
- footer .about {
78
- margin-bottom: 10px;
 
79
  }
 
1
+ /* General Reset */
2
  * {
3
  margin: 0;
4
  padding: 0;
5
  box-sizing: border-box;
6
  }
7
 
8
+ /* Navbar */
 
 
 
 
 
9
  .navbar {
10
  display: flex;
11
  justify-content: space-between;
12
  align-items: center;
13
  padding: 10px 20px;
14
+ background-color: #111;
15
  color: white;
16
+ position: sticky;
17
+ top: 0;
18
  }
19
 
20
+ .navbar .logo img {
21
+ max-height: 50px;
22
+ }
23
+
24
+ .navbar ul {
25
+ list-style: none;
26
+ display: flex;
27
+ gap: 20px;
28
+ }
29
+
30
+ .navbar ul li a {
31
  text-decoration: none;
32
+ color: white;
33
+ font-weight: bold;
34
  }
35
 
36
+ /* Headline Section */
37
+ .headline {
38
  text-align: center;
39
+ background-color: #333;
40
+ color: white;
41
  padding: 50px 20px;
42
  }
43
 
44
+ .headline h1 {
45
+ font-size: 2.5rem;
46
+ margin-bottom: 20px;
47
+ }
48
+
49
+ .headline p {
50
+ font-size: 1.2rem;
51
+ }
52
+
53
+ /* Portfolio Section */
54
+ .portfolio-section {
55
  padding: 50px 20px;
56
+ background-color: #111;
57
+ color: white;
58
  text-align: center;
59
  }
60
 
61
+ .portfolio-section h2 {
62
+ font-size: 2rem;
63
+ margin-bottom: 30px;
64
+ }
65
+
66
+ .portfolio-item {
67
+ margin-bottom: 40px;
68
+ }
69
+
70
+ .portfolio-item h3 {
71
+ font-size: 1.5rem;
72
+ margin-bottom: 20px;
73
  }
74
 
75
+ .assets, .partners {
76
+ display: flex;
77
+ justify-content: center;
78
+ gap: 20px;
 
79
  }
80
 
81
+ .asset, .partner {
82
+ text-align: center;
83
  max-width: 100px;
 
84
  }
85
 
86
+ .asset img, .partner img {
87
+ max-width: 100%;
88
+ margin-bottom: 10px;
89
+ }
90
+
91
+ .asset p {
92
+ font-size: 0.9rem;
93
+ }
94
+
95
+ /* Footer */
96
  footer {
97
+ background-color: #222;
98
  color: white;
99
  text-align: center;
100
+ padding: 20px 10px;
101
  }
102
 
103
+ footer h4 {
104
+ margin-bottom: 10px;
105
+ }
106
+
107
+ footer ul {
108
+ list-style: none;
109
+ padding: 0;
110
+ display: flex;
111
+ justify-content: center;
112
+ gap: 15px;
113
+ }
114
+
115
+ footer ul li a {
116
  color: white;
117
  text-decoration: none;
118
  }
 
 
 
 
 
 
119
 
120
+ footer p {
121
+ margin-top: 10px;
122
+ font-size: 0.8rem;
123
  }