Mamak

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"> <head>  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.jquery.min.js"></script> <script src="/scripts/bundle.js"></script> <script src="/scripts/foundation.min.js"></script> <script src="/scripts/foundation.offcanvas.js"></script> <script src="/scripts/modernizr.min.js"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-703108603"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-703108603'); </script> <meta charset="utf-8" /> <title>Mamak</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="home" href="http://mamak.com.au/" /> <link rel="stylesheet" href="/css/main.css" media="screen" title="no title" charset="utf-8"> <style> #instafeed { display: grid; grid-template-columns: repeat(3, 29vw); grid-template-rows: repeat(3, 29vw); grid-column-gap: 1vw; grid-row-gap: 1vw; max-width: 90vw; margin: auto; margin-bottom: 30px; } #instafeed img { width: 100%; height: 100%; object-fit: cover; } #instafeed img:hover { filter: grayscale(1); } </style> <script src="/scripts/jquery-ui.min.js"></script> <script src="https://sdks.shopifycdn.com/js-buy-sdk/v2/latest/index.umd.min.js"></script> <script src="https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js"></script> <script> var socialsettings = { facebookId: 'MamakHaymarket', instagramId: '#mamakrestaurant', instagramToken: 'IGQVJWSjMtTHl5VFgwYjBWb0NXQzBTRUlaV2FLcVhBXy14aEYyQXZAOSnJpTFNwMnJFMm8yUFU3bEVFSmF5cXBrRk5od3hUemZA3Y18wOGdtRl9FUlhieUh0WDRfY0J3SXNiNGF6QWJvN2xDZAFJDRVVtVgZDZD', instagramRedirect: 'http://mamak.com.au' }; </script> </head> <body ng-app="app" class="template--catering-new"> <div class="off-canvas-wrap" data-offcanvas> <div class="inner-wrap"> <header class="header"> <div class="sticky-nav" sticky-item> <div class="sticky-nav__container"> <h1 class="heading"><a href="http://mamak.com.au/" class="logo icon">Mamak</a></h1> <div class="main-menu"> <button class="main-menu__toggle icon--burger icon right-off-canvas-toggle">menu</button> </div> </div> </div> </header> <nav class="right-off-canvas-menu main-menu__nav" ng-controller="headerController as header"> <div class="main-menu__overflow-container"> <button class="icon--close icon right-off-canvas-toggle">close</button> <ul class="off-canvas-list"> <li><a href="/" >Home</a></li> <li><a href="https://mamak.com.au/about" >About</a></li> <li><a href="https://mamak.com.au/mamakmenu" >Menu</a></li> <li class="submenu"><button class="icon icon--arrow-up" ng-class="{ 'inverse': header.subMenuStatus2 == 'visible' }" ng-click="header.toggleSubMenu2()">show more</button><a href="javascript: void(0)" ng-click="header.toggleSubMenu(1)" class="submenu">Order Takeaway</a> <ul ng-class="header.subMenuStatus2"> <li> <a href="https://www.mryum.com/mamak-hay/pickup" >Haymarket</a> </li> <li> <a href="https://www.mryum.com/mamak-ch/pickup" >Chatswood</a> </li> <li> <a href="https://www.mryum.com/mamak-p/pickup" >Parramatta</a> </li> <li> <a href="https://www.mryum.com/mamak-melb/pickup" >Melbourne</a> </li> <li> <a href="https://www.mryum.com/mamak-br/pickup" >Brisbane</a> </li> </ul> </li> <li class="submenu"><button class="icon icon--arrow-up" ng-class="{ 'inverse': header.subMenuStatus == 'visible' }" ng-click="header.toggleSubMenu1()">show more</button><a href="javascript: void(0)" ng-click="header.toggleSubMenu(2)" class="submenu">Order Delivery</a> <ul ng-class="header.subMenuStatus1"> <li> <a href="https://www.mryum.com/mamak-hay/delivery" >Haymarket</a> </li> <li> <a href="https://www.mryum.com/mamak-ch/delivery" >Chatswood</a> </li> <li> <a href="https://www.mryum.com/mamak-p/delivery" >Parramatta</a> </li> <li> <a href="https://www.mryum.com/mamak-melb/delivery" >Melbourne</a> </li> <li> <a href="https://www.mryum.com/mamak-br/delivery" >Brisbane</a> </li> </ul> </li> <li><a href="https://mamak.com.au/giftcards" >Gift Cards</a></li> <li><a href="https://mamak.com.au/shop" >Shop</a></li> <li><a href="https://mamak.com.au/catering" class="active">Catering</a></li> <li><a href="https://mamak.com.au/careers" >Careers</a></li> <li><a href="https://mamak.com.au/press" >Press</a></li> <li><a href="https://mamak.com.au/contact" >Contact</a></li> <li></li> </ul> </div> </nav> <div class="container"> <main class="content" role="main"> <div class="panel panel--home-image"> <img src="/images/content/_heroImage/catering_rojak.jpg" alt="Catering Rojak"> </div> <section class="panel style--form-1 panel--arrow"> <div class="panel__wrap"> <header class="panel__header"> <h2>Catering</h2> </header> <div class="panel__content"><p>Mamak would love to help cater for your next function. Simply fill out the form below and finalise your order online.</p></div> </div> </section> <section class="panel style--form-2 panel--arrow"> <div class="panel__wrap"> <header class="panel__header"> <h2>Helpful Tips</h2> </header> <div class="panel__content"><p>Below are a few guidelines to assist you in ordering for your event.</p> <p>Serving Sizes: Dishes are 4-5 times the normal size of a single serve. This should cater for 8-10 share portions.</p> <p>Packaging: The packaging of our items have been selected with ease of transportation in mind. Stir-fry items are packed into covered trays, while curries and sauces are packed into sealed buckets.</p> <p>Ordering: Orders can be made in person or by filling in the online form below. </p><p>To avoid disappointment, please allow at least 3 days when placing an order.</p> <p>All catering orders are pick-up only.</p></div> </div> </section> <div ng-controller="cateringController as catering"> <form name="cateringForm" id="commerceMailerForm" method="POST" ng-submit="catering.submitForm2()" ng-init="catering.csrf = { csrfTokenName : 'CRAFT_CSRF_TOKEN', csrfTokenValue : 'kZL75ePhuNYN4hrUvNHZjYnRdpwYz6Pjnu99_3P1' }" > <noscript align="center"><h2>Note: this order form requires javascript to be turned on.</h2></noscript> <input type="hidden" name="action" value="processCheckout"> <input type="hidden" name="template" value="order-form"> <div class="panel style--form-3 panel--form panel--arrow" ng-init="catering.email = 'no-reply@mamak.com.au'; catering.internal = 'catering'" > <div class="panel__wrap"> <div class="panel__header"> <h2>Customer details</h2> </div> <div class="panel__content"> <div class="row"> <div class="small-12 large-6 columns" > <input id="prefferedType" name="prefferedType" ng-model="catering.prefferedType" type="text"> <input type="hidden" ng-model="catering.internal" > <div class="row"> <div class="medium-6 columns"> <label for="fromName">Customer Name *</label> </div> <div class="medium-6 columns"> <input id="customerName" type="text" ng-model="catering.personName" required> </div> </div> <div class="row"> <div class="medium-6 columns"> <label for="companyName">Company Name</label> </div> <div class="medium-6 columns"> <input id="companyName" type="text" ng-model="catering.companyName"> </div> </div> <div class="row"> <div class="medium-6 columns"> <label for="contactNumber">Contact Number *</label> </div> <div class="medium-6 columns"> <input id="contactNumber" type="text" ng-model="catering.phone" required> </div> </div> <div class="row"> <div class="medium-6 columns"> <label for="fromEmail">Email Address *</label> </div> <div class="medium-6 columns"> <input id="emailAddress" type="email" ng-model="catering.customerEmail" required> </div> </div> </div> <div class="small-12 large-6 columns"> <div class="row"> <div class="medium-6 columns"> <label for="date">Pick Up Date *</label> </div> <input id="pickupDate" ui-date="catering.dateOptions" required ng-model="catering.pickupDate" date-type="string"> <div class="medium-6 columns"> </div> </div> <div class="row"> <div class="medium-6 columns"> <label for="time">Pick Up Time *</label> </div> <div class="medium-6 columns" ng-init="catering.timeOptions = [ {time:'11:30 am'}, {time:'12:00 pm'},{time:'12:30 pm'}, {time:'1:00 pm'},{time:'1:30 pm'}, {time:'2:00 pm'}, {time:'5:30 pm'}, {time:'6:00 pm'},{time:'6:30 pm'}, {time:'7:00 pm'},{time:'7:30 pm'}, {time:'8:00 pm'},{time:'8:30 pm'} ]"> <select id="pickupTime" ng-model="catering.pickupTime" ng-options="timeOption.time as timeOption.time for timeOption in catering.timeOptions"></select> </div> </div> <div class="row"> <div class="medium-6 columns"> <label for="time">Pick Up Location *</label> </div> <div class="medium-6 columns"> <select id="pickupLocation" ng-model="catering.pickupLocation" required> <option value="">Select Store Location</option> <option>Haymarket</option> <option>Chatswood</option> <option>Parramatta</option> <option>Melbourne</option> <option>Brisbane</option> </select> </div> </div> </div> </div> </div> </div> </div> <div class="panel panel__wrap style--form-4 panel--form " > <div class="panel__header"> <h2>Catering menu</h2> </div> <div class="panel__content" ng-init="catering.items = [ { name:'Ayam Goreng (12 pieces)', productId: 'ayam-goreng-12-pieces', price: 60.00, qty:null }, { name:'Satay Chicken (5 dozen)', productId: 'satay-chicken-5-dozen', price: 125.00, qty:null }, { name:'Satay Beef (5 dozen)', productId: 'satay-beef-5-dozen', price: 125.00, qty:null }, { name:'Kari ayam ', productId: 'kari-ayam', price: 95.00, qty:null }, { name:'Kari ikan', productId: 'kari-ikan', price: 100.00, qty:null }, { name:'Kari kambing', productId: 'kari-kambing', price: 100.00, qty:null }, { name:'Kari sayur ', productId: 'kari-sayur', price: 85.00, qty:null }, { name:'Sambal udang', productId: 'sambal-udang', price: 95.00, qty:null }, { name:'Sambal sotong', productId: 'sambal-sotong', price: 85.00, qty:null }, { name:'Ayam berempah', productId: 'ayam-berempah', price: 80.00, qty:null }, { name:'Kangkung belacan', productId: 'kangkung-belacan', price: 70.00, qty:null }, { name:'Kacang panjang belacan', productId: 'kacang-panjang-belacan', price: 70.00, qty:null }, { name:'Rojak', productId: 'rojak', price: 75.00, qty:null }, { name:'Plain Rice', productId: 'plain-rice', price: 18.00, qty:null }, { name:'Nasi Lemak', productId: 'nasi-lemak', price: 70.00, qty:null }, { name:'Mee goreng', productId: 'mee-goreng', price: 80.00, qty:null }, { name:'Maggi goreng', productId: 'maggi-goreng', price: 80.00, qty:null }, { name:'Nasi goreng', productId: 'nasi-goreng', price: 80.00, qty:null }, { name:'Teh Ais 4 Litres', productId: 'teh-ais-4-litres', price: 28.00, qty:null }, { name:'Teh Ais 10 Litres', productId: 'teh-ais-10-litres', price: 70.00, qty:null }, { name:'Teh O Ais Limau 4 Litres', productId: 'teh-o-ais-limau-4-litres', price: 28.00, qty:null }, { name:'Teh O Ais Limau 10 Litres', productId: 'teh-o-ais-limau-10-litres', price: 70.00, qty:null }, { name:'Kopi Ais 4 Litres', productId: 'kopi-ais-4-litres', price: 28.00, qty:null }, { name:'Kopi Ais 10 Litres', productId: 'kopi-ais-10-litres', price: 70.00, qty:null }, { name:'Kopi O Ais 4 Litres', productId: 'kopi-o-ais-4-litres', price: 28.00, qty:null }, { name:'Kopi O Ais 10 Litres', productId: 'kopi-o-ais-10-litres', price: 70.00, qty:null }, { name:'Milo Ais 4 Litres', productId: 'milo-ais-4-litres', price: 28.00, qty:null }, { name:'Milo Ais 10 Litres', productId: 'milo-ais-10-litres', price: 70.00, qty:null }, { name:'Limau Ais 4 Litres', productId: 'limau-ais-4-litres', price: 28.00, qty:null }, { name:'Limau Ais 10 Litres', productId: 'limau-ais-10-litres', price: 70.00, qty:null }, ]"> <div class="row"> <table class="small-12 large-6 columns"> <tr> <th>Item</th> <th>Price</th> <th>QTY</th> <th>Subtotal</th> </tr> <tr ng-repeat="item in catering.items | limitTo : catering.items.length / 2"> <td> {[{item.name}]} </td> <td> {[{item.price | currency:"$":0}]} </td> <td> <input type="number" style="width:60px" id="{[{item.name}]}" value="" ng-model="item.qty" ng-change="catering.changeOrder(item)"> </td> <td> {[{item.subtotal | currency:"$":0}]} </td> </tr> </table> <table class="small-12 large-6 columns"> <tr class="show-for-large-up"> <th>Item</th> <th>Price</th> <th>QTY</th> <th>Subtotal</th> </tr> <tr ng-repeat="item in catering.items | limitTo : catering.items.length / 2 : catering.items.length / 2"> <td> {[{item.name}]} </td> <td> {[{item.price | currency:"$":0}]} </td> <td> <input type="number" style="width:60px" id="{[{item.name}]}" value="" ng-model="item.qty" ng-change="catering.changeOrder(item)"> </td> <td> {[{item.subtotal | currency:"$":0}]} </td> </tr> </table> </div> <div class="instructions"> <h3>Other Instructions</h3> <textarea id="otherInstructions" ng-model="catering.instructions"></textarea> </div> <div class="total"> <div class="total__inner-wrap"> <div class="message"> <div class="success" ng-show="catering.success"> <h3>Success</h3> <p>Thank you for your order.</p> <p>A member of our staff will be contact with you within the next 24 hours to confirm your order and arrange payment.</p> <p>If you have any questions, please email catering@mamak.com.au or call our respective branches directly.</p> </div> <div class="error" ng-show="catering.error"> <h3>Error</h3> <p>There has been an error please try again, <br> or contact us on info@mamak.com.au.</p> </div> </div> <strong class="left"> Total amount (Inc GST): {[{ catering.total | currency:"$":2 }]} </strong> <input class="btn btn--blue right" style="border:none;border-radius:3px;background-color:#470702;color:white" onMouseOver="this.style.backgroundColor='#7d0b01';return true;" onMouseOut="this.style.backgroundColor='#470702';return true;" id="commerceMailerSubmitButton" type="submit" value="Checkout" ng-disabled="catering.disabled" > </div> </div> </div> </div> </form> <br><br> </div> </main> <footer class="footer"> <div class="footer__wrap"> <div class="copyright"> <a href="http://mamak.com.au">Mamak</a> © 2024 <br> Sydney : Chinatown, Chatswood, Parramatta | Melbourne | Brisbane </div> <div class="follow" style="text-align:center"> <span class="follow__title"> <a href="https://www.facebook.com/MamakHaymarket/" class="icon icon--facebook" target="_blank">facebook</a> <a href="https://www.instagram.com/mamakrestaurant/" class="icon icon--instagram" target="_blank">instagram</a></span> </div> </div> </footer> </div> </div> </div> <script> $(document).foundation(); </script> </body> </html>

CINXE.COM

Mamak