<!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 class="text-white text-capitalize">
  <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="histiry.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 text-white" href="about_me.html">ABOUT ME</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>
  <div class="py-5 text-center" style="background-image: url('about_backgroad.jpeg'); background-position:center center; background-size:auto;">
    <div class="container py-5">
      <div class="row">
        <div class="col-md-12">
          <h1 class="display-3 mb-4 text-white"><b>ABOUT ME</b></h1>
        </div>
      </div>
    </div>
  </div>
  <div class="bg-primary py-5">
    <div class="container">
      <div class="row">
        <div class="col-md-8 my-3">
          <h1 class="display-4 text-white text-md-left text-center">Spread the love&nbsp;</h1>
        </div>
        <div class="col-md-4  text-center align-self-center">
          <a href="https://www.facebook.com/profile.php?id=100016875767560" target="_blank"><i class="fa fa-fw fa-facebook fa-3x text-white mx-3"></i></a>
          <a href="https://twitter.com/PraewmiAU" target="_blank"><i class="fa fa-fw fa-twitter fa-3x text-white mx-3"></i></a>
          <a href="https://www.instagram.com/praewly_amonsiri/" target="_blank"><i class="fa fa-fw fa-instagram fa-3x text-white mx-3"></i></a>
        </div>
      </div>
    </div>
  </div>
  <div class="py-5">
    <div class="container">
      <div class="row mb-5">
        <div class="col-md-7">
          <h2 class="text-primary">profile</h2>
          <p class="text-primary"><b>Name &nbsp;: &nbsp;Amonsiri Unkham
            <br>nickname : Praewmi
            <br>Age : 20 &nbsp;Blood Group : A
            <br>BirthDay : Sunday 2 march 1997
            <br>Ethnicity : Thai &nbsp; &nbsp; &nbsp;Nationality : Thai &nbsp;Religion : Buddha<br>Native Habital &nbsp;: &nbsp;House No 32 &nbsp;nammontee phiboon phiboonmangsahan 34110</b>
            <br><b>color : yello , red</b>
            <br><b>tel : 0854992279<br>Emlil : Amonsiri.un.58@ubu.ac.th</b></p>
        </div>
        <div class="col-md-5 align-self-center">
          <img class="d-block w-100 px-5 img-thumbnail img-fluid" src="about_4.jpg" width="20"> </div>
      </div>
      <div class="row">
        <div class="col-md-5">
          <img class="img-fluid d-block mb-4 w-100 img-thumbnail px-5" src="about_3.jpg"> </div>
        <div class="col-md-7">
          <h2 class="text-primary pt-3">education</h2>
          <p class="text-primary"><b>may 2004 – march &nbsp;2009 &nbsp;<br>primary school &nbsp;- tasaban 1 banphokang school , &nbsp; Ubonratchathani&nbsp;THAILAND<br>May 2009 – March 2015&nbsp;<br>High School – phibonmangsahan school , Ubonratchathani THAILAND&nbsp;<br>May 2015 – &nbsp;present<br>Studying - Ubon Ratchathani University , Ubonratchathani THAILAND
</b></p>
        </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>