<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
  <link rel="stylesheet" href="https://v40.pingendo.com/assets/4.0.0/default/theme.css" type="text/css"> </head>

<body>
  <nav class="navbar navbar-expand-md bg-secondary navbar-dark">
    <div class="container">
      <a class="navbar-brand" href="home.html">DETECTIVE CONAN</a>
      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item">
            <a class="nav-link" href="history.html">HISTORY</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="character.html">CHARACTER</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="movie.html">MOVIE</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="about_me.html">ABOUT ME</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>
  <div class="py-5">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <h1 class="text-center display-3 text-primary">HISTORY</h1>
          <p class="text-muted text-center">ความเป็นมาของ "ยอดนักสืบโคนัน" ก่อนจะเกิดขึ้นได้ต้องได้รับการร่วมมือจากฝ่ายไหนบ้าง มาดูกันเลย</p>
        </div>
      </div>
    </div>
  </div>
  <div class="py-5 text-center bg-secondary">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="row">
            <div class="col-md-12">
              <h1 class="text-light">ยอดนักสืบจิ๋ว โคนัน</h1>
              <p class="text-light text-center">ชื่อ &nbsp;ยอดนักสืบจิ๋ว โคนัน&nbsp;
                <br>ชื่อญี่ปุ่น &nbsp;名探偵コナン&nbsp;
                <br>ชื่อ &nbsp;Detective Conan
                <br>ชื่ออังกฤษ &nbsp;Case Closed (อเมริกา)&nbsp;
                <br>ประเภท &nbsp;โชเน็ง&nbsp;
                <br>แนว &nbsp;สืบสวน, ดรามา
                <br>
                <br>..............การตูนช่อง............
                <br>เขียนเรื่อง &nbsp;อาโอยาม่า โกโช&nbsp;
                <br>สำนักพิมพ์ &nbsp;โชงะกุกัง&nbsp;
                <br>สำนักพิมพ์ไทย &nbsp;วิบูลย์กิจ&nbsp;
                <br>นิตยสาร &nbsp;โชเน็งซันเดย์&nbsp;
                <br>นิตยสารไทย &nbsp;นีออซ&nbsp;
                <br>เมื่อ 2537 – ปัจจุบัน&nbsp;
                <br>จำนวนเล่ม ญี่ปุ่น: 92 เล่ม[1] / ไทย: 85 เล่ม[2] &nbsp;
                <br>
                <br>
                <br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;............แอนิเมชันโทรทัศน์............ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                <br>กำกับ &nbsp;โคดามะ เคนจิ, ยามาโมโตะ ยาสุอิจิโร่&nbsp;
                <br>อำนวยการผลิต &nbsp;สุวะ มิจิฮิโกะ โยชิโอกะ มาซาฮิโตะ&nbsp;
                <br>เขียนบท &nbsp; อิโอกะ จูนอิชิ
                <br>&nbsp;เพลง &nbsp; โอโนะ คัตทสึโอะ
                <br>&nbsp;สตูดิโอ &nbsp;โยมิอุริ เทเลแคสติ้ง คอปอเรชั่น และ ทีเอ็มเอสเอ็นเตอร์เทนเมนต์&nbsp;
                <br>ผู้ทรง &nbsp; วิดีโอสแควร์ (เดิม)&nbsp;
                <br>ลิขสิทธิ์ &nbsp;ทีไอจีเอ&nbsp;
                <br>เครือข่าย นิปปอนทีวี ,โยมิอุริทีวี โมเดิร์นไนน์ทีวี (พ.ศ. 2542-ปัจจุบัน)&nbsp;
                <br>ทรู &nbsp;สปาร์ค (พ.ศ. 2543-ปัจจุบัน)&nbsp;
                <br>การ์ตูนคลับแชนเนล (พ.ศ. 2552-ปัจจุบัน) ช่อง 7 (เฉพาะมูฟวี่และภาคคนแสดง)
                <br>&nbsp;ฉายครั้งแรก 8 มกราคม 2539 – ปัจจุบัน&nbsp;
                <br>จำนวนตอน ญี่ปุ่น: 850 ตอน ไทย: [ทีวี] 744 (794) ตอน / [ดีวีดี] 514 (561) ตอน&nbsp;
                <br>ปัจจุบันเลิกทำ DVD/VCD เดอะซีรีส์ตั้งแต่ ปี 12 ขึ้นไปแล้ว</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="py-5">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="row">
            <div class="col-md-6">
              <img class="img-fluid d-block w-100 mb-3 rounded" src="his_1.jpg">
              <p class="text-muted">นอกจากยอดนักสืบจิ๋วโคนันจะได้รับการตีพิมพ์เป็นหนังสือการ์ตูนแล้ว ยังได้มีการนำมาดัดแปลงทำเป็นการ์ตูนซีรีส์โทรทัศน์โดยแอนิเมชันสตูดิโอโตเกียวมูฟวี่ชินชะ ซึ่งนำออกอากาศผ่าน สถานีโทรทัศน์นิปปอน, สถานีโทรทัศน์โยมิอุริ, และ สถานีโทรทัศน์แอนิแมกซ์
                ตั้งแต่วันที่ 8 มกราคม พ.ศ. 2539&nbsp;</p>
            </div>
            <div class="col-md-6 text-muted">
              <img class="img-fluid d-block w-100 mb-3 rounded" src="his_3.jpg">
              <p class="">ด้วยกระแสตอบรับที่ดีของยอดนักสืบจิ๋วโคนันจึงได้มีการจัดทำการตูนภาพยนตร์ซึ่งออกฉายช่วงสัปดาห์หยุดยาวตั้งแต่วันที่ 29 เมษายน ถึงวันที่ 5 พฤษภาคม ของญี่ปุ่น (หรือโกลเด้นวีค) ของทุกๆ ปี อีกทั้งยังมีการจัดทำซีรีส์คนแสดงอีกด้วย
                <br>
                <br>
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  <pingendo onclick="window.open('https://pingendo.com/', '_blank')" style="cursor:pointer;position: fixed;bottom: 10px;right:10px;padding:4px;background-color: #00b0eb;border-radius: 8px; width:180px;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:14px;color:white">Made with Pingendo&nbsp;&nbsp;
    <img src="https://pingendo.com/site-assets/Pingendo_logo_big.png" class="d-block" alt="Pingendo logo" height="16">
  </pingendo>
</body>

</html>