<commit_before><!DOCTYPE html>
<html>
<title>Docker Tutorial</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<style>
body {font-family: "Lato", sans-serif}
.mySlides {display: none}
</style>
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="50">

<!-- Navbar -->
<div class="w3-top">
  <div class="w3-bar w3-blue w3-card-2">
    <a class="w3-bar-item w3-button w3-padding-large w3-hide-medium w3-hide-large w3-right" href="javascript:void(0)" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
    <a href="#" class="w3-bar-item w3-button w3-padding-large">HOME</a>
    <a href="#Tutorial" class="w3-bar-item w3-button w3-padding-large w3-hide-small">TUTORIAL</a>
    <a href="#tour" class="w3-bar-item w3-button w3-padding-large w3-hide-small">DOCKER</a>
    <a href="#hub" class="w3-bar-item w3-button w3-padding-large w3-hide-small">DOCKER HUB</a>
    <a href="#team" class="w3-bar-item w3-button w3-padding-large w3-hide-small">TEAM</a>
    
    <div class="w3-dropdown-hover w3-hide-small">
      <button class="w3-padding-large w3-button" title="More">QUIZ <i class="fa fa-caret-down"></i></button>     
      <div class="w3-dropdown-content w3-bar-block w3-card-4">
        <a href="https://goo.gl/HdK25n" target="_blank" class="w3-bar-item w3-button">Docker Recommended</a>
        <a href="https://goo.gl/3skcpP" target="_blank" class="w3-bar-item w3-button">Difinition of Docker</a>
        <a href="https://goo.gl/Cctacd" target="_blank" class="w3-bar-item w3-button">Install Docker</a>
        <a href="https://goo.gl/0zblGp" target="_blank" class="w3-bar-item w3-button">Use Docker</a>
      </div>
    </div>

    <div class="w3-dropdown-hover w3-hide-small">
      <button class="w3-padding-large w3-button" title="More">MORE <i class="fa fa-caret-down"></i></button>     
      <div class="w3-dropdown-content w3-bar-block w3-card-4">
        <a href="https://www.docker.com/docker-windows" class="w3-bar-item w3-button">Download for Windows</a>
        <a href="https://www.docker.com/docker-mac" class="w3-bar-item w3-button">Download for Mac</a>
        <a href="https://www.docker.com/docker-ubuntu" class="w3-bar-item w3-button">Download for Ubuntu</a>
        <a href="https://stackoverflow.com/" class="w3-bar-item w3-button">Stackoverflow</a>
      </div>
    </div>
  </div>
</div>

<!-- Navbar on small screens -->
<div id="navDemo" class="w3-bar-block w3-blue w3-hide w3-hide-large w3-hide-medium w3-top" style="margin-top:46px">
  <a href="#Tutorial" class="w3-bar-item w3-button w3-padding-large">TUTORIAL</a>
  <a href="#tour" class="w3-bar-item w3-button w3-padding-large">DOCKER</a>
  <a href="#hub" class="w3-bar-item w3-button w3-padding-large">DOCKER HUB</a>
  <a href="#team" class="w3-bar-item w3-button w3-padding-large">TEAM</a>
  <a href="https://goo.gl/HdK25n" class="w3-bar-item w3-button w3-padding-large">ONE QUIZ</a>
  <a href="https://docker.com" class="w3-bar-item w3-button w3-padding-large">DOCKER OFFICE WEB</a>
</div>

<!-- Page content -->
<div class="w3-container" style="padding:128px 16px" id="about">
  <h3 class="w3-center">ABOUT THE COMPANY</h3>
  <p class="w3-center w3-large">Key features of our company</p>
  <div class="w3-row-padding w3-center" style="margin-top:64px">
    <div class="w3-quarter">
      <i class="fa fa-desktop w3-margin-bottom w3-jumbo w3-center"></i>
      <p class="w3-large">Responsive</p>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
    </div>
    <div class="w3-quarter">
      <i class="fa fa-heart w3-margin-bottom w3-jumbo"></i>
      <p class="w3-large">Passion</p>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
    </div>
    <div class="w3-quarter">
      <i class="fa fa-diamond w3-margin-bottom w3-jumbo"></i>
      <p class="w3-large">Design</p>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
    </div>
    <div class="w3-quarter">
      <i class="fa fa-cog w3-margin-bottom w3-jumbo"></i>
      <p class="w3-large">Support</p>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
    </div>
  </div>
</div>

  
<div class="w3-content" style="max-width:2000px;margin-top:46px">

  <!-- Automatic Slideshow Images -->
  <div class="mySlides w3-display-container w3-center">
    <img src="<?php echo base_url(); ?>assets/images/docker.png" alt="docker" style="width:100%">
    <div class="w3-display-bottommiddle w3-container w3-text-white w3-padding-32 w3-hide-small">
      <h3>Docker</h3>
      <p><b>ทำความรู้จัก Docker</b></p>   
    </div>
  </div>
  <div class="mySlides w3-display-container w3-center">
    <img src="<?php echo base_url(); ?>assets/images/docker01.png" alt="docker01" style="width:100%">
    <div class="w3-display-bottommiddle w3-container w3-text-white w3-padding-32 w3-hide-small">
      <h3>ทำไมต้อง Docker</h3>
      <p><b>Docker มีประโยชน์อย่างไรมาดูกัน</b></p>    
    </div>
  </div>
  <div class="mySlides w3-display-container w3-center">
    <img src="<?php echo base_url(); ?>assets/images/docker02.png" alt="docker02" style="width:100%">
    <div class="w3-display-bottommiddle w3-container w3-text-white w3-padding-32 w3-hide-small">
      <h3>Install Docker</h3>
      <p><b>เรียนรู้การติดตั้ง Docker</b></p>    
    </div>
  </div>

  <!-- Features Section of tutorial-->
  <div class="w3-container" style="padding:128px 16px" id="Tutorial">
        <h1 class="w3-jumbo"><b>TUTORIAL</b></h1>
        <p>บทเรียนเหล่านี้ทางเราได้คัดสันมาเพื่อคุณ</p>

        <div class="w3-row" style="margin-top:64px">
          <div class="w3-col s3">
            <a href="index.php/Recommend/recommend" target="_blank"><img src="<?php echo base_url(); ?>assets/images/idea.png" alt="idea" class="w3-hover-opacity"></a><commit_msg>Update welcome_pages.php<commit_after><!DOCTYPE html>
<html>
<title>Docker Tutorial</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<style>
body {font-family: "Lato", sans-serif}
.mySlides {display: none}
</style>
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="50">

<!-- Navbar -->
<div class="w3-top">
  <div class="w3-bar w3-blue w3-card-2">
    <a class="w3-bar-item w3-button w3-padding-large w3-hide-medium w3-hide-large w3-right" href="javascript:void(0)" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
    <a href="#" class="w3-bar-item w3-button w3-padding-large">HOME</a>
    <a href="#Tutorial" class="w3-bar-item w3-button w3-padding-large w3-hide-small">TUTORIAL</a>
    <a href="#tour" class="w3-bar-item w3-button w3-padding-large w3-hide-small">DOCKER</a>
    <a href="#hub" class="w3-bar-item w3-button w3-padding-large w3-hide-small">DOCKER HUB</a>
    <a href="#team" class="w3-bar-item w3-button w3-padding-large w3-hide-small">TEAM</a>
    
    <div class="w3-dropdown-hover w3-hide-small">
      <button class="w3-padding-large w3-button" title="More">QUIZ <i class="fa fa-caret-down"></i></button>     
      <div class="w3-dropdown-content w3-bar-block w3-card-4">
        <a href="https://goo.gl/HdK25n" target="_blank" class="w3-bar-item w3-button">Docker Recommended</a>
        <a href="https://goo.gl/3skcpP" target="_blank" class="w3-bar-item w3-button">Difinition of Docker</a>
        <a href="https://goo.gl/Cctacd" target="_blank" class="w3-bar-item w3-button">Install Docker</a>
        <a href="https://goo.gl/0zblGp" target="_blank" class="w3-bar-item w3-button">Use Docker</a>
      </div>
    </div>

    <div class="w3-dropdown-hover w3-hide-small">
      <button class="w3-padding-large w3-button" title="More">MORE <i class="fa fa-caret-down"></i></button>     
      <div class="w3-dropdown-content w3-bar-block w3-card-4">
        <a href="https://www.docker.com/docker-windows" class="w3-bar-item w3-button">Download for Windows</a>
        <a href="https://www.docker.com/docker-mac" class="w3-bar-item w3-button">Download for Mac</a>
        <a href="https://www.docker.com/docker-ubuntu" class="w3-bar-item w3-button">Download for Ubuntu</a>
        <a href="https://stackoverflow.com/" class="w3-bar-item w3-button">Stackoverflow</a>
      </div>
    </div>
  </div>
</div>

<!-- Navbar on small screens -->
<div id="navDemo" class="w3-bar-block w3-blue w3-hide w3-hide-large w3-hide-medium w3-top" style="margin-top:46px">
  <a href="#Tutorial" class="w3-bar-item w3-button w3-padding-large">TUTORIAL</a>
  <a href="#tour" class="w3-bar-item w3-button w3-padding-large">DOCKER</a>
  <a href="#hub" class="w3-bar-item w3-button w3-padding-large">DOCKER HUB</a>
  <a href="#team" class="w3-bar-item w3-button w3-padding-large">TEAM</a>
  <a href="https://goo.gl/HdK25n" class="w3-bar-item w3-button w3-padding-large">ONE QUIZ</a>
  <a href="https://docker.com" class="w3-bar-item w3-button w3-padding-large">DOCKER OFFICE WEB</a>
</div>

<!-- Page content -->
<div class="w3-content" style="max-width:2000px;margin-top:46px">

  <!-- Automatic Slideshow Images -->
  <div class="mySlides w3-display-container w3-center">
    <img src="<?php echo base_url(); ?>assets/images/docker.png" alt="docker" style="width:100%">
    <div class="w3-display-bottommiddle w3-container w3-text-white w3-padding-32 w3-hide-small">
      <h3>Docker</h3>
      <p><b>ทำความรู้จัก Docker</b></p>   
    </div>
  </div>
  <div class="mySlides w3-display-container w3-center">
    <img src="<?php echo base_url(); ?>assets/images/docker01.png" alt="docker01" style="width:100%">
    <div class="w3-display-bottommiddle w3-container w3-text-white w3-padding-32 w3-hide-small">
      <h3>ทำไมต้อง Docker</h3>
      <p><b>Docker มีประโยชน์อย่างไรมาดูกัน</b></p>    
    </div>
  </div>
  <div class="mySlides w3-display-container w3-center">
    <img src="<?php echo base_url(); ?>assets/images/docker02.png" alt="docker02" style="width:100%">
    <div class="w3-display-bottommiddle w3-container w3-text-white w3-padding-32 w3-hide-small">
      <h3>Install Docker</h3>
      <p><b>เรียนรู้การติดตั้ง Docker</b></p>    
    </div>
  </div>

  <!-- Features Section of tutorial-->
  <div class="w3-container" style="padding:128px 16px" id="about">
  <h3 class="w3-center">ABOUT THE COMPANY</h3>
  <p class="w3-center w3-large">Key features of our company</p>
  <div class="w3-row-padding w3-center" style="margin-top:64px">
    <div class="w3-quarter">
      <i class="fa fa-desktop w3-margin-bottom w3-jumbo w3-center"></i>
      <p class="w3-large">Responsive</p>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
    </div>
    <div class="w3-quarter">
      <i class="fa fa-heart w3-margin-bottom w3-jumbo"></i>
      <p class="w3-large">Passion</p>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
    </div>
    <div class="w3-quarter">
      <i class="fa fa-diamond w3-margin-bottom w3-jumbo"></i>
      <p class="w3-large">Design</p>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
    </div>
    <div class="w3-quarter">
      <i class="fa fa-cog w3-margin-bottom w3-jumbo"></i>
      <p class="w3-large">Support</p>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
    </div>
  </div>
</div>
  
  
  <div class="w3-container" style="padding:128px 16px" id="Tutorial">
        <h1 class="w3-jumbo"><b>TUTORIAL</b></h1>
        <p>บทเรียนเหล่านี้ทางเราได้คัดสันมาเพื่อคุณ</p>

        <div class="w3-row" style="margin-top:64px">
          <div class="w3-col s3">
            <a href="index.php/Recommend/recommend" target="_blank"><img src="<?php echo base_url(); ?>assets/images/idea.png" alt="idea" class="w3-hover-opacity"></a>
{'fraction_non_alphanumeric': 0.19701562135695966, 'fraction_numerical': 0.03310795057122873, 'mean_word_length': 3.8248968878890137, 'pattern_counts': {'":': 0, '<': 347, '<?xml version=': 0, '>': 347, 'https://': 28, 'lorem ipsum': 0, 'www.': 8, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 14, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2345860', 'n_tokens_mistral': 5255, 'n_tokens_neox': 5077, 'n_words': 902}