File: //proc/self/root/home/arjun/projects/buyercall/buyercall/assets/vue/mock/emailTemplatesMockAPI.js
import { GET, POST, PUT, DELETE } from '../constants';
export default [
{
type: GET,
endpoint: '/email/templates',
status: 200,
response: {
statusCode: 200,
success: true,
message: 'Email templates fetched successfully!',
data: [
{
id: '1',
title: 'Welcome Email',
description: 'This is a welcome email',
subject: 'Welcome to BC Mail System',
dateCreated: 1647519043920,
isActive: true,
image:
'https://media.istockphoto.com/photos/the-city-of-london-skyline-at-night-united-kingdom-picture-id1312550959',
},
{
id: '2',
title: 'Welcome Email 2',
description: 'This is a welcome email 2',
subject: 'Welcome to BC Mail System 2',
dateCreated: 1647519043920,
isActive: false,
image:
'https://media.istockphoto.com/photos/the-city-of-london-skyline-at-night-united-kingdom-picture-id1312550959',
},
],
},
},
{
type: POST,
endpoint: '/email/templates',
status: 200,
response: {
statusCode: 200,
success: true,
message: 'Email templates added successfully!',
data: {},
},
},
{
type: DELETE,
endpoint: '/email/templates/1',
status: 200,
response: {
statusCode: 200,
success: true,
message: 'Email template deleted successfully!',
data: {},
},
},
{
type: POST,
endpoint: '/email/templates/1',
status: 200,
response: {
statusCode: 200,
success: true,
message: 'Email templates updated successfully!',
data: {},
},
},
{
type: GET,
endpoint: '/email/templates/1',
status: 200,
response: {
statusCode: 200,
success: true,
message: 'Email template fetched successfully!',
data: {
id: '1',
title: 'Welcome Email',
description: 'This is a welcome email',
subject: 'Welcome to BC Mail System',
dateCreated: 1647519043920,
isActive: true,
isPlainEmail: 0,
image:
'https://media.istockphoto.com/photos/the-city-of-london-skyline-at-night-united-kingdom-picture-id1312550959',
content:
'<p>Content of the editor.</p><div class="raw-html-embed">\n \n <meta charset="utf-8">\n <meta name="viewport" content="width=device-width">\n <meta http-equiv="X-UA-Compatible" content="IE=edge">\n <meta name="x-apple-disable-message-reformatting">\n <title></title>\n <style id="" media="all">/* cyrillic */\n @font-face {\n font-family: \'Playfair Display\';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(/fonts.gstatic.com/s/playfairdisplay/v29/nuFkD-vYSZviVYUb_rj3ij__anPXDTnohkk72xU.woff2) format(\'woff2\');\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n }\n /* vietnamese */\n @font-face {\n font-family: \'Playfair Display\';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(/fonts.gstatic.com/s/playfairdisplay/v29/nuFkD-vYSZviVYUb_rj3ij__anPXDTnojUk72xU.woff2) format(\'woff2\');\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n }\n /* latin-ext */\n @font-face {\n font-family: \'Playfair Display\';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(/fonts.gstatic.com/s/playfairdisplay/v29/nuFkD-vYSZviVYUb_rj3ij__anPXDTnojEk72xU.woff2) format(\'woff2\');\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n }\n /* latin */\n @font-face {\n font-family: \'Playfair Display\';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(/fonts.gstatic.com/s/playfairdisplay/v29/nuFkD-vYSZviVYUb_rj3ij__anPXDTnogkk7.woff2) format(\'woff2\');\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n }\n /* cyrillic */\n @font-face {\n font-family: \'Playfair Display\';\n font-style: italic;\n font-weight: 700;\n font-display: swap;\n src: url(/fonts.gstatic.com/s/playfairdisplay/v29/nuFkD-vYSZviVYUb_rj3ij__anPXDTnohkk72xU.woff2) format(\'woff2\');\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n }\n /* vietnamese */\n @font-face {\n font-family: \'Playfair Display\';\n font-style: italic;\n font-weight: 700;\n font-display: swap;\n src: url(/fonts.gstatic.com/s/playfairdisplay/v29/nuFkD-vYSZviVYUb_rj3ij__anPXDTnojUk72xU.woff2) format(\'woff2\');\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n }\n /* latin-ext */\n @font-face {\n font-family: \'Playfair Display\';\n font-style: italic;\n font-weight: 700;\n font-display: swap;\n src: url(/fonts.gstatic.com/s/playfairdisplay/v29/nuFkD-vYSZviVYUb_rj3ij__anPXDTnojEk72xU.woff2) format(\'woff2\');\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n }\n /* latin */\n @font-face {\n font-family: \'Playfair Display\';\n font-style: italic;\n font-weight: 700;\n font-display: swap;\n src: url(/fonts.gstatic.com/s/playfairdisplay/v29/nuFkD-vYSZviVYUb_rj3ij__anPXDTnogkk7.woff2) format(\'woff2\');\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n }\n /* cyrillic */\n @font-face {\n font-family: \'Playfair Display\';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(/fonts.gstatic.com/s/playfairdisplay/v29/nuFiD-vYSZviVYUb_rj3ij__anPXDTjYgFE_.woff2) format(\'woff2\');\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n }\n /* vietnamese */\n @font-face {\n font-family: \'Playfair Display\';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(/fonts.gstatic.com/s/playfairdisplay/v29/nuFiD-vYSZviVYUb_rj3ij__anPXDTPYgFE_.woff2) format(\'woff2\');\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n }\n /* latin-ext */\n @font-face {\n font-family: \'Playfair Display\';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(/fonts.gstatic.com/s/playfairdisplay/v29/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgFE_.woff2) format(\'woff2\');\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n }\n /* latin */\n @font-face {\n font-family: \'Playfair Display\';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(/fonts.gstatic.com/s/playfairdisplay/v29/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2) format(\'woff2\');\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n }\n /* cyrillic */\n @font-face {\n font-family: \'Playfair Display\';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(/fonts.gstatic.com/s/playfairdisplay/v29/nuFiD-vYSZviVYUb_rj3ij__anPXDTjYgFE_.woff2) format(\'woff2\');\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n }\n /* vietnamese */\n @font-face {\n font-family: \'Playfair Display\';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(/fonts.gstatic.com/s/playfairdisplay/v29/nuFiD-vYSZviVYUb_rj3ij__anPXDTPYgFE_.woff2) format(\'woff2\');\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n }\n /* latin-ext */\n @font-face {\n font-family: \'Playfair Display\';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(/fonts.gstatic.com/s/playfairdisplay/v29/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgFE_.woff2) format(\'woff2\');\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n }\n /* latin */\n @font-face {\n font-family: \'Playfair Display\';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(/fonts.gstatic.com/s/playfairdisplay/v29/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2) format(\'woff2\');\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n }\n </style>\n <style>\n html,\n body {\n margin: 0 auto !important;\n padding: 0 !important;\n height: 100% !important;\n width: 100% !important;\n background: #f1f1f1;\n }\n /* What it does: Stops email clients resizing small text. */\n * {\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n }\n /* What it does: Centers email on Android 4.4 */\n div[style*="margin: 16px 0"] {\n margin: 0 !important;\n }\n /* What it does: Stops Outlook from adding extra spacing to tables. */\n table,\n td {\n mso-table-lspace: 0pt !important;\n mso-table-rspace: 0pt !important;\n }\n /* What it does: Fixes webkit padding issue. */\n table {\n border-spacing: 0 !important;\n border-collapse: collapse !important;\n table-layout: fixed !important;\n margin: 0 auto !important;\n }\n /* What it does: Uses a better rendering method when resizing images in IE. */\n img {\n -ms-interpolation-mode:bicubic;\n }\n /* What it does: Prevents Windows 10 Mail from underlining links despite inline CSS. Styles for underlined links should be inline. */\n a {\n text-decoration: none;\n }\n /* What it does: A work-around for email clients meddling in triggered links. */\n *[x-apple-data-detectors], /* iOS */\n .unstyle-auto-detected-links *,\n .aBn {\n border-bottom: 0 !important;\n cursor: default !important;\n color: inherit !important;\n text-decoration: none !important;\n font-size: inherit !important;\n font-family: inherit !important;\n font-weight: inherit !important;\n line-height: inherit !important;\n }\n /* What it does: Prevents Gmail from displaying a download button on large, non-linked images. */\n .a6S {\n display: none !important;\n opacity: 0.01 !important;\n }\n /* What it does: Prevents Gmail from changing the text color in conversation threads. */\n .im {\n color: inherit !important;\n }\n /* If the above doesn\'t work, add a .g-img class to any image in question. */\n img.g-img + div {\n display: none !important;\n }\n /* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89 */\n /* Create one of these media queries for each additional viewport size you\'d like to fix */\n /* iPhone 4, 4S, 5, 5S, 5C, and 5SE */\n @media only screen and (min-device-width: 320px) and (max-device-width: 374px) {\n u ~ div .email-container {\n min-width: 320px !important;\n }\n }\n /* iPhone 6, 6S, 7, 8, and X */\n @media only screen and (min-device-width: 375px) and (max-device-width: 413px) {\n u ~ div .email-container {\n min-width: 375px !important;\n }\n }\n /* iPhone 6+, 7+, and 8+ */\n @media only screen and (min-device-width: 414px) {\n u ~ div .email-container {\n min-width: 414px !important;\n }\n }\n </style>\n <style>\n .primary{\n background: #f3a333;\n }\n .bg_white{\n background: #ffffff;\n }\n .bg_light{\n background: #fafafa;\n }\n .bg_black{\n background: #000000;\n }\n .bg_dark{\n background: rgba(0,0,0,.8);\n }\n .email-section{\n padding:2.5em;\n }\n /*BUTTON*/\n .btn{\n padding: 10px 15px;\n }\n .btn.btn-primary{\n border-radius: 30px;\n background: #f3a333;\n color: #ffffff;\n }\n h1,h2,h3,h4,h5,h6{\n font-family: \'Playfair Display\', serif;\n color: #000000;\n margin-top: 0;\n }\n body{\n font-family: \'Montserrat\', sans-serif;\n font-weight: 400;\n font-size: 15px;\n line-height: 1.8;\n color: rgba(0,0,0,.4);\n }\n a{\n color: #f3a333;\n }\n table{\n }\n /*LOGO*/\n .logo h1{\n margin: 0;\n }\n .logo h1 a{\n color: #000;\n font-size: 20px;\n font-weight: 700;\n text-transform: uppercase;\n font-family: \'Montserrat\', sans-serif;\n }\n /*HERO*/\n .hero{\n position: relative;\n }\n .hero img{\n }\n .hero .text{\n color: rgba(255,255,255,.8);\n }\n .hero .text h2{\n color: #ffffff;\n font-size: 30px;\n margin-bottom: 0;\n }\n /*HEADING SECTION*/\n .heading-section{\n }\n .heading-section h2{\n color: #000000;\n font-size: 28px;\n margin-top: 0;\n line-height: 1.4;\n }\n .heading-section .subheading{\n margin-bottom: 20px !important;\n display: inline-block;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 2px;\n color: rgba(0,0,0,.4);\n position: relative;\n }\n .heading-section .subheading::after{\n position: absolute;\n left: 0;\n right: 0;\n bottom: -10px;\n content: \'\';\n width: 100%;\n height: 2px;\n background: #f3a333;\n margin: 0 auto;\n }\n .heading-section-white{\n color: rgba(255,255,255,.8);\n }\n .heading-section-white h2{\n font-size: 28px;\n font-family: \n line-height: 1;\n padding-bottom: 0;\n }\n .heading-section-white h2{\n color: #ffffff;\n }\n .heading-section-white .subheading{\n margin-bottom: 0;\n display: inline-block;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 2px;\n color: rgba(255,255,255,.4);\n }\n .icon{\n text-align: center;\n }\n .icon img{\n }\n /*SERVICES*/\n .text-services{\n padding: 10px 10px 0; \n text-align: center;\n }\n .text-services h3{\n font-size: 20px;\n }\n /*BLOG*/\n .text-services .meta{\n text-transform: uppercase;\n font-size: 14px;\n }\n /*TESTIMONY*/\n .text-testimony .name{\n margin: 0;\n }\n .text-testimony .position{\n color: rgba(0,0,0,.3);\n }\n /*VIDEO*/\n .img{\n width: 100%;\n height: auto;\n position: relative;\n }\n .img .icon{\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n bottom: 0;\n margin-top: -25px;\n }\n .img .icon a{\n display: block;\n width: 60px;\n position: absolute;\n top: 0;\n left: 50%;\n margin-left: -25px;\n }\n /*COUNTER*/\n .counter-text{\n text-align: center;\n }\n .counter-text .num{\n display: block;\n color: #ffffff;\n font-size: 34px;\n font-weight: 700;\n }\n .counter-text .name{\n display: block;\n color: rgba(255,255,255,.9);\n font-size: 13px;\n }\n /*FOOTER*/\n .footer{\n color: rgba(255,255,255,.5);\n }\n .footer .heading{\n color: #ffffff;\n font-size: 20px;\n }\n .footer ul{\n margin: 0;\n padding: 0;\n }\n .footer ul li{\n list-style: none;\n margin-bottom: 10px;\n }\n .footer ul li a{\n color: rgba(255,255,255,1);\n }\n @media screen and (max-width: 500px) {\n .icon{\n text-align: left;\n }\n .text-services{\n padding-left: 0;\n padding-right: 20px;\n text-align: left;\n }\n }\n </style>\n <meta name="robots" content="noindex, follow">\n \n \n <center style="width: 100%; background-color: #f1f1f1;">\n <div style="display: none; font-size: 1px;max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all; font-family: sans-serif;">\n \n </div>\n <div style="max-width: 600px; margin: 0 auto;" class="email-container">\n <table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin: auto;">\n <tbody>\n <tr>\n <td class="bg_white logo" style="padding: 1em 2.5em; text-align: center">\n <h1><a href="#">RestoBar</a></h1>\n </td>\n </tr>\n <tr>\n <td valign="middle" class="hero" style="background-image: url(\'https://colorlib.com/etc/email-template/1/images/bg_1.jpg\'); background-size: cover; height: 400px;">\n <table>\n <tbody>\n <tr>\n <td>\n <div class="text" style="padding: 0 3em; text-align: center;">\n <h2>We Serve Healthy & Delicious Foods</h2>\n <p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>\n <p><a href="#" class="btn btn-primary">Get Your Order Here!</a></p>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n <tr>\n <td class="bg_white">\n <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">\n <tbody>\n <tr>\n <td class="bg_dark email-section" style="text-align:center;">\n <div class="heading-section heading-section-white">\n <span class="subheading">Welcome</span>\n <h2>Welcome To RestoBar</h2>\n <p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>\n </div>\n </td>\n </tr>\n <tr>\n <td class="bg_white email-section">\n <div class="heading-section" style="text-align: center; padding: 0 30px;">\n <span class="subheading">Services</span>\n <h2>Our Services</h2>\n <p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>\n </div>\n <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">\n <tbody>\n <tr>\n <td valign="top" width="50%" style="padding-top: 20px;">\n <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">\n <tbody>\n <tr>\n <td class="icon">\n <img src="https://colorlib.com/etc/email-template/1/images/001-diet.png" alt="" style="width: 60px; max-width: 600px; height: auto; margin: auto; display: block;">\n </td>\n </tr>\n <tr>\n <td class="text-services">\n <h3>Healthy Foods</h3>\n <p>Far far away, behind the word mountains, far from the countries</p>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n <td valign="top" width="50%" style="padding-top: 20px;">\n <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">\n <tbody>\n <tr>\n <td class="icon">\n <img src="https://colorlib.com/etc/email-template/1/images/003-recipe-book.png" alt="" style="width: 60px; max-width: 600px; height: auto; margin: auto; display: block;">\n </td>\n </tr>\n <tr>\n <td class="text-services">\n <h3>Original Recipes</h3>\n <p>Far far away, behind the word mountains, far from the countries</p>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n <tr>\n <td class="bg_light email-section" style="text-align:center;">\n <table>\n <tbody>\n <tr>\n <td class="img">\n <table>\n <tbody>\n <tr>\n <td>\n <img src="https://colorlib.com/etc/email-template/1/images/bg_2.jpg" width="600" height="" alt="alt_text" border="0" style="width: 100%; max-width: 600px; height: auto; margin: auto; display: block;" class="g-img">\n </td>\n </tr>\n </tbody>\n </table>\n <div class="icon">\n <a href="#">\n <img src="https://colorlib.com/etc/email-template/1/images/002-play-button.png" alt="" style="width: 60px; max-width: 600px; height: auto; margin: auto; display: block;">\n </a>\n </div>\n </td>\n </tr>\n <tr>\n <td style="padding-top: 20px;">\n <h2>Watch Our Video</h2>\n <p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n <tr>\n <td class="bg_white email-section">\n <div class="heading-section" style="text-align: center; padding: 0 30px;">\n <span class="subheading">Menu</span>\n <h2>Our Delicious Food</h2>\n <p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>\n </div>\n <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">\n <tbody>\n <tr>\n <td valign="top" width="50%" style="padding-top: 20px;">\n <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">\n <tbody>\n <tr>\n <td style="padding-right: 10px;">\n <img src="https://colorlib.com/etc/email-template/1/images/menu-1.jpg" alt="" style="width: 100%; max-width: 600px; height: auto; margin: auto; display: block;">\n </td>\n </tr>\n <tr>\n <td class="text-services" style="text-align: left;">\n <h3>Pasta, Sauce Milk</h3>\n <p>Far far away, behind the word mountains, far from the countries</p>\n <p><a href="#" class="btn btn-primary">Read more</a></p>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n <td valign="top" width="50%" style="padding-top: 20px;">\n <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">\n <tbody>\n <tr>\n <td style="padding-left: 10px;">\n <img src="https://colorlib.com/etc/email-template/1/images/menu-2.jpg" alt="" style="width: 100%; max-width: 600px; height: auto; margin: auto; display: block;">\n </td>\n </tr>\n <tr>\n <td class="text-services" style="text-align: left;">\n <h3>Sweetened Fruits</h3>\n <p>Far far away, behind the word mountains, far from the countries</p>\n <p><a href="#" class="btn btn-primary">Read more</a></p>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n <tr>\n <td class="bg_light email-section" style="padding: 0; width: 100%;">\n <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">\n <tbody>\n <tr>\n <td valign="middle" width="50%">\n <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">\n <tbody>\n <tr>\n <td class="text-services" style="text-align: left; padding: 20px 30px;">\n <div class="heading-section">\n <span class="subheading">Breakfast</span>\n <h2 style="font-size: 22px;">Grilled Beef with potatoes</h2>\n <p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>\n <p><a href="#" class="btn btn-primary">Read more</a></p>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n <td valign="middle" width="50%">\n <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">\n <tbody>\n <tr>\n <td>\n <img src=" https://colorlib.com/etc/email-template/1/images/bg_3.jpg" alt="" style="width: 100%; max-width: 600px; height: auto; margin: auto; display: block;">\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n <tr>\n <td class="bg_light email-section" style="padding: 0; width: 100%;">\n <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">\n <tbody>\n <tr>\n <td valign="middle" width="50%">\n <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">\n <tbody>\n <tr>\n <td>\n <img src="https://colorlib.com/etc/email-template/1/images/bg_4.jpg" alt="" style="width: 100%; max-width: 600px; height: auto; margin: auto; display: block;">\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n <td valign="middle" width="50%">\n <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">\n <tbody>\n <tr>\n <td class="text-services" style="text-align: left; padding: 20px 30px;">\n <div class="heading-section">\n <span class="subheading">Lunch</span>\n <h2 style="font-size: 22px;">Grilled Beef with potatoes</h2>\n <p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>\n <p><a href="#" class="btn btn-primary">Read more</a></p>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n <tr>\n <td class="bg_light email-section" style="padding: 0; width: 100%;">\n <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">\n <tbody>\n <tr>\n <td valign="middle" width="50%">\n <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">\n <tbody>\n <tr>\n <td class="text-services" style="text-align: left; padding: 20px 30px;">\n <div class="heading-section">\n <span class="subheading">Dinner</span>\n <h2 style="font-size: 22px;">Grilled Beef with potatoes</h2>\n <p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>\n <p><a href="#" class="btn btn-primary">Read more</a></p>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n <td valign="middle" width="50%">\n <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">\n <tbody>\n <tr>\n <td>\n <img src="https://colorlib.com/etc/email-template/1/images/bg_6.jpg" alt="" style="width: 100%; max-width: 600px; height: auto; margin: auto; display: block;">\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n <tr>\n <td class="bg_light email-section" style="padding: 0; width: 100%;">\n <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">\n <tbody>\n <tr>\n <td valign="middle" width="50%">\n <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">\n <tbody>\n <tr>\n <td>\n <img src="https://colorlib.com/etc/email-template/1/images/bg_5.jpg" alt="" style="width: 100%; max-width: 600px; height: auto; margin: auto; display: block;">\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n <td valign="middle" width="50%">\n <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">\n <tbody>\n <tr>\n <td class="text-services" style="text-align: left; padding: 20px 30px;">\n <div class="heading-section">\n <span class="subheading">Dessert</span>\n <h2 style="font-size: 22px;">Grilled Beef with potatoes</h2>\n <p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>\n <p><a href="#" class="btn btn-primary">Read more</a></p>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n <tr>\n <td valign="middle" class="counter" style="background-image: url(\'https://colorlib.com/etc/email-template/1/images/bg_1.jpg\'); background-size: cover; padding: 4em 0;">\n <table>\n <tbody>\n <tr>\n <td valign="middle" width="25%">\n <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">\n <tbody>\n <tr>\n <td class="counter-text">\n <span class="num">9457</span>\n <span class="name">Happy Customer</span>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n <td valign="middle" width="25%">\n <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">\n <tbody>\n <tr>\n <td class="counter-text">\n <span class="num">20</span>\n <span class="name">Years of Experienced</span>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n <td valign="middle" width="25%">\n <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">\n <tbody>\n <tr>\n <td class="counter-text">\n <span class="num">80</span>\n <span class="name">Branches</span>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n <td valign="middle" width="25%">\n <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">\n <tbody>\n <tr>\n <td class="counter-text">\n <span class="num">980</span>\n <span class="name">Staff</span>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n <tr>\n <td class="bg_white email-section">\n <div class="heading-section" style="text-align: center; padding: 0 30px;">\n <span class="subheading">Blog</span>\n <h2>Read Stories</h2>\n <p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>\n </div>\n <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">\n <tbody>\n <tr>\n <td valign="top" width="50%" style="padding-top: 20px;">\n <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">\n <tbody>\n <tr>\n <td style="padding-right: 10px;">\n <img src="https://colorlib.com/etc/email-template/1/images/blog-1.jpg" alt="" style="width: 100%; max-width: 600px; height: auto; margin: auto; display: block;">\n </td>\n </tr>\n <tr>\n <td class="text-services" style="text-align: left;">\n <p class="meta"><span>Posted on Feb 18, 2019</span> <span>Food</span></p>\n <h3>Healthy Foods For Kids</h3>\n <p>Far far away, behind the word mountains, far from the countries</p>\n <p><a href="#" class="btn btn-primary">Read more</a></p>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n <td valign="top" width="50%" style="padding-top: 20px;">\n <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">\n <tbody>\n <tr>\n <td style="padding-left: 10px;">\n <img src="https://colorlib.com/etc/email-template/1/images/blog-2.jpg" alt="" style="width: 100%; max-width: 600px; height: auto; margin: auto; display: block;">\n </td>\n </tr>\n <tr>\n <td class="text-services" style="text-align: left;">\n <p class="meta"><span>Posted on Feb 18, 2019</span> <span>Food</span></p>\n <h3>A Fresh Food Organic</h3>\n <p>Far far away, behind the word mountains, far from the countries</p>\n <p><a href="#" class="btn btn-primary">Read more</a></p>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n <tr>\n <td class="bg_light email-section">\n <div class="heading-section" style="text-align: center; padding: 0 30px;">\n <span class="subheading">Says</span>\n <h2>Testimonial</h2>\n <p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>\n </div>\n <table role="presentation" border="0" cellpadding="10" cellspacing="0" width="100%">\n <tbody>\n <tr>\n <td valign="top" width="50%" style="padding-top: 20px;">\n <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">\n <tbody>\n <tr>\n <td>\n <img src="https://colorlib.com/etc/email-template/1/images/person_1.jpg" alt="" style="width: 100px; max-width: 600px; height: auto; margin: auto; margin-bottom: 20px; display: block; border-radius: 50%;">\n </td>\n </tr>\n <tr>\n <td class="text-testimony" style="text-align: center;">\n <h3 class="name">Ronald Tuff</h3>\n <span class="position">Businessman</span>\n <p>Far far away, behind the word mountains, far from the countries</p>\n <p><a href="#" class="btn btn-primary">Read more</a></p>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n <td valign="top" width="50%" style="padding-top: 20px;">\n <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">\n <tbody>\n <tr>\n <td>\n <img src="https://colorlib.com/etc/email-template/1/images/person_2.jpg" alt="" style="width: 100px; max-width: 600px; height: auto; margin: auto; margin-bottom: 20px; display: block; border-radius: 50%;">\n </td>\n </tr>\n <tr>\n <td class="text-testimony" style="text-align: center;">\n <h3 class="name">Willam Clarson</h3>\n <span class="position">Businessman</span>\n <p>Far far away, behind the word mountains, far from the countries</p>\n <p><a href="#" class="btn btn-primary">Read more</a></p>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n </tbody>\n </table>\n \n </div>\n </center>\n \n</div>',
},
},
},
];