TDN-M commited on
Commit
a23638f
·
verified ·
1 Parent(s): 3e3b725

Update styles.css

Browse files
Files changed (1) hide show
  1. styles.css +44 -0
styles.css CHANGED
@@ -13,6 +13,7 @@ header {
13
  text-align: center;
14
  padding: 50px 20px;
15
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 
16
  }
17
 
18
  .header-content h1 {
@@ -26,10 +27,44 @@ header {
26
  margin-top: 10px;
27
  }
28
 
 
 
 
 
 
 
 
 
29
  section {
30
  padding: 40px 20px;
31
  max-width: 1200px;
32
  margin: 0 auto;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
33
  }
34
 
35
  h2 {
@@ -77,6 +112,15 @@ h2 {
77
  margin-top: 0;
78
  }
79
 
 
 
 
 
 
 
 
 
 
80
  ul {
81
  list-style-type: disc;
82
  margin-left: 20px;
 
13
  text-align: center;
14
  padding: 50px 20px;
15
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
16
+ position: relative;
17
  }
18
 
19
  .header-content h1 {
 
27
  margin-top: 10px;
28
  }
29
 
30
+ .header-img {
31
+ width: 100%;
32
+ max-height: 300px;
33
+ object-fit: cover;
34
+ margin-top: 20px;
35
+ border-radius: 8px;
36
+ }
37
+
38
  section {
39
  padding: 40px 20px;
40
  max-width: 1200px;
41
  margin: 0 auto;
42
+ border-radius: 8px;
43
+ margin-bottom: 20px;
44
+ }
45
+
46
+ #intro {
47
+ background: rgba(173, 216, 230, 0.2); /* Light Blue */
48
+ }
49
+
50
+ #challenges {
51
+ background: rgba(240, 230, 140, 0.2); /* Light Yellow */
52
+ }
53
+
54
+ #solutions {
55
+ background: rgba(144, 238, 144, 0.2); /* Light Green */
56
+ }
57
+
58
+ #implementation {
59
+ background: rgba(221, 160, 221, 0.2); /* Light Plum */
60
+ }
61
+
62
+ #benefits {
63
+ background: rgba(255, 182, 193, 0.2); /* Light Pink */
64
+ }
65
+
66
+ #why-us {
67
+ background: rgba(135, 206, 235, 0.2); /* Light Sky Blue */
68
  }
69
 
70
  h2 {
 
112
  margin-top: 0;
113
  }
114
 
115
+ .section-img {
116
+ width: 100%;
117
+ max-height: 250px;
118
+ object-fit: cover;
119
+ margin-top: 20px;
120
+ border-radius: 8px;
121
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
122
+ }
123
+
124
  ul {
125
  list-style-type: disc;
126
  margin-left: 20px;