ออกแบบจาก Bootstrap v5 สำหรับเอาไปศึกษาและต่อยอดครับ
ขายโปรแกรม ลดสูงสุด 70%
ขายระบบสารสนเทศออนไลน์ พร้อมใช้ ราคาเบาๆ ได้โค้ดทั้งหมด นำไปต่อยอดได้
สินค้าทั้งหมด คลิก https://devbanban.com/?p=4425
ซื้อแล้วปรึกษาได้เรื่อยๆ ครับ
สนใจ inbox มาที่แฟนเพจ หรือ ☎️ 0948616709
class หลักๆ ที่ใช้
- class col (grid)
- class table + คุณสมบัติแบบง่ายๆ
- ion-icon
- btn
- อื่นๆ เอาไปต่อยอดเองได้เต็มที่
ผลลัพธ์การทำงาน
*คอร์สสอนอีคอมเมิร์ช ราคาถูกเข้าเรียนได้ตลอดชีพ คลิก
ขอแนะนำระบบสำเร็จรูป *PHP MySQLI PHP7 ได้โค้ดทั้งหมด นำไปต่อยอดได้
Cart PHP MySQLi v3.5 PHP7 , Shopping cart , ตะกร้าสินค้า, ตัดสต๊อก, อีคอมเมิร์ช, E-Commerce *3900 บาท เหลือ 1200 ทักมาที่ fanpage
Cart PHP7, ตะกร้าสินค้า php, E-commerce, ขายสินค้าออนไลน์, เว็บอีคอมเมิร์ช, ตัดสต๊อก *6900 บาท เหลือ 5000 ทักมาที่ fanpage
Full code
|
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 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 |
<!doctype html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Bootstrap CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous"> <script src="https://unpkg.com/ionicons@5.4.0/dist/ionicons.js"></script> <style> ion-icon { color: red; } </style> <title>ecommerce status by devbanban.com </title> </head> <body> <div class="container"> <div class="row"> <div class="col-sm-12"> <br> <div class="alert alert-danger" role="alert"> ตย. สถานะการสั่งซื้อสินค้า *ทำแจกให้เอาไปต่อยอด </div> </div> <br><br> <div class="col-2 col-sm-2"> <button class="btn btn-secondary" style="width: 100%;" disabled> *รอชำระ <br> เงิน </button> </div> <div class="col-1 col-sm-1" style="margin-top: 15px;"> <ion-icon name="arrow-forward-outline" size="large"></ion-icon> </div> <div class="col-2 col-sm-2"> <button class="btn btn-secondary" style="width: 100%;" disabled> *ชำระ <br> เงินแล้ว </button> </div> <div class="col-1 col-sm-1" style="margin-top: 15px;"> <ion-icon name="arrow-forward-outline" size="large"></ion-icon> </div> <div class="col-2 col-sm-2"> <button class="btn btn-success" style="width: 100%;"> *รอ<br>ส่งของ </button> </div> <div class="col-1 col-sm-1" style="margin-top: 15px;"> <ion-icon name="arrow-forward-outline" size="large"></ion-icon> </div> <div class="col-3 col-sm-3"> <button class="btn btn-secondary" style="width: 100%;" disabled> *ตรวจสอบ <br> เลข EMS </button> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-sm-12"> <br><br> <h4>Product in order </h4> <div class="table-responsive"> <table class="table table-bordered table-striped table-hover"> <thead> <tr> <th scope="col" class="text-center">#</th> <th scope="col">Product Name</th> <th scope="col" class="text-center">Price</th> <th scope="col" class="text-center">QTY</th> <th scope="col" class="text-center">Total</th> </tr> </thead> <tbody> <tr> <th scope="row" class="text-center">1.</th> <td>product 001 </td> <td align="right">100.00</td> <td align="center">5</td> <td align="right">500.00</td> </tr> <tr> <th scope="row" class="text-center">2.</th> <td>product 002 </td> <td align="right">100.00</td> <td align="center">5</td> <td align="right">500.00</td> </tr> <tr> <th scope="row" class="text-center">3.</th> <td>product 003 </td> <td align="right">100.00</td> <td align="center">5</td> <td align="right">500.00</td> </tr> <tr class="table-info"> <td colspan="4" align="center"> total</td> <td align="right">1,500.00</td> </tr> </tbody> </table> </div> </div> </div> </div> <footer style="margin-top: 100px;"> <center> bootstrap5 : https://getbootstrap.com/ <br> icon : https://ionicons.com/ <br> คอร์สออนไลน์ : https://devbanban.com/?p=2867 <br> ตย. สถานะการสั่งซื้อสินค้า by devbanban.com @2021 </center> </footer> <!-- Optional JavaScript; choose one of the two! --> <!-- Option 1: Bootstrap Bundle with Popper --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script> <!-- Option 2: Separate Popper and Bootstrap JS --> <!-- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.1/dist/umd/popper.min.js" integrity="sha384-SR1sx49pcuLnqZUnnPwx6FCym0wLsk5JZuNx2bPPENzswTNFaQU1RDvt3wT4gWFG" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.min.js" integrity="sha384-j0CNLUeiqtyaRmlzUHCPZ+Gy5fQu0dQ6eZ/xAww941Ai1SxSY+0EQqNXNE6DZiVc" crossorigin="anonymous"></script> --> </body> </html> |
ระบบแจ้งซ่อม รายละเอียดใต้คลิป * 8000 บาท เหลือ 7000
ขายโปรแกรม ลดสูงสุด 70%
ขายระบบสารสนเทศออนไลน์ พร้อมใช้ ราคาเบาๆ ได้โค้ดทั้งหมด นำไปต่อยอดได้
สินค้าทั้งหมด คลิก https://devbanban.com/?p=4425
ซื้อแล้วปรึกษาได้เรื่อยๆ ครับ
สนใจ inbox มาที่แฟนเพจ หรือ ☎️ 0948616709
ร่วมสนับสนุน ค่ากาแฟ ค่าโฮส devbanban.com และทีมงานได้ที่
ธนาคารกรุงไทย สาขาเดอะมอลล์ท่าพระ
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 878-0-17747-6
————————————————————————————
ธนาคารไทยพาณิชย์ สาขามหาวิทยาลัยราชภัฏธนบุรี
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 406-359094-1
fanpage : https://www.facebook.com/sornwebsites/