diff --git a/Praktikum_1/2.png b/Praktikum_1/2.png new file mode 100644 index 0000000..95b152a Binary files /dev/null and b/Praktikum_1/2.png differ diff --git a/Praktikum_1/index.html b/Praktikum_1/index.html index b4f858e..b9dbc55 100644 --- a/Praktikum_1/index.html +++ b/Praktikum_1/index.html @@ -1,33 +1,33 @@ - - - - - - Praktikum 1 + + + Praktikum 1 + -
- gambar profile -

ABOUT ME

-

Mahasiswa Universitas Ahmad Dahlan, Prodi Sistem Informasi Fakultas Sains dan Teknologi Terapan

-
-

PROJECT

- -
-
-

CONTACT

-

email: 2300016050@Webmail.uad.ac.id

-

Linkedin: Hendrian Yudha Pratama

-

Instagram: hendrian_yudhaa__

-
+
+
+ Profile Picture
+
+

About Me

+

Saya Hendrian Yudha Pratama dari Universitas Ahmad Dahlan Program Studi Sistem Informasi. Saya adalah mahasiswa angkatan 2023 yang sekarang sedang menjalani perkuliahan di semester 3.

+
+
+

Projects

+
    +
  • Disaster_Game - Berkontribusi dalam project Game.
    • +
  • Timate - ini merupakan project tim atau profile tim.
    • +
+
+
+

Contact

+

Email: 2300016050@webmail.uad.ac.id

+

LinkedIn: Hendrian Yudha Pratama

+

Instagram: hendrian_yudhaa__

+
+
- \ No newline at end of file + diff --git a/Praktikum_1/style.css b/Praktikum_1/style.css index 1a78887..a14880a 100644 --- a/Praktikum_1/style.css +++ b/Praktikum_1/style.css @@ -1,89 +1,79 @@ -* { +body { + font-family: Arial, sans-serif; + background-color: #faf6f6; margin: 0; padding: 0; - box-sizing: border-box; -} - -body { - background: linear-gradient(135deg, #0D47A1, #42A5F5); - height: 100vh; display: flex; justify-content: center; align-items: center; - font-family: Arial, sans-serif; - overflow: auto; /* Allow scrolling if content overflows */ + min-height: 100vh; } -.container { - background-color: linear-gradient(135deg, #0D47A1, #42A5F5); - border-radius: 20px; - width: 350px; - padding: 20px; - height: 600px; - color: white; - text-align: center; - box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.3); - overflow: hidden; - box-shadow: -6px 7px 24px -5px rgba(0,0,0,0.75); --webkit-box-shadow: -6px 7px 24px -5px rgba(0,0,0,0.75); --moz-box-shadow: -6px 7px 24px -5px rgba(0,0,0,0.75); -} - -img { - width: 200px; - border-radius: 15px; - object-fit: cover; -} - -h1 { - margin-top: 20px; - font-size: 25px; - font-family: "Anta"; -} - -p { + .container { + width: 90%; + max-width: 600px; + padding: 10px; margin-top: 10px; - font-size: 15px; - font-family: "Exo 2"; -} - -.project, .contact { - margin-top: 20px; - font-family: "Anta"; - font-size: 15px; -} -.project ul { - list-style: none; - margin-top: 10px; -} - -.project li a { - color: #ffffff; + } + + .profile { + text-align: center; + } + + .profile-pic { + width: 120px; + height: 120px; + border-radius: 50%; + border: 3px solid #007BFF; + } + + .section { + background-color: #ffffff; + padding: 20px; + margin: 20px 0; + border-radius: 10px; + box-shadow: 0px 3px 22px -1px rgba(0,0,0,0.33); +-webkit-box-shadow: 0px 3px 22px -1px rgba(0,0,0,0.33); +-moz-box-shadow: 0px 3px 22px -1px rgba(0,0,0,0.33); + } + + .section h2 { + color: #007BFF; + font-size: 1.5em; + margin-bottom: 10px; + } + + .projects ul { + list-style-type: none; + padding: 0; + } + + .projects li { + font-weight: bold; + padding: 15px; + border-bottom: 1px solid #ddd; + border-left: #007BFF 5px solid; + border-radius: 4px; + margin: 7px; + background-color: #f1f1f1df; + } + + .projects a { + color: #007BFF; text-decoration: none; - margin: 5px 0; -} - -.project li a:hover { - color: #ffeb3b; -} - - -.contact a { - color: #f0f0f0; + } + + .contact a { + color: #007BFF; text-decoration: none; - margin: 5px 0; -} - -.contact h2 { - margin-bottom: 10px; -} - -.contact p { - margin: 5px 0; - font-family: "Exo 2"; -} - -.contact a:hover { - color: #ffeb3b; -} \ No newline at end of file + } + + .contact p { + margin: 10px 0; + } + + .section .projects { + margin-top: 20px; + padding: 20px; + }