diff --git a/asset foto/IMG_6162.jpg b/asset foto/IMG_6162.jpg new file mode 100644 index 0000000..fade209 Binary files /dev/null and b/asset foto/IMG_6162.jpg differ diff --git a/index.html b/index.html index 25b218a..cc54525 100644 --- a/index.html +++ b/index.html @@ -39,52 +39,35 @@

Inspiratif, bersemangat, dan siap menaklukkan dunia!
Alumni -
+

Galery

-
-
-
    -
  • -
    - - - +
    + +
      +
    • Teknik Komputer dan Jaringan

      -

      "Mereka adalah para pionir di dunia digital, menggali jaringan dan membangun sistem yang - menjadi tulang punggung teknologi masa depan. Kreatif, cermat, dan siap menghadapi setiap - tantangan di ranah teknologi informasi."

      -
    -
  • -
  • -
    - - - +

    "Mereka adalah para pionir di dunia digital, menggali jaringan dan membangun sistem yang menjadi tulang punggung teknologi masa depan. Kreatif, cermat, dan siap menghadapi setiap tantangan di ranah teknologi informasi."

    +
  • +
+
+
+ +
- -
  • -
    - - - -

    Teknik Bisnis Sepeda Motor

    -

    "Dari mesin hingga kenyamanan pengendara, mereka adalah ahli di bidang mobil dan sepeda - motor. - Dengan kecakapan dan keahlian, mereka membawa inovasi dan kenyamanan ke setiap perjalanan." +

    "Mengintip masa depan melalui angka dan laporan keuangan, mereka adalah penjaga ketelitian dan keandalan informasi keuangan. Dengan ketepatan dan kecermatan, mereka mengarahkan langkah menuju kesuksesan finansial."

    -
    -
  • - - - - + + + +
    + + +
    + \ No newline at end of file diff --git a/style.css b/style.css index 54b6433..57224a0 100644 --- a/style.css +++ b/style.css @@ -89,54 +89,89 @@ span { /*slide 3 */ -.galeri h1 { - padding: 90px; + +.profil { + width: 100%; + margin-top: 40px; +} + +.profil h1 { + align-items: center; text-align: center; - margin: 0; - transform: translateY(-80px); - + padding: 0px; + font-size: 300%; } -/*untuk bagian foto */ -li { - list-style: none; +.profil img { + width: 200px; + height: 200px; + margin-right: -250px; + border-radius: 30px 30px 30px 30px; } -.profile { +/*ini untuk class tkj*/ + +.tkj { display: flex; - flex-wrap: wrap; - position: relative; - height: 100%; - text-align: center; - justify-content: center; - gap: 90px; + margin-left: 120px; + width: 42%; + padding: 10px; + margin-top: 50px; +} +.tkj li { + list-style: none; + margin-left: 280px; + margin-top: 40px; + text-align: justify; } -.jurusan { - padding: 200px; - width: 266%; - height: 95%; - max-width: 250px; - box-shadow: #000000 20px 20px 20px 5px; - align-items: center; +.tkj p { + font-size: 13px; +} + +/* untuk class akl*/ +.akl { + display: flex; + margin: 10px; + margin-right: 30px; + width: 42%; padding: 10px; - border: 1px solid #ccc; - border-radius: 20px; - justify-content: space-between; - position: relative; + float: right; + transform: translateY(-130px); } -.jurusan img { - width: 100%; +.akl li { + list-style: none; + margin-left: 280px; + margin-top: 40px; + text-align: justify; +} + +.akl p { + font-size: 13px; } -.jurusan h3 { - margin-bottom: 10px; +/* untuk class tbsm*/ +.tbsm { + display: flex; + margin: 10px; + width: 45%; + padding: 10px; + margin-top: 50px; + margin-left: 320px; + transform: translateY(-80px); } -.jurusan p { - font-size: small; +.tbsm li { + list-style: none; + margin-left: 280px; + margin-top: 40px; + text-align: justify; +} + +.tbsm p { + font-size: 13px; } /*responsive nanti buat kode css diatasnya ini wajib!!!!*/ @@ -158,7 +193,6 @@ footer { margin-top: -50px; margin-left: 20px; width: 90%; - } .aset img {