"ayush"
Bootstrap 4.1.1 Snippet by ayush01251422

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Shivalik Café - Menu</title> <style> :root{ --bg:#f6f7f9; --card:#ffffff; --accent:#d9534f; --muted:#6b6b6b; --border:#e6e7ea; } *{box-sizing:border-box} body{font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial; background:var(--bg); color:#222; margin:0; padding:32px} .wrap{max-width:980px;margin:0 auto} header{display:flex;align-items:center;gap:16px;margin-bottom:18px;background:linear-gradient(135deg,#fff7f3,#ffe9e3);border:1px solid #ffd2c7;padding:22px 26px;border-radius:16px;box-shadow:0 4px 16px rgba(255,150,120,0.25);} .brand{background:transparent;border:none;padding:0;box-shadow:none;flex:1} .brand h1{margin:0;font-size:20px} .brand p{margin:6px 0 0;color:var(--muted);font-size:14px} .contacts{min-width:220px;text-align:right} .contacts small{display:block;color:var(--muted)} .menu-grid{columns:2;column-gap:18px;margin-top:20px;}@media (max-width:760px){.menu-grid{columns:1;}} @media (max-width:760px){.menu-grid{grid-template-columns:1fr}} .card{break-inside:avoid;background:var(--card);border:1px solid #ffe0d6;padding:18px;border-radius:14px;margin-bottom:18px;box-shadow:0 3px 10px rgba(0,0,0,0.05);} .section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px} .section-title h2{margin:0;font-size:16px;color:#d54b3e;font-weight:600;} .section-title .desc{color:var(--muted);font-size:13px} ul.items{list-style:none;padding:0;margin:0} li.item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed rgba(0,0,0,0.04)} li.item:last-child{border-bottom:none} .item .name{font-size:15px} .item .price{font-weight:600} .full{grid-column:1/-1} .note{font-size:13px;color:var(--muted);margin-top:10px} </style> </head> <body> <div class="wrap"> <header> <div class="brand"> <h1>

Questions / Comments: