1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 6 <meta name="description" content="" /> 7 <meta name="author" content="" /> 8 <title>Lani Tribe</title> 9 <!-- Favicon--> 10 <link rel="icon" type="image/x-icon" href="assets/favicon.ico" /> 11 <!-- Font Awesome icons (free version)--> 12
12<script src="https://use.fontawesome.com/releases/v6.1.0/js/all.js" crossorigin="anonymous"></script>
12 13 <!-- Google fonts--> 14 <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" /> 15 <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css" /> 16 <!-- Core theme CSS (includes Bootstrap)--> 17 <link href="css/styles.css" rel="stylesheet" /> 18 </head> 19 <body id="page-top"> 20 <!-- Navigation--> 21 <nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav"> 22 <div class="container"> 23 <img class="img-brand" src="assets/img/team/tl.png " alt="..."/> 24 <a class="navbar-brand" href="#page-top">Lani Tribe</a> 25 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> 26 27 <i class="fas fa-bars ms-1"></i> 28 </button> 29 <div class="collapse navbar-collapse" id="navbarResponsive"> 30 <ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0"> 31 <li class="nav-item"><a class="nav-link" href="#home">Home</a></li> 32 <li class="nav-item"><a class="nav-link" href="#katalog">Katalog</a></li> 33 <li class="nav-item"><a class="nav-link" href="#katalog2">Katalog 2</a></li> 34 <li class="nav-item"><a class="nav-link" href="#about">About</a></li> 35 <li class="nav-item"><a class="nav-link" href="#team">Team</a></li> 36 </ul> 37 </div> 38 </div> 39 </nav> 40 <!-- Masthead--> 41 <header class="masthead"> 42 <div class="container"> 43 <div class="masthead-subheading">Welcome To Lani Tribe!</div> 44 <div class="masthead-heading text-uppercase">It's Nice To Meet You</div> 45 <a class="btn btn-primary btn-xl text-uppercase" href="#home">Tell Me More</a> 46 </div> 47 </header> 48 <!-- Home--> 49 <section class="page-section" id="home"> 50 <div class="container"> 51 <div class="text-center"> 52 <h2 class="section-heading text-uppercase">Home</h2> 53 <h3 class="section-subheading text-muted">Kabupaten Tolikara dan Kabupaten Lanny Jaya</h3> 54 </div> 55 <div class="row text-center"> 56 <div class="col-md-4"> 57 <span class="fa-stack fa-4x"> 58 <img class="contoh" src="assets/img/team/suku.png " alt="..." /> 59 </span> 60 <h4 class="my-3">Suku Lani</h4> 61 <p class="text-muted">Lani adalah suku asli di Ilaga, Puncak, Papua Tengah hingga Lanny Jaya, Papua Pegunungan. Suku Lani sering disebut Dani Barat oleh para misionaris asing untuk mengelompokan suku tersebut dengan suku Dani yang tinggal di Lembah Baliem di sebelah timur.</p> 62 </div> 63 <div class="col-md-4"> 64 <span class="fa-stack fa-4x"> 65 66 <img class="contoh" src="assets/img/team/toli.png " alt="..." /> 67 </span> 68 <h4 class="my-3">Kabupaten Tolikara</h4> 69 <p class="text-muted">Kabupaten Tolikara adalah salah satu kabupaten yang berada di provinsi Papua Pegunungan, Indonesia. Ibukota kabupaten ini terletak di Karubaga. Jumlah penduduk kabupaten Tolikara pada tahun 2020 berjumlah 250.742 jiwa, dengan kepadatan penduduk 44,87 jiwa/km².</p> 70 </div> 71 <div class="col-md-4"> 72 <span class="fa-stack fa-4x"> 73 <img class="contoh" src="assets/img/team/lani.png " alt="..." /> 74 75 </span> 76 <h4 class="my-3">Kabupaten Lanny Jaya</h4> 77 <p class="text-muted">Kabupaten Lanny Jaya adalah sebuah kabupaten di Provinsi Papua Pegunungan, Indonesia. Ibu kotanya adalah Distrik Tiom Kabupaten ini dibentuk pada tanggal 4 Januari 2008 berdasarkan Undang-Undang Nomor 5 Tahun 2008, bersama-sama dengan pembentukan 5 kabupaten lainnya di Papua.</p> 78 </div> 79 </div> 80 </div> 81 </section> 82 <!-- catalog--> 83 <section class="page-section bg-light" id="katalog"> 84 <div class="container"> 85 <div class="text-center"> 86 <h2 class="section-heading text-uppercase">Katalog</h2> 87 <h3 class="section-subheading text-muted">Berikut ini adalah katalog budaya Suku Lani.</h3> 88 </div> 89 <div class="row"> 90 <div class="col-lg-4 col-sm-6 mb-4"> 91 <!-- Portfolio item 1--> 92 <div class="portfolio-item"> 93 <a href="https://lanitribe.github.io/katalog"> 94 <img class="img-fluid" src="assets/img/portfolio/1.jpg" alt="..." /> 95 96 </a> 97 <div class="portfolio-caption"> 98 <div class="portfolio-caption-heading"> <strong>SukuLani </strong></div> 99 <div class="portfolio-caption-subheading text-muted">
99Cover katalog</div> 100 </div> 101 </div> 102 </div> 103 <div class="col-lg-8 col-sm-8 mb-4"> 104 <p align="justify">Setiap suku pasti memiliki keunikan yang berbeda-beda. Mulai dari rumah adat, cerita rakyat, bahasa daerah, pakaian adat, senjata tradisional, dan lain-lain. Begitu pula dengan Suku Lani yang berasal dari Indonesia, Papua bagian pegunungan tengah, yang memiliki kebudayaan yang unik. Seperti rumah adatnya yang khas seperti jamur serta beberapa cerita unik yang tentu saja belum kamu ketahui, dan masih banyak lagi cerita tentang suku Lani. Jika kamu tertarik ingin mengetahui cerita suku Lani silakan klik gambar di samping untuk menjelajahi kehidupan atau kebudayaa suku lani.<br> 105 --Selamat membaca--</p> 106 </div> 107 </div> 108 </div> 109 </section> 110 <!-- katalog 2 --> 111 <section class="page-section bg-light" id="katalog2"> 112 <div class="container"> 113 <div class="text-center"> 114 <h2 class="section-heading text-uppercase">Katalog 2</h2> 115 <h3 class="section-subheading text-muted">Berikut ini adalah Essay Katalog.</h3> 116 </div> 117 <div class="row"> 118 <div class="col-lg-4 col-sm-6 mb-4"> 119 <!-- Portfolio item 1--> 120 <div class="portfolio-item"> 121 <a href="https://lanitribe.github.io/katalog2"> 122 <img class="img-fluid" src="assets/img/portfolio/18.jpg" alt="..." /> 123 124 </a> 125 <div class="portfolio-caption"> 126 <div class="portfolio-caption-heading"> <strong>Essay </strong></div> 127 <div class="portfolio-caption-subheading text-muted">Cover katalog Essay</div> 128 </div> 129 </div> 130 </div> 131 <div class="col-lg-8 col-sm-8 mb-4"> 132 <p align="justify">Di berbagai belahan dunia, terdapat kearifan lokal yang 133telah terbukti menjadi kunci untuk menjaga lingkungan 134alam. Kearifan ini telah berkembang dari generasi ke
135generasi, menjadi bagian dari kehidupan sehari-hari 136masyarakat setempat. 137Salah satu contoh yang menonjol adalah praktik-praktik 138kearifan lokal yang dilakukan oleh suku-suku asli di berbagai 139daerah. Misalnya, suku-suku di Papua yang telah lama 140menjaga keanekaragaman hayati hutan dengan 141mempraktikkan serta memperlakukan lingkungan sebagai 142entitas hidup yang harus dihormati. 143Pada katalog ini kamu akan mengetahui apa saja kearifan 144lokal yang dipraktikkan oleh masyarakat adat di beberapa 145daerah seperti Tolikara, Lani Jaya dan Intan Jaya dalam 146rangka menjaga dan merawat alam yang dilakun tanpa 147disadari maupun disadari.<br> 148 --Selamat membaca--</p> 149 </div> 150 </div> 151 </div> 152 </section> 153 <!-- About--> 154 <section class="page-section bg-primary" id="about"> 155 <div class="container px-4 px-lg-5"> 156 <div class="row gx-4 gx-lg-5 justify-content-center"> 157 <div class="col-lg-8 text-center"> 158 <h2 class="text-white mt-0">Tentang Kami</h2> 159 <hr class="divider divider-light" /> 160 <p class="text-white-75 mb-4">Website ini dibuat oleh siswa/siswi <strong>SMA Sekolah Anak Indonesia </strong>sebagai rasa syukur dan ingin melestarikan warisan budaya yang telah diturunkan oleh parah leluhur Suku Lani atau Suku Dani Barat. Tujuan kami membuat website ini untuk mendokumentasikan barang budaya yang ada di Papua pegunungan khususnya di Suku Lani, supaya generasi berikutnya tidak melupakan budaya yang ada di daerah mereka.</p> 161 162 </div> 163 </div> 164 </div> 165 </section> 166 167 <!-- Team--> 168 <section class="page-section bg-light" id="team"> 169 <div class="container"> 170 <div class="text-center"> 171 <h2 class="section-heading text-uppercase">Our Amazing Team</h2> 172 <h3 class="section-subheading text-muted">Team terbaik sepanjang masa.</h3> 173 </div> 174 <div class="row"> 175 <div class="col-lg-4"> 176 <div class="team-member"> 177 <img class="mx-auto rounded-circle" src="assets/img/team/teku.jpg" alt="..." /> 178 <h4>Teku Weya</h4> 179 <p class="text-muted">Lanny Jaya</p> 180 <a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/c.h.a.n.g.e_7/" aria-label="Parveen Anand Instagram Profile"><i class="fa-brands fa-instagram"></i></a> 181 <a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/showallshowa/" aria-label="Parveen Anand Facebook Profile"><i class="fab fa-facebook-f"></i></a> 182 <a class="btn btn-dark btn-social mx-2" href="https://www.tiktok.com/@weyateku" aria-label="Parveen Anand Tiktok Profile"><i class="fa-brands fa-tiktok"></i></a> 183 </div> 184 </div> 185 <div class="col-lg-4"> 186 <div class="team-member"> 187 <img class="mx-auto rounded-circle" src="assets/img/team/diko.jpg" alt="..." /> 188 <h4>Diko Kiwo</h4> 189 <p class="text-muted">Lanny Jaya</p> 190 <a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/kogo.yanack/" aria-label="Diana Petersen Instagram Profile"><i class="fa-brands fa-instagram"></i></a> 191 <a class="btn btn-dark btn-social mx-2" href="" aria-label="Diana Petersen Facebook Profile"><i class="fab fa-facebook-f"></i></a> 192 <a class="btn btn-dark btn-social mx-2" href="https://www.tiktok.com/@kiwo" aria-label="Diana Petersen Tiktok Profile"><i class="fa-brands fa-tiktok"></i></a> 193 </div> 194 </div> 195 <div class="col-lg-4"> 196 <div class="team-member"> 197 <img class="mx-auto rounded-circle" src="assets/img/team/ika.JPG" alt="..." /> 198 <h4>Ika Bogum</h4> 199 <p class="text-muted">Tolikara</p> 200 <a class="btn btn-dark btn-social mx-2" href=" https://www.instagram.com/i.bogum/" aria-label="Diana Petersen Instagram Profile"><i class="fa-brands fa-instagram"></i></a> 201 <a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/profile.php?id=100069966025239" aria-label="Diana Petersen Facebook Profile"><i class="fab fa-facebook-f"></i></a> 202 <a class="btn btn-dark btn-social mx-2" href="https://www.tiktok.com/@bogum312" aria-label="Diana Petersen Tiktok Profile"><i class="fa-brands fa-tiktok"></i></a> 203 </div> 204 </div> 205 <div class="col-lg-4"> 206 <div class="team-member"> 207 <img class="mx-auto rounded-circle" src="assets/img/team/resa.jpg" alt="..." /> 208 <h4>Resalina Kogoya</h4> 209 <p class="text-muted">Tolikara</p> 210 <a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/megicalgardenbell/" aria-label="Diana Petersen Instagram Profile"><i class="fa-brands fa-instagram"></i></a> 211 <a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/profile.php?id=100024511476736" aria-label="Diana Petersen Facebook Profile"><i class="fab fa-facebook-f"></i></a> 212 <a class="btn btn-dark btn-social mx-2" href="https://www.tiktok.com/@megicalgardenbell" aria-label="Diana Petersen Tiktok Profile"><i class="fa-brands fa-tiktok"></i></a> 213 </div> 214 </div> 215 <div class="col-lg-4"> 216 <div class="team-member"> 217 <img class="mx-auto rounded-circle" src="assets/img/team/nelson.JPG" alt="..." /> 218 <h4>Nelson M. Yikwa</h4> 219 <p class="text-muted">Tolikara</p> 220 <a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/nelson/" aria-label="Diana Petersen Instagram Profile"><i class="fa-brands fa-instagram"></i></a> 221 <a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/profile.php?id=100072006621288" aria-label="Diana Petersen Facebook Profile"><i class="fab fa-facebook-f"></i></a> 222 <a class="btn btn-dark btn-social mx-2" href="https://www.tiktok.com/@naramaru01" aria-label="Diana Petersen Tiktok Profile"><i class="fa-brands fa-tiktok"></i></a> 223 </div> 224 </div> 225 <div class="col-lg-4"> 226 <div class="team-member"> 227 <img class="mx-auto rounded-circle" src="assets/img/team/yerni.jpg" alt="..." /> 228 <h4>Yerni Bogum</h4> 229 <p class="text-muted">Tolikara</p> 230 <a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/yyellow_green/" aria-label="Larry Parker Instagram Profile"><i class="fa-brands fa-instagram"></i></a> 231 <a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/profile.php?id=100077297713427" aria-label="Larry Parker Facebook Profile"><i class="fab fa-facebook-f"></i></a> 232 <a class="btn btn-dark btn-social mx-2" href="https://www.tiktok.com/@bogum_jr" aria-label="Larry Parker Tiktok Profile"><i class="fa-brands fa-tiktok"></i></a> 233 </div> 234 </div> 235 </div> 236 237 </div> 238 </section> 239 240 241 <!-- Footer--> 242 <footer class="footer py-4"> 243 <div class="container"> 244 <div class="row align-items-center"> 245 <div class="col-lg-4 text-lg-start">
245Copyright © Suku lani 2023</div> 246 <div class="col-lg-4 my-3 my-lg-0"> 247 <a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Instagram"><i class="fa-brands fa-instagram"></i></a> 248 <a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a> 249 <a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Tiktok"><i class="fa-brands fa-tiktok"></i></a> 250 </div> 251 <div class="col-lg-4 text-lg-end"> 252 <a class="link-dark text-decoration-none me-3" href="#!">Privacy Policy</a> 253 <a class="link-dark text-decoration-none" href="#!">Terms of Use</a> 254 </div> 255 </div> 256 </div> 257 </footer> 258 <!-- Portfolio Modals--> 259 260 261 <!-- Bootstrap core JS--> 262
262<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
262 263 <!-- Core theme JS--> 264
264<script src="js/scripts.js"></script>
264 265 <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *--> 266 <!-- * * SB Forms JS * *--> 267 <!-- * * Activate your form at https://startbootstrap.com/solution/contact-forms * *--> 268 <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *--> 269
269<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
269 270 </body> 271</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.