Lab-RPL-ITS · mochavin · Aug 20, 2023 · Mar 25, 2024 · Mar 25, 2024 · Mar 25, 2024
diff --git a/README.md b/README.md
@@ -1,25 +1,40 @@
 # Pelatihan Version Control System (GitHub Environment) Lab RPL ITS 2023
 
-__Ini adalah repository materi pelatihan VCS LAB RPL ITS__
+## Change in dev branch
+
+### changing sub tittle in dev-feat-2
+
+#### This is new feat-2-1
+
+**Ini adalah repository materi pelatihan VCS LAB RPL ITS**
+**BRANCH DEV-FEAT-2**
 
 ## Tools yang dipakek
+
+Main already update
+
+This is the change in main branch
+
 - https://code.visualstudio.com/
 - https://git-scm.com/
 
-## Tutorial Instalasi 
+## Tutorial Instalasi
+
 - https://youtu.be/stAcG6Dl8M4
 
-> Note: Pastikan mengintegrasikan dengan code editor masing-masing, direkomendasikan menggunakan code editor Vscode. 
+> Note: Pastikan mengintegrasikan dengan code editor masing-masing, direkomendasikan menggunakan code editor Vscode.
 > Apabila terdapat pertanyaan bisa langsung membuat pertanyaan pada: https://github.com/Lab-RPL-ITS/module-pelatihan-vcs/discussions
 
 Silakan mengakses laman berikut untuk melihat materi tiap part
+
 - [Materi 1: Dasar Teori](https://github.com/Lab-RPL-ITS/module-pelatihan-vcs/blob/main/Materi_1-Dasar_Teori.md)
 - [Materi 2: Simulasi Github Dasar](https://github.com/Lab-RPL-ITS/module-pelatihan-vcs/blob/main/Materi_2-Simulasi_GitHub_Dasar.md)
 - [Materi 3: Memulai Git di Local](https://github.com/Lab-RPL-ITS/module-pelatihan-vcs/blob/main/Materi_3-Memulai_Git_di_Local.md)
 - [Materi 4: Github Projects](https://github.com/Lab-RPL-ITS/module-pelatihan-vcs/blob/main/Materi_4-Github_Projects.md)
 - [Materi 5: Berkolaborasi dengan Github](https://github.com/Lab-RPL-ITS/module-pelatihan-vcs/blob/main/Materi_5-Berkolaboras_dengan_GIT.md)
 
 Materi yang ada pada modul ini menggunakan referensi dari berbagai sumber :
+
 - Git - https://git-scm.com/
 - Wikipedia - https://id.wikipedia.org/wiki/Git
 - David Mahler - https://www.youtube.com/watch?v=uR6G2v_WsRA&list=PL3ea--rK1LJK-oq1WFPhD6_ZodnDV8H0i

diff --git a/tugas/pelatihan-vcs-2023/mochavin/index.html b/tugas/pelatihan-vcs-2023/mochavin/index.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="./styles.css">
+  <title>Landing Page</title>
+</head>
+
+<body>
+  <header>
+    <nav>
+      <ul>
+        <li><a href="#">Beranda</a></li>
+        <li><a href="#">Tentang Kami</a></li>
+        <li><a href="#">Layanan</a></li>
+        <li><a href="#">Kontak</a></li>
+      </ul>
+    </nav>
+  </header>
+
+  <section class="hero">
+    <h1>Selamat Datang di Landing Page Sederhana</h1>
+    <h2>This change in main branch</h2>
+    <h2>Change in dev branch</h2>
+    <h3>Another change in dev branch</h3>
+    <p>Ini adalah contoh landing page sederhana dengan HTML dan CSS.</p>
+    <a href="#" class="cta-button">Daftar Sekarang</a>
+  </section>
+
+  <section class="about">
+    <h2>Tentang Kami</h2>
+    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Enim debitis deserunt dolore cupiditate sequi. Placeat,
+      corrupti temporibus rerum maiores tempora nemo ad error possimus asperiores, non molestias natus, alias fugit?
+      Lorem ipsum, dolor sit amet consectetur adipisicing elit. Laudantium, placeat voluptate. Quisquam natus dolore,
+      mollitia non magni accusamus a amet perspiciatis consectetur voluptatum iure ex iste eius nulla minima pariatur.
+      Lorem, ipsum dolor sit amet consectetur adipisicing elit. Reiciendis saepe distinctio nemo voluptate modi adipisci
+      velit eaque ex architecto quisquam similique, ab suscipit ad voluptatibus, eius molestias dicta libero cupiditate.
+    </p>
+  </section>
+
+  <section class="services">
+    <h2>Layanan Kami</h2>
+    <ul>
+      <li>Layanan 1</li>
+      <li>Layanan 2</li>
+      <li>Layanan 3</li>
+    </ul>
+  </section>
+
+  <section class="contact">
+    <h2>Kontak Kami</h2>
+    <p>Jika Anda memiliki pertanyaan atau membutuhkan bantuan, silakan hubungi kami di <a
+        href="mailto:info@example.com">info@example.com</a>.</p>
+  </section>
+
+  <footer>
+    <p>Hak Cipta &copy; 2023 Landing Page Sederhana</p>
+  </footer>
+</body>
+
+</html>
diff --git a/tugas/pelatihan-vcs-2023/mochavin/styles.css b/tugas/pelatihan-vcs-2023/mochavin/styles.css
@@ -0,0 +1,64 @@
+/* Reset some default styles */
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+/* Style the header/navigation */
+header {
+  background-color: #333;
+  color: #fff;
+  padding: 1rem 0;
+}
+
+nav ul {
+  list-style: none;
+  display: flex;
+  justify-content: center;
+}
+
+nav li {
+  margin: 0 1rem;
+}
+
+nav a {
+  text-decoration: none;
+  color: #fff;
+  font-weight: bold;
+}
+
+/* Style the hero section */
+.hero {
+  background-image: url('https://plus.unsplash.com/premium_photo-1690552679122-1660e10f73a5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80');
+  background-size: cover;
+  text-align: center;
+  padding: 4rem 0;
+  color: #000;
+}
+
+.cta-button {
+  display: inline-block;
+  background-color: #ff5722;
+  color: #fff;
+  padding: 1rem 2rem;
+  text-decoration: none;
+  border-radius: 5px;
+  font-weight: bold;
+}
+
+/* Style other sections */
+.about,
+.services,
+.contact {
+  padding: 4rem 0;
+  text-align: center;
+}
+
+/* Style the footer */
+footer {
+  background-color: #333;
+  color: #fff;
+  text-align: center;
+  padding: 1rem 0;
+}