Modal
A modal is a dialog box/popup window that is displayed on top of the current page.
On simple modal when you click outside of modal it get dismissed. it comes by default with simple modal and if you wish to remove it just remove that implementation. To remove the code check the simple implementation of Modal's js code and remove the last line.
Simple Modal
Modal Header
close
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quaerat quod consectetur
placeat aperiam, explicabo omnis. Labore voluptas pariatur, cum sint eligendi quas iste
dicta? Illum voluptates amet ipsa hic, totam ratione ab neque, molestiae explicabo
cupiditate possimus corrupti dicta fugit in soluta optio architecto, consequuntur
minima. Quis beatae quas dolores reiciendis odit magni dignissimos? Numquam enim vel,
commodi aspernatur, consequatur maiores ut ipsum placeat voluptatem vero quam unde
impedit quia adipisci suscipit, earum doloribus? Velit voluptatibus eligendi beatae
exercitationem ipsam sequi et tempora repellendus. Ducimus exercitationem iure
voluptatibus quisquam, minus sint odit autem ullam, nam reiciendis quos debitis ipsam
dolorem! Nobis eum dolor maxime eligendi, minima quisquam commodi a corporis optio
doloribus dolores nam deserunt rerum provident ad minus perspiciatis beatae sequi
inventore saepe quo laboriosam? Voluptate dolore architecto expedita ipsa. Maxime quis
error quasi eligendi inventore velit possimus, minus similique odit omnis quo unde
porro, nam excepturi soluta nulla accusantium temporibus. Ex doloribus, omnis eaque quo
est distinctio dignissimos eum autem perspiciatis. Quos in, magni, ab maxime numquam
ratione alias aut consectetur culpa cum corrupti cupiditate, dolores quisquam sint
voluptate laborum doloribus! Voluptas veritatis nam cupiditate pariatur, dignissimos
maxime voluptatem! Qui doloremque alias possimus fuga provident pariatur tempora fugit
eveniet corrupti maxime? Sit repellat minus, aperiam eius ab aliquid hic, illo culpa, id
sequi voluptas nihil in esse explicabo. Dignissimos molestias quisquam sit ad
perferendis laudantium harum dolore deserunt enim, nisi, totam consectetur. Consectetur
ratione sapiente quaerat laudantium ad laborum fuga nobis vel dolorum, obcaecati eaque
rerum maxime ipsam! Ea minima porro sunt ducimus? Delectus saepe iusto minima, vel,
corporis numquam omnis assumenda harum quasi blanditiis, quae molestiae eum voluptates
unde iste a veritatis nulla porro doloremque? Commodi blanditiis explicabo quas iure
dolore fugit a eos ad! Eius nihil, unde atque assumenda tenetur consequatur dolor ipsam
excepturi eum delectus accusantium suscipit sit ut. Sunt, cumque minima natus
perspiciatis quisquam id quo error amet ullam illum earum officiis explicabo odit
dolorem eius, quidem doloribus at molestias aliquid obcaecati, pariatur non officia vel
tenetur? Cumque necessitatibus perferendis ullam est? Qui odit reiciendis placeat
perferendis cum vel, nesciunt minus, pariatur aut deserunt eligendi? Molestias mollitia
doloremque excepturi minima quia sunt, similique saepe quas dicta, veniam accusantium
autem cupiditate aspernatur, consectetur praesentium sequi. Itaque illo corporis maiores
sequi quisquam sint, recusandae unde molestias cumque quod tempore culpa aut quis at
vero, reprehenderit officia quae cupiditate alias suscipit explicabo optio fugiat.
Voluptatem, harum fuga.
Footer Modal
Check-Out
close
Your food is on its way.
Order id : #5421112
Time : 10.50PM
Total Amount : $50
Your food is on its way.
Order id : #5421112
Time : 10.50PM
Total Amount : $50