diff --git a/about.html b/about.html index cae986c..31bf6f3 100644 --- a/about.html +++ b/about.html @@ -26,7 +26,7 @@
- Product + Article
@@ -34,7 +34,35 @@
-

Halaman About

+

Our Team

+ +
+
+ +

Syahdan

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+ +

Windah

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+ +

Yusuf

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+ +

Sitri

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+ +

Selfi

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
\ No newline at end of file diff --git a/article.html b/article.html new file mode 100644 index 0000000..f1c1d3f --- /dev/null +++ b/article.html @@ -0,0 +1,60 @@ + + + + Website personal saya yang sangat bermakna + + + + + + + + + + +
+

Meaningful heading

+
+ + + + + +
+
+

Article

+
+ +
+

Pertamax dioplos, warga pindah ke Shell

+

Jakarta: Legislator Komisi VI DPR dari Fraksi PDIP melakukan inspeksi mendadak (sidak) ke SPBU 34.11405, Palmerah, Jakarta Barat. Mereka mengecek kualitas Pertamax yang belakangan ramai isu dioplos Pertalite.

+

"Kami ingin memastikan apakah konsumen itu mendapatkan produk sesuai yang dijanjikan oleh Pertamina atau tidak," kata Wakil Ketua Komisi VI DPR dari Fraksi PDIP Adisatrya Suryo Sulisto di lokasi, Senin, 3 Maret 2025.

+

Adisatrya mengatakan pihaknya menggeruduk SPBU Pertamina karena mendengar keluhan dari masyarakat. Pasalnya, berkembang narasi bahwa kualitas BBM RON 92 atau Pertamax setara RON 90 atau Pertalite.

+
+ +
+ + + \ No newline at end of file diff --git a/contact.html b/contact.html index 9f635f4..86becc7 100644 --- a/contact.html +++ b/contact.html @@ -26,7 +26,7 @@
- Product + Article
diff --git a/index.html b/index.html index 5f7997f..28aa33e 100644 --- a/index.html +++ b/index.html @@ -26,7 +26,7 @@
- Product + Article
diff --git a/product.html b/product.html deleted file mode 100644 index 9b28eb7..0000000 --- a/product.html +++ /dev/null @@ -1,40 +0,0 @@ - - - - Website personal saya yang sangat bermakna - - - - - - - - - - -
-

Meaningful heading

-
- - - -

Halaman Product

- - - \ No newline at end of file diff --git a/style.css b/style.css index 370d7ff..1cc4ddf 100644 --- a/style.css +++ b/style.css @@ -28,4 +28,53 @@ nav { .menu-item { color:#E5E9F0; -} \ No newline at end of file +} + +.team-profile { + display: flex; +} + +.team-profile > div { + width: 100%; + text-align: center; + padding: 5px; +} + +.team-profile > div > img { + width: 50%; +} + +.judul { + text-align: center; +} + +.container-article { + display: grid; + grid-template-areas: + "header header" + "menu article" + "footer footer"; + grid-template-columns: 1fr 3fr; + gap:20px; + padding: 5px; + background-color: #ff9999; +} +.container-article > div { + background-color: #bbb; + grid-area: header; +} +.container-article > aside { + background-color: #bbb; + grid-area: menu; + padding: 10px; +} +.container-article > article { + background-color: #bbb; + grid-area: article; + padding: 10px; +} +.container-article > footer { + background-color: #bbb; + grid-area: footer; + padding: 10px; +}