<commit_before>        
        <div style="background-color:#fafbfc;t">
            <div class="container center" style="padding:150px 0 130px 0;">
                <h2 class="tutorials-index-head-two">Tutorial HTML</h2>
                <p>Learn the essential skills to create an interactive web application using HTML5, JavaScript.</p>
            </div>
        </div>
        <div class="container about-this-tutorial-container">
            <div class="row">
                <div class="col s12 m6 l6">
                    <div class="about-this-tutorial">
                        <h4 class="tutorials-index-head-four" style="color:#E44D26;">Tentang Bahasa HTML</h4>
                        <p>This computer science course introduces JavaScript and HTML as programming and markup languages that are used to create web applications. The learner will gain experience with each language individually and then combine them together to create compelling web application solutions. The learner will have an opportunity to use Visual Studio Code on their operating system of choice to create and test their web applications.
    
    This course teaches basic tasks that are necessary to create web applications with a strong semantic structure, re-usable style components and custom interactive features. This course includes hands-on labs that enable the learner to build basic HTML pages that are the components of a web application used to solve real world problems.HTML and CSS are markup languages and the building blocks that make up the web. This course is called "Not your Typical Intro" because it does not follow the usual pattern of other courses and tutorials that you find on the Internet. Usually HTML and CSS are taught with a focus on language syntax. But knowing syntax alone does not enable you to create a webpage from a design. You need to know where to start and how to approach the task, in other words - you need to learn how to think like a front-end developer.</p>
                        <div class="row" style="margin-top:50px;">
                            <p style="margin-left: 11px;color: #777;font-style: italic;font-size: 14px;">Pelajari HTML sekarang dan mulai membuat website yang berguna.</p>
                            <div class="col s12 m6 l6">
                                <a style="width:100%;margin-bottom:13px;" class="waves-effect waves-light btn-large  deep-orange darken-1"><i class="material-icons right">school</i>pelajari</a>
                            </div>
                            <div class="col s12 m6 l6">
                                <a href="#html-syllabus" style="width:100%" class="waves-effect waves-light btn-large grey lighten-1">lihat materi</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col s12 m6 l6">
                    <div class="center" style="padding:30px 0 30px 0;">
                        <img style="width:60%;" alt="logo html" title="logo html" src="https://kelastutorial.com/images/html-logo.png"/>
                    </div>
                    <span class="tutorials-index-category">LEVEL</span><br/>
                    <span style="font-weight:600;color:#444;">PEMULA</span><br/><br/>
                    <span class="tutorials-index-category">KLASIFIKASI</span><br/>
                    <span style="font-weight:600;color:#444;">PENGEMBANGAN WEB</span>
                </div>
            </div>
        </div>
        <div class=" deep-orange darken-1 syllabus-tutorial-container" id="html-syllabus">
            <div class="container">
                <h4 class="tutorials-index-head-four" style="color:#fff;text-align:center">Apa yang akan Anda pelajari ?</h4>
                <div style="max-width:850px;padding:20px 0 20px 0;margin:0 auto;">
                    <ul class="collapsible white" data-collapsible="expandable">
                    <li>
                      <div class="collapsible-header"><i class="fa fa-angle-down" aria-hidden="true"></i>Pendahuluan</div>
                      <div class="collapsible-body">
                          <div class="row syllabus-content">
                              <div class="col s12 m6 l6">
                                <ol type="i">
                                    <li><a href="#">Pengertian HTML</a></li>
                                    <li><a href="#"> HTML</a></li>
                                    <li><a href="#">Struktur HTML</a></li>
                                </ol>
                              </div>
                              <div class="col s12 m6 l6">
                                  <ol type="i">
                                    <li><a href="#">Pengertian HTML</a></li>
                                    <li><a href="#"> HTML</a></li>
                                    <li><a href="#"> HTML</a></li>
                                </ol>
                              </div>
                          </div>
                      </div>
                    </li>
                    <li>
                      <div class="collapsible-header"><i class="fa fa-angle-down" aria-hidden="true"></i>HTML Dasar</div>
                      <div class="collapsible-body">
                          
                          <div class="row" style="padding:20px 0 0 20px;">
                              <div class="col s6 m6 l6">
                                <ol type="i">
                                    <li><a href="#">Pengertian HTML</a></li>
                                    <li><a href="#">Sejarah HTML</a></li>
                                    <li><a href="#"> HTML</a></li>
                                </ol>
                              </div>
                              <div class="col s6 m6 l6">
                                  <ol type="i">
                                    <li><a href="">Pengertian HTML</a></li>
                                    <li><a href=""> HTML</a></li>
                                    <li><a href=""> HTML</a></li>
                                </ol>
                              </div>
                          </div>
                      </div>
                    </li>
                    <li>
                      <div class="collapsible-header"><i class="fa fa-angle-down" aria-hidden="true"></i>HTML Menengah</div>
                      <div class="collapsible-body"><span>Lorem ipsum dolor sit amet.</span></div>
                    </li>
                  </ul>
                </div>
            </div>
        </div>
        <div class="white requirements-tutorial-container">
            <div class="container">
                <div style="max-width:850px;margin:0 auto;">
                    <h4 class="tutorials-index-head-four" style="text-align:center">Prasyarat dan Persyaratan</h4>
                    <p style="margin-top:35px;">Untuk dapat dengan cepat mengikuti tutorial ini, Anda disarankan untuk menguasai beberapa persyaratan minimal dibawah ini :</p>
                    <p>
                        <ol type="i">
                            <li>Aktif dan menyukai dunia Internet</li>
                            <li>Menguasai dasar Jaringan Komputer</li>
                            <li>Menguasai pengetahuan dasar Internet</li>
                        </ol><commit_msg>update html page<commit_after>        
        <div style="background-color:#fafbfc;t">
            <div class="container center" style="padding:150px 0 130px 0;">
                <h2 class="tutorials-index-head-two">Tutorial HTML</h2>
                <p>Learn the essential skills to create an interactive web application using HTML5, JavaScript.</p>
            </div>
        </div>
        <div class="container about-this-tutorial-container">
            <div class="row">
                <div class="col s12 m6 l6">
                    <div class="about-this-tutorial">
                        <h4 class="tutorials-index-head-four" style="color:#E44D26;">Tentang Bahasa HTML</h4>
                        <p>HyperText Markup Language (HTML) adalah sebuah standar bahasa markup untuk membuat sebuah halaman web atau aplikasi web. HTML biasanya di kombinasikan dengan Cascading Style Sheets (CSS) dan Javascript agar halaman atau aplikasi website menjadi lebih menarik dan berguna. Web browser menerima dokumen HTML dari webserver atau dari penyimpanan lokal kemudian merendernya menjadi halaman yang diiginkan. Dokumen HTML terdiri dari beberapa elemen seperti heading, paragraphs, lists, links, quotes dan lain-lain.</p>
                        <div class="row" style="margin-top:50px;">
                            <p style="margin-left: 11px;color: #777;font-style: italic;font-size: 14px;">Pelajari HTML sekarang dan mulai membuat website yang berguna.</p>
                            <div class="col s12 m6 l6">
                                <a style="width:100%;margin-bottom:13px;" class="waves-effect waves-light btn-large  deep-orange darken-1"><i class="material-icons right">school</i>pelajari</a>
                            </div>
                            <div class="col s12 m6 l6">
                                <a href="#html-syllabus" style="width:100%" class="waves-effect waves-light btn-large grey lighten-1">lihat materi</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col s12 m6 l6">
                    <div class="center" style="padding:30px 0 30px 0;">
                        <img style="width:60%;" alt="logo html" title="logo html" src="https://kelastutorial.com/images/html-logo.png"/>
                    </div>
                    <span class="tutorials-index-category">LEVEL</span><br/>
                    <span style="font-weight:600;color:#444;">PEMULA</span><br/><br/>
                    <span class="tutorials-index-category">KLASIFIKASI</span><br/>
                    <span style="font-weight:600;color:#444;">PENGEMBANGAN WEB</span>
                </div>
            </div>
        </div>
        <div class=" deep-orange darken-1 syllabus-tutorial-container" id="html-syllabus">
            <div class="container">
                <h4 class="tutorials-index-head-four" style="color:#fff;text-align:center">Apa yang akan Anda pelajari ?</h4>
                <div style="max-width:850px;padding:20px 0 20px 0;margin:0 auto;">
                    <ul class="collapsible white" data-collapsible="expandable">
                    <li>
                      <div class="collapsible-header"><i class="fa fa-angle-down" aria-hidden="true"></i>Pendahuluan</div>
                      <div class="collapsible-body">
                          <div class="row syllabus-content">
                              <div class="col s12 m6 l6">
                                <ol type="i">
                                    <li><a href="#">Pengertian HTML</a></li>
                                    <li><a href="#"> HTML</a></li>
                                    <li><a href="#">Struktur HTML</a></li>
                                </ol>
                              </div>
                              <div class="col s12 m6 l6">
                                  <ol type="i">
                                    <li><a href="#">Pengertian HTML</a></li>
                                    <li><a href="#"> HTML</a></li>
                                    <li><a href="#"> HTML</a></li>
                                </ol>
                              </div>
                          </div>
                      </div>
                    </li>
                    <li>
                      <div class="collapsible-header"><i class="fa fa-angle-down" aria-hidden="true"></i>HTML Dasar</div>
                      <div class="collapsible-body">
                          
                          <div class="row" style="padding:20px 0 0 20px;">
                              <div class="col s6 m6 l6">
                                <ol type="i">
                                    <li><a href="#">Pengertian HTML</a></li>
                                    <li><a href="#">Sejarah HTML</a></li>
                                    <li><a href="#"> HTML</a></li>
                                </ol>
                              </div>
                              <div class="col s6 m6 l6">
                                  <ol type="i">
                                    <li><a href="">Pengertian HTML</a></li>
                                    <li><a href=""> HTML</a></li>
                                    <li><a href=""> HTML</a></li>
                                </ol>
                              </div>
                          </div>
                      </div>
                    </li>
                    <li>
                      <div class="collapsible-header"><i class="fa fa-angle-down" aria-hidden="true"></i>HTML Menengah</div>
                      <div class="collapsible-body"><span>Lorem ipsum dolor sit amet.</span></div>
                    </li>
                  </ul>
                </div>
            </div>
        </div>
        <div class="white requirements-tutorial-container">
            <div class="container">
                <div style="max-width:850px;margin:0 auto;">
                    <h4 class="tutorials-index-head-four" style="text-align:center">Prasyarat dan Persyaratan</h4>
                    <p style="margin-top:35px;">Untuk dapat dengan cepat mengikuti tutorial ini, Anda disarankan untuk menguasai beberapa persyaratan minimal dibawah ini :</p>
                    <p>
                        <ol type="i">
                            <li>Aktif dan menyukai dunia internet</li>
                            <li>Menguasai dasar jaringan komputer</li>
                            <li>Menguasai pengetahuan dasar internet</li>
                        </ol>
{'fraction_non_alphanumeric': 0.12143164538803615, 'fraction_numerical': 0.01621001291062975, 'mean_word_length': 1.3053902116402116, 'pattern_counts': {'":': 0, '<': 345, '<?xml version=': 0, '>': 345, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 38, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2223005', 'n_tokens_mistral': 3933, 'n_tokens_neox': 3566, 'n_words': 925}