File size: 1,857 Bytes
feff4ef
050fe31
 
 
 
 
 
feff4ef
 
 
 
 
 
f8666f6
050fe31
 
 
 
feff4ef
050fe31
feff4ef
 
f8666f6
feff4ef
 
47341b0
 
f8666f6
feff4ef
f8666f6
 
feff4ef
f8666f6
 
 
 
 
feff4ef
0e59da7
feff4ef
f8666f6
feff4ef
 
 
 
 
0e59da7
 
f8666f6
 
050fe31
feff4ef
 
47341b0
 
f8666f6
 
 
 
 
 
 
 
 
 
 
050fe31
feff4ef
47341b0
 
f8666f6
feff4ef
f8666f6
feff4ef
f8666f6
 
 
feff4ef
f8666f6
 
 
feff4ef
f8666f6
feff4ef
 
0e59da7
 
feff4ef
 
f8666f6
 
feff4ef
0e59da7
 
f8666f6
 
0e59da7
 
f8666f6
feff4ef
f8666f6
 
 
 
0e59da7
feff4ef
 
 
050fe31
47341b0
050fe31
f8666f6
feff4ef
f8666f6
 
 
 
 
feff4ef
 
 
 
f8666f6
 
 
feff4ef
0e59da7
 
050fe31
feff4ef
 
 
 
 
 
 
050fe31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
/* Reset dasar */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: Arial, sans-serif;
  color: #333;
  line-height: 1.6;
}

/* Navbar */
.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #0b3d91;
  padding: 10px 20px;
  color: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.navbar .logo img {
  height: 50px;
}

.navbar nav ul {
  list-style: none;
  display: flex;
  gap: 20px;
}

.navbar nav ul li a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  transition: color 0.3s ease;
}

.navbar nav ul li a:hover {
  color: #f0a500;
}

/* Headline Section */
.headline {
  text-align: center;
  padding: 100px 20px; /* Menambahkan padding agar tidak terhalang navbar */
  background: #f4f4f4;
}

.headline h1 {
  font-size: 2.5rem;
  margin-bottom: 20px;
}

.headline p {
  font-size: 1.2rem;
}

/* Portfolio Section */
.portfolio-section {
  padding: 50px 20px;
  background: #fff;
}

.portfolio-section h2 {
  text-align: center;
  margin-bottom: 30px;
  font-size: 2rem;
}

.portfolio-item {
  margin-bottom: 50px;
}

.portfolio-item h3 {
  font-size: 1.8rem;
  margin-bottom: 20px;
  text-align: left;
  color: #0b3d91;
}

.assets,
.partners {
  display: flex;
  justify-content: center;
  gap: 30px;
}

.asset, .partner {
  text-align: center;
}

.asset img, .partner img {
  height: 50px;
  margin-bottom: 10px;
}

/* Footer */
footer {
  background-color: #333;
  color: #fff;
  padding: 30px 20px;
  text-align: center;
}

footer h4 {
  margin-bottom: 15px;
}

footer ul {
  list-style: none;
  padding: 0;
}

footer ul li {
  margin: 5px 0;
}

footer ul li a {
  color: #f0a500;
  text-decoration: none;
}

footer ul li a:hover {
  text-decoration: underline;
}

footer .copyright {
  margin-top: 20px;
  font-size: 0.9rem;
}