Skip to content

N
nodejs-60-2
Switch branch/tag
Find file
Normal viewHistoryPermalink
ABOUTME.html 5.42 KB
EditWeb IDE
Newer Older
rattanaporn saysee's avatar
Project
35a5215d
 
rattanaporn saysee committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>เกี่ยวกับเรา</title>
  <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 navbar-dark bg-gradient">
    <div class="container">
      <a class="navbar-brand" href="home.html"><b><h2>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ชีวิตติดเส้น</h2></b></a>
      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar2SupportedContent" aria-controls="navbar2SupportedContent" aria-expanded="false"
        aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
      <div class="collapse navbar-collapse text-center justify-content-end" id="navbar2SupportedContent">
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link" href="หน้าแรก.html">หน้าหลัก</a>
          </li>
        </ul>
        <a class="btn navbar-btn ml-2 text-white btn-secondary" href="ABOUTME.html"><i class="fa d-inline fa-lg fa-user-circle-o"></i> เกี่ยวกับเรา</a>
      </div>
    </div>
  </nav>
  <div class="p-1 bg-primary filter-dark">
    <div class="container">
      <div class="row bg-primary">
        <div class="col-md-5  text-center align-self-center offset-md-7 py-2">
          <a href="https://www.facebook.com/rattanaporn.saysee" target="_blank"><i class="fa fa-facebook-square text-muted fa-3x m-2"></i></a>
          <a href="https://twitter.com/" target="_blank"><i class="fa fa-3x fa-twitter m-2 text-muted"></i></a>
          <a href="https://www.instagram.com/pom3986" target="_blank"><i class="fa fa-3x fa-instagram text-muted m-2"></i></a>
        </div>
      </div>
    </div>
  </div>
  <div class="py-5 bg-primary filter-dark">
    <div class="container">
      <div class="row">
        <div class="align-self-center text-md-right text-center col-md-4">
          <h3 class="text-primary">ชื่อ - นามสกุล</h3>
          <p class="mb-5">นางสาว รัตนาภรณ์ &nbsp; สายสี &nbsp;
            <br>ชื่อเล่น ป้อม
            <br>&nbsp; &nbsp;</p>
          <h3 class="text-primary">ที่อยู่&nbsp;</h3>
          <p class="mb-5">125 หมู่ที่ 6 บ้านแขมใต้ &nbsp;ตำบลบ้านแขม &nbsp;&nbsp;
            <br>อำเภอพิบูลมังสาหาร &nbsp;จังหวัดอุบลราชธานี 34110
            <br>&nbsp;</p>
          <h3 class="text-primary">ติดต่อเรา</h3>
          <p class="">E-mail : rattanaporn.sa.58@ubu.ac.th
            <br> </p>
          <div class="col-4"> </div>
        </div>
        <div class="my-3 col-md-4">
          <img class="img-fluid d-block ml-1 mx-auto" src="p3.jpg"> </div>
        <div class="align-self-center text-md-left text-center col-md-4">
          <h3 class="text-primary">การศึกษา&nbsp;</h3>
          <p class="mb-5">ปัจจุบันกำลังศึกษาในระดับปริญญาตรี&nbsp;
            <br>มหาวิทยาลัยอุบลราชธานี&nbsp;
            <br>คณะวิทยาศาสตร์ &nbsp;สาขาวิทยาการคอมพิวเตอร์&nbsp;</p>
          <h3 class="text-primary">วันเดือนปีเกิด</h3>
          <p class="mb-5">12 &nbsp;กุมภาพันธ์ &nbsp;2540</p>
          <h3 class="text-primary">เหตุผลที่ทำเว็บนี้</h3>
          <p>เพราะอยากให้ทุกคนรู้ว่าบะหมี่กึ่งสำเร็จรูปที่บริษัทไทยเป็นผู้ผลิตมีกี่ยี่ห้อ มีกี่รสชาติ บางยี่ห้อเราอาจจะไม่รู้ และบางรสชาติเราอาจจะยังไม่กินมาก่อน&nbsp;</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>