<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- PAGE settings -->
<link rel="icon" href="https://templates.pingendo.com/assets/Pingendo_favicon.ico">
<title>Album</title>
<meta name="description" content="Wireframe design of an album page by Pingendo">
<meta name="keywords" content="Pingendo bootstrap example template wireframe album ">
<meta name="author" content="Pingendo">
<!-- CSS dependencies -->
<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="wireframe.css"> </head>
<body>
<div class="collapse bg-dark" id="navbarHeader">
<div class="container">
<div class="row">
<div class="col-md-7 py-4">
<h4>About</h4>
<p class="text-info">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div class="col-md-3 offset-md-1 py-4">
<h4>Contact</h4>
<ul class="list-unstyled">
<li>
<a href="#" class="text-secondary">Follow on Twitter</a>
</li>
<li>
<a href="#" class="text-secondary">Like on Facebook</a>
</li>
<li>
<a href="#" class="text-secondary">Email me</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="py-5" style="background-image: url('../รูป ข้อมูล/120604573.jpg');">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="display-3" contenteditable="true"><b>Sign Language</b></h3>
</div>
</div>
</div>
</div>
<div class="py-5" style="background-image: url('../รูป ข้อมูล/ring-1902872_1920.jpg');background-size:auto;background-repeat:space;"></div>
<div class="py-5" style="background-image: url("../รูป ข้อมูล/120604584.jpg");">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="text-center">ภาษามือเบื้องต้น สำหรับใช้ในชีวิตประจำวัน</h1>
</div>
</div>
</div>
</div>
<div class="py-4 bg-light" style="background-image: url('../รูป ข้อมูล/pattern-1896980_1920.jpg');">
<div class="container">
<div class="row">
<div class="p-3 col-md-6">
<div class="card box-shadow">
<img class="เก่ง" src="../รูป ข้อมูล/เก่ง.jpg">
<div class="card-body" style="background-image: url('../รูป ข้อมูล/soft-979158_1920.jpg');">
<p class="lead"> เก่ง
<br>
<br>ความหมาย : มีความสามารถ ทำอะไร ๆ ได้ดี
<br>
<br>การใช้ภาษามือ : คว่ำมือซ้ายในระดับเดียวกับท้อง ใช้ฝ่ามือขวาตบลงเบา ๆ บนมือซ้าย ประมาณ 2 รอบ จากนั้นยกมือขวาขึ้น แล้วชูนิ้วโป้งให้กับอีกฝ่าย</p>
</div>
</div>
</div>
<div class="p-3 col-md-6">
<div class="card box-shadow">
<img class="รัก" src="../รูป ข้อมูล/รัก.jpg">
<div class="card-body" style="background-image: url('../รูป ข้อมูล/soft-979158_1920.jpg');">
<p class="lead"> รัก
<br>
<br>ความหมาย : มีใจผูกพันอย่างมาก
<br>
<br>การใช้ภาษามือ : ใช้ฝ่ามือทั้งสองแนบลงบนหน้าอกบริเวณหัวใจ สูดลมหายใจเข้าลึก ๆ พร้อมทำสีหน้ายิ้มแย้ม</p>
</div>
</div>
</div>
<div class="p-3 col-md-6">
<div class="card box-shadow">
<img src="../รูป ข้อมูล/เป็นห่วง.jpg" class="เป็นห่วง">
<div class="card-body" style="background-image: url('../รูป ข้อมูล/soft-979158_1920.jpg');">
<p class="lead"> เป็นห่วง
<br>
<br>
<br>ความหมาย : กังวลถึง
<br>
<br>การใช้ภาษามือ : คล้องนิ้วชี้กับนิ้วโป้งของมือทั้งสองข้าง ให้ปลายนิ้วสัมผัสกัน โดยหันฝ่ามือซ้ายไปที่อีกฝ่าย ขณะที่นิ้วกลาง นิ้วนาง และนิ้วก้อยเหยียดตรง</p>
</div>
</div>
</div>
<div class="p-3 col-md-6">
<div class="card box-shadow">
<img class="ขอบคุณ" src="../รูป ข้อมูล/ขอบคุณ.jpg">
<div class="card-body" style="background-image: url('../รูป ข้อมูล/soft-979158_1920.jpg');">
<p class="lead"> ขอบคุณ
<br>
<br>
<br>ความหมาย : กล่าวแสดงความรู้สึกถึงบุญคุณหรือกล่าวเมื่อได้รับความช่วยเหลือ
<br>
<br>การใช้ภาษามือ : แบมือทั้ง 2 ข้าง โดยให้ทุกนิ้วชิดกัน จากนั้นยกมือขึ้นมาขนานกันในแนวตั้ง แล้วจึงดึงมือทั้งสองข้างออกจากกัน </p>
</div>
</div>
</div>
<div class="p-3 col-md-6">
<div class="card box-shadow">
<img src="../รูป ข้อมูล/เข้าใจ.jpg" class="เข้าใจ">
<div class="card-body" style="background-image: url('../รูป ข้อมูล/soft-979158_1920.jpg');">
<p class="lead"> เข้าใจ
<br>
<br>
<br>ความหมาย : รู้เรื่องหรือรู้ความหมายของเรื่องนั้นอย่างชัดเจน
<br>
<br>การใช้ภาษามือ : กำนิ้วมือไว้ตรงบริเวณขมับ จากนั้นพยักหน้า แล้วตวัดปลายนิ้วชี้ออกไปที่ด้านข้างลำตัว</p>
</div>
</div>
</div>
<div class="p-3 col-md-6">
<div class="card box-shadow">
<img class="เศร้า" src="../รูป ข้อมูล/เศร้า.jpg">
<div class="card-body" style="background-image: url('../รูป ข้อมูล/soft-979158_1920.jpg');">
<p class="lead"> เศร้า
<br>
<br>
<br>ความหมาย : ไม่มีความสุข ไม่มีความเบิกบาน หรือเสียใจ
<br>
<br>การใช้ภาษามือ : ก้มหน้าลง พร้อมลากนิ้วทั้ง 5 ลงมาจากบริเวณหน้าผากถึงคาง โดยเว้นระยะห่างระหว่างใบหน้ากับมือเล็กน้อย</p>
</div>
</div>
</div>
<div class="p-3 col-md-6">
<div class="card box-shadow">
<img class="เสียใจ" src="../รูป ข้อมูล/เสียใจ.jpg">
<div class="card-body" style="background-image: url('../รูป ข้อมูล/soft-979158_1920.jpg');">
<p class="lead"> เสียใจ
<br>
<br>
<br>ความหมาย : ไม่สบายใจ ผิดหวัง เพราะมีเรื่องไม่สมประสงค์ ไม่พึงพอใจ หรือไม่ได้ดั่งใจ
<br>
<br>การใช้ภาษามือ : กำมือหันเข้าหาลำตัว โดยอยู่ห่างจากหน้าอกด้านซ้ายเล็กน้อย จากนั้นหมุนแขนเป็นวงกลมตามทิศทวนเข็มนาฬิกาประมาณ 3 รอบ พร้อมทำสีหน้าเศร้าสลด</p>
</div>
</div>
</div>
<div class="p-3 col-md-6">
<div class="card box-shadow">
<img class="โชคดี" src="../รูป ข้อมูล/โชคดี.jpg">
<div class="card-body" style="background-image: url('../รูป ข้อมูล/soft-979158_1920.jpg');">
<p class="lead"> โชคดี
<br>
<br>
<br>ความหมาย : การได้รับสิ่งดี ๆ โดยที่ไม่ได้คาดคิดเอาไว้
<br>
<br>การใช้ภาษามือ : ใช้ปลายนิ้วชี้และนิ้วโป้งสัมผัสกันเป็นรูปวงกลม นิ้วที่เหลือกางออกจากกัน จากนั้นกำมือและชูนิ้วโป้ง</p>
</div>
</div>
</div>
<div class="p-3 col-md-6"> </div>
</div>
</div>
</div>
<div class="py-4 bg-light" style="background-image: url('../รูป ข้อมูล/pattern-1896980_1920.jpg');">
<div class="container">
<div class="row">
<div class="p-3 col-md-6">
<div class="card box-shadow">
<img class="ไม่เป็นไร" src="../รูป ข้อมูล/ไม่เป็นไร.jpg">
<div class="card-body" style="background-image: url('../รูป ข้อมูล/soft-979158_1920.jpg');">
<p class="lead"> ไม่เป็นไร
<br>
<br>
<br>ความหมาย : คำแสดงความรู้สึกที่ไม่ได้ถือโทษหรือโกรธเคืองใด ๆ เพื่อให้ผู้ฟังรู้สึกดีขึ้นหรือไม่ต้องรู้สึกผิด
<br>
<br>การใช้ภาษามือ : กางฝ่ามือทั้งสองข้างหันเข้าหาลำตัว ส่ายหน้าพร้อมสะบัดปลายนิ้วทั้งสองให้สวนกันไปมาประมาณ 3 รอบ</p>
</div>
</div>
</div>
<div class="p-3 col-md-6">
<div class="card box-shadow">
<img class="ไม่ชอบ" src="../รูป ข้อมูล/ไม่ชอบ.jpg">
<div class="card-body" style="background-image: url('../รูป ข้อมูล/soft-979158_1920.jpg');">
<p class="lead"> ไม่ชอบ
<br>
<br>ความหมาย : ความรู้สึกที่ไม่พึงใจในสิ่งใดสิ่งหนึ่ง
<br>
<br>การใช้ภาษามือ : ทำท่าเดียวกับคำว่าชอบ พร้อมกับส่ายหน้าไปมาประมาณ 3 รอบ </p>
</div>
</div>
</div>
<div class="p-3 col-md-6">
<div class="card box-shadow">
<img src="../รูป ข้อมูล/ไม่สบาย.jpg" class="ไม่สบาย">
<div class="card-body" style="background-image: url('../รูป ข้อมูล/soft-979158_1920.jpg');">
<p class="lead"> ไม่สบาย
<br>
<br>ความหมาย : สภาวะที่ร่างกายและจิตใจไม่ปกติ หรือเกิดอาการป่วย การใช้
<br>
<br>ภาษามือ : เอียงศีรษะไปด้านขวา จากนั้นใช้หลังมือขวาในช่วงปลายนิ้วสัมผัสบริเวณหน้าผาก</p>
</div>
</div>
</div>
<div class="p-3 col-md-6">
<div class="card box-shadow">
<img class="ขอโทษ" src="../รูป ข้อมูล/ขอโทษ.jpg">
<div class="card-body" style="background-image: url('../รูป ข้อมูล/soft-979158_1920.jpg');">
<p class="lead"> ขอโทษ
<br>
<br>ความหมาย : ขออภัยเมื่อได้ทำผิดพลาดอย่างใดอย่างหนึ่ง
<br>
<br>การใช้ภาษามือ : ยกฝ่ามือซ้ายขึ้นมาระดับหัวใจ โดยหันปลายนิ้วไปยังคู่สนทนา จากนั้นใช้ปลายนิ้วมือข้างขวาทำวน ในทิศตามเข็มนาฬิกา เหนือฝ่ามือข้างซ้ายราว ๆ 3 รอบ</p>
</div>
</div>
</div>
<div class="p-3 col-md-6">
<div class="card box-shadow">
<img src="../รูป ข้อมูล/ขอบคุณ.jpg" class="ขอบคุณ">
<div class="card-body" style="background-image: url('../รูป ข้อมูล/soft-979158_1920.jpg');">
<p class="lead"> ขอบคุณ
<br>
<br>ความหมาย : กล่าวแสดงความรู้สึกถึงบุญคุณหรือกล่าวเมื่อได้รับความช่วยเหลือ
<br>
<br>การใช้ภาษามือ : แบมือทั้ง 2 ข้าง โดยให้ทุกนิ้วชิดกัน จากนั้นยกมือขึ้นมาขนานกันในแนวตั้ง แล้วจึงดึงมือทั้งสองข้างออกจากกัน </p>
</div>
</div>
</div>
<div class="p-3 col-md-6">
<div class="card box-shadow">
<img class="คิดถึง" src="../รูป ข้อมูล/คิดถึง.jpg">
<div class="card-body" style="background-image: url('../รูป ข้อมูล/soft-979158_1920.jpg');">
<p class="lead"> คิดถึง
<br>
<br>ความหมาย : นึก ระลึกถึงเมื่อไม่ได้เจอหรือพบกันนานกับผู้ที่สนิทหรือรู้จักกัน
<br>
<br>การใช้ภาษามือ : กำมือก่อนใช้ปลายนิ้วชี้สัมผัสที่ขมับ จากนั้นจึงชี้นิ้วดังกล่าวไปยังคู่สนทนา </p>
</div>
</div>
</div>
<div class="p-3 col-md-6">
<div class="card box-shadow">
<img class="card-img-top" src="../รูป ข้อมูล/ฉลาด.jpg">
<div class="card-body" style="background-image: url('../soft-979158_1920.jpg');">
<p class="lead"> ฉลาด
<br>
<br>ความหมาย : สมองดี มีปัญญา ไม่โง่
<br>
<br>การใช้ภาษามือ : กำมือโดยใช้นิ้วชี้สัมผัสบริเวณขมับ ก่อนชูนิ้วโป้งให้กับอีกฝ่าย </p>
</div>
</div>
</div>
<div class="p-3 col-md-6">
<div class="card box-shadow">
<img class="card-img-top" src="../รูป ข้อมูล/ชอบ.jpg">
<div class="card-body" style="background-image: url('../รูป ข้อมูล/soft-979158_1920.jpg');">
<p class="lead"> ชอบ
<br>
<br>ความหมาย : พอใจ แสดงอาการพึงพอใจ
<br>
<br>การใช้ภาษามือ : กำนิ้วกลาง นิ้วนาง และนิ้วก้อย โดยให้นิ้วชี้ และนิ้วโป้งเหยียดตรง หันมือเข้าหาลำตัว ระดับหน้าอกบริเวณหัวใจ โดยให้นิ้วทั้งสองทำมุมคล้ายตัววี จากนั้นลากมือลงพร้อม ๆ กับขยับปลายนิ้วชี้และนิ้วโป้งให้สัมผัสกัน </p>
</div>
</div>
</div>
<div class="p-3 col-md-1"></div>
</div>
</div>
</div>
<div class="py-4 bg-light" style="background-image: url('../รูป ข้อมูล/pattern-1896980_1920.jpg');">
<div class="container">
<div class="row">
<div class="p-3 col-md-6">
<div class="card box-shadow">
<img class="ไม่ชอบ" src="../รูป ข้อมูล/ไม่ชอบ.jpg">
<div class="card-body" style="background-image: url('soft-979158_1920.jpg');">
<p class="lead"> ไม่ชอบ
<br>
<br>ความหมาย : ความรู้สึกที่ไม่พึงใจในสิ่งใดสิ่งหนึ่ง
<br>
<br>การใช้ภาษามือ : ทำท่าเดียวกับคำว่าชอบ พร้อมกับส่ายหน้าไปมาประมาณ 3 รอบ </p>
</div>
</div>
</div>
<div class="p-3 col-md-6">
<div class="card box-shadow">
<img class="รัก" src="../รูป ข้อมูล/รัก.jpg">
<div class="card-body" style="background-image: url('soft-979158_1920.jpg');">
<p class="lead"> รัก
<br>
<br>ความหมาย : มีใจผูกพันอย่างมาก
<br>
<br>การใช้ภาษามือ : ใช้ฝ่ามือทั้งสองแนบลงบนหน้าอกบริเวณหัวใจ สูดลมหายใจเข้าลึก ๆ พร้อมทำสีหน้ายิ้มแย้ม</p>
</div>
</div>
</div>
<div class="p-3 col-md-6">
<div class="card box-shadow">
<img class="สบายดี" src="../รูป ข้อมูล/สบายดี.jpg">
<div class="card-body" style="background-image: url('soft-979158_1920.jpg');">
<p class="lead"> สบายดี
<br>
<br>ความหมาย : สภาวะปกติของทั้งร่างกายและจิตใจ ร่างกายไม่เจ็บป่วย รวมทั้งอารมณ์ดี มีความสุข ไม่มีอะไรให้กังวล
<br>
<br>การใช้ภาษามือ : แบฝ่ามือทั้งสองข้าง จากนั้นให้ปลายนิ้วมือทั้งสองข้างทำมุมเป็นรูปตัววีโดยหันฝ่ามือเข้าหาลำตัวบริเวณหน้าอก แล้วลากมือในแนวเฉียงขึ้นเป็นรูปตัววีจนถึงระดับไหล่ จากนั้นกำนิ้วมือทั้ง 4 โดยชูนิ้วโป้งหันเข้าหากัน </p>
</div>
</div>
</div>
<div class="p-3 col-md-6">
<div class="card box-shadow">
<img class="สวย" src="../รูป ข้อมูล/สวย.jpg">
<div class="card-body" style="background-image: url('soft-979158_1920.jpg');">
<p class="lead"> สวย
<br>
<br>ความหมาย : มีลักษณะงดงาม
<br>
<br>การใช้ภาษามือ : แบมือตั้งฉากห่างจากใบหน้าตรงช่วงแก้มเล็กน้อย จากนั้นให้ขยับมือและแขนหมุนในทิศทวนเข็มนาฬิกา 1 รอบ ก่อนกำมือแล้วชูนิ้วโป้งหันไปทางอีกฝ่าย</p>
</div>
</div>
</div>
<div class="p-3 col-md-6">
<div class="card box-shadow">
<img class="รัก" src="../รูป ข้อมูล/หิว.jpg">
<div class="card-body" style="background-image: url('soft-979158_1920.jpg');">
<p class="lead"> หิว
<br>
<br>ความหมาย : อยากข้าว อยากอาหาร มีอาการท้องร้อง
<br>
<br>การใช้ภาษามือ : กำนิ้วกลาง นิ้วนาง และนิ้วก้อย เอาไว้ จากนั้นใช้นิ้วชี้และนิ้วโป้งรูดตรงลำคอ จนปลายนิ้วมือทั้งสองสัมผัสกัน</p>
</div>
</div>
</div>
<div class="p-3 col-md-6">
<div class="card box-shadow">
<img class="เศร้า" src="../รูป ข้อมูล/อิ่ม.jpg">
<div class="card-body" style="background-image: url('soft-979158_1920.jpg');">
<p class="lead"> เศร้า
<br>
<br>
<br>ความหมาย : ไม่มีความสุข ไม่มีความเบิกบาน หรือเสียใจ
<br>
<br>การใช้ภาษามือ : ก้มหน้าลง พร้อมลากนิ้วทั้ง 5 ลงมาจากบริเวณหน้าผากถึงคาง โดยเว้นระยะห่างระหว่างใบหน้ากับมือเล็กน้อย</p>
</div>
</div>
</div>
<div class="p-3 col-md-6">
<div class="card box-shadow">
<img class="เสียใจ" src="../รูป ข้อมูล/เสียใจ.jpg">
<div class="card-body" style="background-image: url('soft-979158_1920.jpg');">
<p class="lead"> เสียใจ
<br>
<br>
<br>ความหมาย : ไม่สบายใจ ผิดหวัง เพราะมีเรื่องไม่สมประสงค์ ไม่พึงพอใจ หรือไม่ได้ดั่งใจ
<br>
<br>การใช้ภาษามือ : กำมือหันเข้าหาลำตัว โดยอยู่ห่างจากหน้าอกด้านซ้ายเล็กน้อย จากนั้นหมุนแขนเป็นวงกลมตามทิศทวนเข็มนาฬิกาประมาณ 3 รอบ พร้อมทำสีหน้าเศร้าสลด</p>
</div>
</div>
</div>
<div class="p-3 col-md-6">
<div class="card box-shadow">
<img class="โชคดี" src="../รูป ข้อมูล/โชคดี.jpg">
<div class="card-body" style="background-image: url('soft-979158_1920.jpg');">
<p class="lead"> โชคดี
<br>
<br>
<br>ความหมาย : การได้รับสิ่งดี ๆ โดยที่ไม่ได้คาดคิดเอาไว้
<br>
<br>การใช้ภาษามือ : ใช้ปลายนิ้วชี้และนิ้วโป้งสัมผัสกันเป็นรูปวงกลม นิ้วที่เหลือกางออกจากกัน จากนั้นกำมือและชูนิ้วโป้ง</p>
</div>
</div>
</div>
<div class="p-3 col-md-6"> </div>
</div>
</div>
</div>
<div class="py-5" style="background-image: url('soft-979158_1920.jpg');">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/o7EMzWm6v5I?autoplay=0" autoplay="false" height="500" loop="true" width="800" allowfullscreen=""> </iframe>
</div>
</div>
</div>
</div>
</div>
<div class="py-5">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="text-center" contenteditable="true" style="background-image: url('../รูป ข้อมูล/120604584.jpg');">ช่องทางการดูข้อมูล ภาษามือ ในเว็บไซต์ต่างๆ</h2>
</div>
</div>
</div>
</div>
<div class="text-center bg-dark" style="background-image: url("none");">
<div class="container-fluid">
<div class="row">
<div class="py-5 col-3" style="background-color:#3b5998">
<a href="https://www.facebook.com/DeafThai/" target="_blank"><i class="fa fa-fw fa-facebook fa-3x text-white"></i></a>
</div>
<div class="py-5 col-3" style="background-color:#00b2ff">
<a href="https://twitter.com/hashtag/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%A1%E0%B8%B7%E0%B8%AD" target="_blank"><i class="fa fa-fw fa-twitter fa-3x text-white"></i></a>
</div>
<div class="py-5 col-3" style="background-color: rgb(201, 34, 40);">
<a href="https://www.pinterest.com/explore/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%A1%E0%B8%B7%E0%B8%AD/?lp=true" target="_blank"><i class="fa fa-fw fa-3x text-white fa-pinterest"></i></a>
</div>
<div class="py-5 col-3" style="background-color:#4c68d7">
<a href="https://www.instagram.com/learn_a_s_l/" target="_blank"><i class="fa fa-fw fa-instagram fa-3x text-white"></i></a>
</div>
</div>
</div>
</div>
<div class="py-5" style="background-image: url('soft-979158_1920.jpg');">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-5 offset-md-4">
<a href="Vedio.html" class="btn btn-outline-primary btn-lg active btn-block border" target="_blank" style="background-image: url("../รูป ข้อมูล/Screenshot (161).png"); background-position: left top;">
<br>
<br>
<br><b class="text-center border m-1 p-1"><b>NEXT</b></b>
<br>
<br>
<br>
<br>
<br> </a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-5" style="background-image: url('soft-979158_1920.jpg');">
<div class="container">
<div class="row">
<div class="col-md-5 offset-md-4">
<a href="Home.html" class="btn btn-outline-primary btn-lg active btn-block border" target="_blank" style="background-image: url('../รูป ข้อมูล/Screenshot (161).png'); background-position: left top;">
<br>
<br>
<br><b class="text-center border m-1 p-1 text-dark"><b>BLACK</b>
<br> </b>
<br>
<br>
<br>
<br>
<br> </a>
</div>
</div>
</div>
</div>
<div class="py-5" style="background-image: url('../รูป ข้อมูล/background-2076334_1920.jpg');">
<div class="container"></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
<img src="https://pingendo.com/site-assets/Pingendo_logo_big.png" class="d-block" alt="Pingendo logo" height="16">
</pingendo>
</body>
</html>