From 89851b33237049f5df2ba95faa97759bc10abc0c Mon Sep 17 00:00:00 2001 From: axelprb Date: Sun, 29 Mar 2026 13:06:02 +0700 Subject: [PATCH] feat: add assignment files --- .../christian_mikaxelo/README.md | 3 + .../christian_mikaxelo/index.html | 303 ++++++++++++++++++ .../christian_mikaxelo/styles.css | 38 +++ 3 files changed, 344 insertions(+) create mode 100644 tugas/pelatihan-vcs-2026/christian_mikaxelo/README.md create mode 100644 tugas/pelatihan-vcs-2026/christian_mikaxelo/index.html create mode 100644 tugas/pelatihan-vcs-2026/christian_mikaxelo/styles.css diff --git a/tugas/pelatihan-vcs-2026/christian_mikaxelo/README.md b/tugas/pelatihan-vcs-2026/christian_mikaxelo/README.md new file mode 100644 index 0000000..2198a1a --- /dev/null +++ b/tugas/pelatihan-vcs-2026/christian_mikaxelo/README.md @@ -0,0 +1,3 @@ +Nama: Christian Mikaxelo + +Pelatihan: VCS RPL 2026 \ No newline at end of file diff --git a/tugas/pelatihan-vcs-2026/christian_mikaxelo/index.html b/tugas/pelatihan-vcs-2026/christian_mikaxelo/index.html new file mode 100644 index 0000000..9d2ab15 --- /dev/null +++ b/tugas/pelatihan-vcs-2026/christian_mikaxelo/index.html @@ -0,0 +1,303 @@ + + + + Home + + + + + + + + +
+ + + +
+
+
+
+

+ Labolatorium
Rekayasa Perangkat Lunak +

+

+ Laboratorium Rekayasa Perangkat Lunak di ITS adalah fasilitas + pendidikan dan penelitian yang fokus pada pengembangan perangkat + lunak. Di sini, mahasiswa dan peneliti mempelajari desain, + pengembangan, pengujian, dan implementasi perangkat lunak serta + terlibat dalam proyek inovatif dan pemahaman tren industri + terkini. +

+
+
+
+
+
+
+
+
+ + +
+
+ + +
+
+
+ + +
+
+ + +
+
+ + +
+ +
+

or sign up with:

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+
+
+
+ + diff --git a/tugas/pelatihan-vcs-2026/christian_mikaxelo/styles.css b/tugas/pelatihan-vcs-2026/christian_mikaxelo/styles.css new file mode 100644 index 0000000..62673f6 --- /dev/null +++ b/tugas/pelatihan-vcs-2026/christian_mikaxelo/styles.css @@ -0,0 +1,38 @@ +.background-radial-gradient { + background-color: hsl(218, 41%, 15%); + background-image: radial-gradient( + 650px circle at 0% 0%, + hsl(218, 41%, 35%) 15%, + hsl(218, 41%, 30%) 35%, + hsl(218, 41%, 20%) 75%, + hsl(218, 41%, 19%) 80%, + transparent 100% + ), + radial-gradient( + 1250px circle at 100% 100%, + hsl(218, 41%, 45%) 15%, + hsl(218, 41%, 30%) 35%, + hsl(218, 41%, 20%) 75%, + hsl(218, 41%, 19%) 80%, + transparent 100% + ); +} + +#radius-shape-1 { + height: 220px; + width: 220px; + top: -60px; + left: -130px; + background: radial-gradient(#44006b, #ad1fff); + overflow: hidden; +} + +#radius-shape-2 { + border-radius: 38% 62% 63% 37% / 70% 33% 67% 30%; + bottom: -60px; + right: -110px; + width: 300px; + height: 300px; + background: radial-gradient(#44006b, #ad1fff); + overflow: hidden; +}