Merge branch 'main' of https://github.com/Night-Login/Pelatihan-WebDe…

…v-KMTETI
Night-Login · Mar 18, 2024 · 60977d9 · 60977d9
2 parents d891dae + c10c05a
commit 60977d9
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/docs/index.md b/docs/index.md
@@ -14,7 +14,7 @@ dibuat oleh [Ahmad Zaki Akmal](https://github.com/ahmadzaki2975)
 ## **Link Rekaman**
 
 - ### [Modul 1](https://ugm365.sharepoint.com/:v:/r/sites/PelatihanGenapWebDev2KMTETI/Dokumen%20Berbagi/Pertemuan%201%20-%20Intro%20to%20Web%20Development/Rekaman%20Pertemuan/Rekaman%20Pertemuan%201%20Pelatihan%20Genap%20Web%20Develoment%202%20KMTETI.mp4?csf=1&web=1&e=F4l2KE)
-
+- ### [Modul 2](https://ugm365.sharepoint.com/:v:/r/sites/PelatihanGenapWebDev2KMTETI/Dokumen%20Berbagi/Pertemuan%202%20-%20Advanced%20CSS%20and%20Tailwind/Rekaman%20Pertemuan/Rekaman%20Pertemuan%202%20Pelatihan%20Genap%20Web%20Development%202%20KMTETI%202024.mp4?csf=1&web=1&e=3RHnnz)
 
 ## **Source Code**
 

diff --git a/docs/modul2.md b/docs/modul2.md
@@ -12,6 +12,9 @@ description: Modul 2 Pelatihan WebDev 2 KMTETI 2023/2024.
 ### **Apa itu CSS?**
 CSS adalah singkatan dari Cascading Style Sheets. Ini adalah bahasa style sheet yang digunakan untuk mendeskripsikan tampilan dan format dari dokumen yang ditulis dalam bahasa markup, seperti HTML. CSS digunakan untuk mengontrol gaya, layout, dan penampilan elemen pada halaman web.
 
+<img width="400" src="https://github.com/Night-Login/Pelatihan-WebDev-KMTETI/assets/87590846/ad1a19c4-81c3-439c-850d-1df1a8445876" />
+
+
 ### **Menyisipkan CSS ke dalam HTML**
 Ada 3 cara untuk menyisipkan *styling* ke elemen HTML, 2 di antaranya sudah dibahas di [modul sebelumnya](./modul1.html).
 
@@ -94,6 +97,8 @@ Menggunakan variabel CSS untuk menyimpan nilai yang dapat digunakan kembali.
 ### **TailwindCSS**
 TailwindCSS / Tailwind adalah salah satu framework CSS yang sangat populer di kalangan developer *front-end* karena fleksibilitasnya yang tinggi dan kemampuannya mempercepat *development*. Extension Tailwind juga tersedia di VS Code untuk membantu penggunaannya.
 
+<img width="400" src="https://github.com/Night-Login/Pelatihan-WebDev-KMTETI/assets/87590846/a5aec9e2-0833-4838-9ade-69ddad1b773a" />
+
 Tailwind bekerja dengan cara membuatkan banyak class CSS yang memberikan properti tertentu. Artinya kita tidak perlu mendefinisikan setiap class dan propertinya, cukup kita tambahkan class yang diperlukan ke HTML kita.
 
 [Tailwind Play CDN](https://tailwindcss.com/docs/installation/play-cdn)
@@ -115,4 +120,4 @@ Tailwind bekerja dengan cara membuatkan banyak class CSS yang memberikan propert
 ```
 
 ### **Hands-on**
-[Figma Design](https://www.figma.com/file/hkJayXOWUj9zltzHgqBajg/User-Profile---Business-Card-(Community)?type=design&node-id=0%3A1&mode=design&t=6kBN5aIvg6swJOCL-1)
+[Figma Design](https://www.figma.com/file/hkJayXOWUj9zltzHgqBajg/User-Profile---Business-Card-(Community)?type=design&node-id=0%3A1&mode=design&t=6kBN5aIvg6swJOCL-1)