tungSfer

modal html

Mar 27th, 2022 (edited)
221
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.66 KB | None | 0 0
  1. <!--- modal section starts -->
  2.         <div class="modal" id="modal"></div>
  3.         <div class="modal__content">
  4.             <div class="modal__content--item">
  5.                 <span> Driver ID: </span>
  6.                 <span> HN01 </span>
  7.             </div>
  8.             <div class="modal__content--item">
  9.                 <span> Driver Name: </span>
  10.                 <span> Bui Van Tung </span>
  11.             </div>
  12.             <div class="modal__content--item">
  13.                 <span> Driver Address: </span>
  14.                 <span> Dan Phuong - Ha Noi </span>
  15.             </div>
  16.             <div class="modal__content--item">
  17.                 <span> Vehicle ID: </span>
  18.                 <span>HN01A</span>
  19.             </div>
  20.             <div class="modal__content--item">
  21.                 <span> Vehicle Plates: </span>
  22.                 <span>HN01JKHGHG</span>
  23.             </div>
  24.             <div class="modal__content--item">
  25.                 <span> Vehicle Weight: </span>
  26.                 <span>1500 KG</span>
  27.             </div>
  28.             <div class="modal__content--item driver-img-container">
  29.                 <div class="driver-img">
  30.                     <img src="./images/xe-cho-rac-0857.jpg" alt="" />
  31.                 </div>
  32.             </div>
  33.             <div class="modal__content--item">
  34.                 <span>Bin ID:</span>
  35.                 <span>DQD01HY</span>
  36.             </div>
  37.             <div class="modal__content--item">
  38.                 <span>Bin Address: </span>
  39.                 <span>
  40.                     Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt quam
  41.                     explicabo ex exercitationem fugiat atque, dolorum culpa? Quaerat totam
  42.                     impedit qui enim magnam illo aspernatur voluptates, alias assumenda.
  43.                     Tenetur, nulla.
  44.                 </span>
  45.             </div>
  46.             <div class="modal__content--item">
  47.                 <span>Time: </span>
  48.                 <span> 27/3/2022 15:52:25 </span>
  49.             </div>
  50.         </div>
  51.         <button
  52.             style="z-index: 1000440; position: absolute; top: 40%; left: 40%"
  53.             onclick="more()"
  54.         >
  55.             NÚT
  56.         </button>
  57.         <!--- modal section ends -->
Add Comment
Please, Sign In to add comment