API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 19th, 2018
347
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 41.66 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title>Babylon Tours</title>
  6. <style type="text/css">
  7. /*  CLIENT-SPECIFIC STYLES  */
  8. #outlook a {
  9.     padding: 0;
  10. } /* Force Outlook to provide a "view in browser" message */
  11. #outlook {
  12.     height: 100%;
  13. }
  14. .ReadMsgBody {
  15.     width: 100%;
  16. }
  17. .ExternalClass {
  18.     width: 100%;
  19. } /* Force Hotmail to display emails at full width */
  20. .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
  21.     line-height: 100%;
  22. } /* Force Hotmail to display normal line spacing */
  23. body, table, td, p, a, li, blockquote {
  24.     -webkit-text-size-adjust: 100%;
  25.     -ms-text-size-adjust: 100%;
  26. } /* Prevent WebKit and Windows mobile changing default text sizes */
  27. table, td {
  28.     border-collapse: collapse;
  29.     mso-table-lspace: 0pt;
  30.     mso-table-rspace: 0pt;
  31. } /* Remove spacing between tables in Outlook 2007 and up */
  32. img {
  33.     -ms-interpolation-mode: bicubic;
  34. } /* Allow smoother rendering of resized image in Internet Explorer */
  35. /* .Products3columns a { display:block;} */
  36. #button a {
  37.     color: #FFFFFF;
  38. }
  39. a:link img {
  40.     display: block;
  41. }
  42. /*  RESET STYLES  */
  43. body {
  44.     margin: 0;
  45.     padding: 0;
  46.     text-align: left !important;
  47. }
  48. img {
  49.     border: 0;
  50.     height: auto;
  51.     line-height: 100%;
  52.     outline: none;
  53.     text-decoration: none;
  54. }
  55. body, #bodyTable, #bodyCell, #bodyCellFooter {
  56.     height: 100% !important;
  57.     margin: 0px !important;
  58.     padding: 0px !important;
  59.     width: 100% !important;
  60. }
  61. a img {
  62.     border: none !important;
  63. }
  64. /*  TEMPLATE STYLES  */
  65.            
  66.             /* ========== Color Style ========== */
  67. #colored h3 {
  68.     color: #7397C3 !important;
  69. }
  70. /* ========== Page Styles ========== */
  71.  
  72.             /* #templateContainer{width:600px;} fix for Gmail - inline style - by jopin */
  73.  
  74.             /**
  75.             * @tab Page
  76.             * @section background style
  77.             * @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
  78.             * @theme page
  79.             */
  80.            
  81. body, #bodyTable {
  82.     background-color: #ffffff;
  83. }
  84. /**
  85.             * @tab Page
  86.             * @section background style
  87.             * @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
  88.             * @theme page
  89.             */
  90. #bodyCell {
  91.     /*@editable*/ background-color: #FAFAFA;
  92. }
  93. #bodyCellTop {
  94.     background-color: #F9F9F9;
  95. }
  96. /**
  97.             * @tab Preview
  98.             * @section background style
  99.             * @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
  100.             * @theme page
  101.             */ 
  102. #preview {
  103.     /*@editable*/background-color: #FFFFFF;
  104.     /*@editable*/width: 100%;
  105. }
  106. /**
  107.             * @tab Page
  108.             * @section heading 1
  109.             * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
  110.             * @style heading 1
  111.             */
  112. h1 {
  113.     /*@editable*/ color: #383838 !important;
  114.     display: inline-block;
  115.     font-family: Arial, Helvetica, sans-serif;
  116.     /*@editable*/ font-size: 22px;
  117.     /*@editable*/ font-style: normal;
  118.     /*@editable*/ font-weight: 100;
  119.     /*@editable*/ line-height: 100%;
  120.     /*@editable*/ letter-spacing: normal;
  121.     margin-top: 0;
  122.     margin-right: 0;
  123.     margin-bottom: 0px;
  124.     margin-left: 0;
  125.     /*@editable*/ text-align: left;
  126. }
  127. /**
  128.             * @tab Page
  129.             * @section heading 2
  130.             * @tip Set the styling for all second-level headings in your emails.
  131.             * @style heading 2
  132.             */
  133. h2 {
  134.     /*@editable*/ color: #7397C3 !important;
  135.     display: inline-block;
  136.     font-family: Arial, Helvetica, sans-serif;
  137.     /*@editable*/ font-size: 21px;
  138.     /*@editable*/ font-style: normal;
  139.     /*@editable*/ font-weight: 100;
  140.     /*@editable*/ line-height: 100%;
  141.     /*@editable*/ letter-spacing: normal;
  142.     margin-top: 0;
  143.     margin-right: 0;
  144.     margin-bottom: 0px;
  145.     margin-left: 0;
  146.     /*@editable*/ text-align: left;
  147. }
  148. /**
  149.             * @tab Page
  150.             * @section heading 3
  151.             * @tip Set the styling for all third-level headings in your emails.
  152.             * @style heading 3
  153.             */
  154. h3 {
  155.     color: #555555 !important;
  156.     display: inline-block;
  157.     font-family: Arial, Helvetica, sans-serif;
  158.     /*@editable*/ font-size: 16px;
  159.     /*@editable*/ font-style: italic;
  160.     /*@editable*/ font-weight: normal;
  161.     /*@editable*/ line-height: 100%;
  162.     /*@editable*/ letter-spacing: normal;
  163.     margin-top: 0;
  164.     margin-right: 0;
  165.     margin-bottom: 0px;
  166.     margin-left: 0;
  167.     /*@editable*/ text-align: left;
  168. }
  169. /**
  170.             * @tab Page
  171.             * @section heading 4
  172.             * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
  173.             * @style heading 4
  174.             */
  175. h4 {
  176.     /*@editable*/ color: #808080 !important;
  177.     display: inline-block;
  178.     font-family: Arial, Helvetica, sans-serif;
  179.     /*@editable*/ font-size: 14px;
  180.     /*@editable*/ font-style: italic;
  181.     /*@editable*/ font-weight: normal;
  182.     /*@editable*/ line-height: 100%;
  183.     /*@editable*/ letter-spacing: normal;
  184.     margin-top: 0;
  185.     margin-right: 0;
  186.     margin-bottom: 0px;
  187.     margin-left: 0;
  188.     /*@editable*/ text-align: left;
  189. }
  190. /**
  191.             * @tab Page
  192.             * @section heading 5
  193.             * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
  194.             * @style heading 5
  195.             */
  196. h5 {
  197.     /*@editable*/ color: #383838 !important;
  198.     display: inline-block;
  199.     font-family: Georgia, "Times New Roman", Times, serif;
  200.     font-size: 18px;
  201.     /*@editable*/ font-style: italic;
  202.     /*@editable*/ font-weight: normal;
  203.     /*@editable*/ line-height: 100%;
  204.     /*@editable*/ letter-spacing: normal;
  205.     /*@editable*/ text-align: left;
  206. }
  207. .headerContent {
  208.     color: #505050;
  209.     font-family: Arial, Helvetica, sans-serif;
  210.     font-size: 20px;
  211.     font-weight: bold;
  212.     line-height: 100%;
  213.     padding-top: 0;
  214.     padding-right: 0;
  215.     padding-bottom: 0;
  216.     padding-left: 0;
  217.     text-align: left;
  218.     vertical-align: middle;
  219. }
  220. .headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */ {
  221.     color: #7397C3 !important;
  222.     font-weight: normal;
  223.     text-decoration: underline;
  224. }
  225. #headerImage {
  226.     height: auto;
  227.     max-width: 600px;
  228. }
  229. /* ========== Body Styles ========== */
  230.  
  231.             /**
  232.             * @tab Body
  233.             * @section body style
  234.             * @tip Set the background color and borders for your email's body area.
  235.             */
  236. #templateBody {
  237. /*@editable*/ /* background-color:; */
  238.                
  239. }
  240. /**
  241.             * @tab Body
  242.             * @section body text
  243.             * @tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
  244.             * @theme main
  245.             */
  246. .bodyContent {
  247.     /*@editable*/ color: #666666;
  248.     /*@editable*/ font-family: Arial, Helvetica, sans-serif;
  249.     /*@editable*/ font-size: 15px;
  250.     /*@editable*/ line-height: 150%;
  251.     padding-top: 10px; /* Jopin*/
  252.     padding-right: 10px; /* Jopin*/
  253.     padding-bottom: 10px; /* Jopin*/
  254.     padding-left: 10px; /* Jopin*/
  255.     /*@editable*/ text-align: left;
  256. }
  257. .bodyContent10px {
  258.     color: #505050;
  259.     font-family: Arial, Helvetica, sans-serif;
  260.     font-size: 15px;
  261.     line-height: 150%;
  262.     padding-top: 20px;
  263.     padding-right: 10px;
  264.     padding-bottom: 0px;
  265.     padding-left: 10px;
  266.     text-align: left;
  267. }
  268. /**
  269.             * @tab Body
  270.             * @section body link
  271.             * @tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text.
  272.             */
  273. .bodyContent a:link, .bodyContent a:visited, /* Yahoo! Mail Override */ .bodyContent a .yshortcuts /* Yahoo! Mail Override */ {
  274.     /*@editable*/ color: #7397C3 !important;
  275.     /*@editable*/ font-weight: normal;
  276.     /*@editable*/ text-decoration: underline;
  277. }
  278. .bodyContent img {
  279.     display: inline;
  280.     height: auto;
  281.     max-width: 580px;
  282. }
  283. /* ========== Products Styles ========== */
  284. .old-price {
  285.     display: inline-block;
  286.     text-decoration: line-through;
  287. }
  288. /* ========== Column Styles ========== */
  289.  
  290. .templateColumnContainer200 {
  291.     width: 200px;
  292. }
  293. .templateColumnContainer300 {
  294.     width: 300px;
  295. }
  296. .templateColumnContainer400 {
  297.     width: 400px;
  298. }
  299. .templateColumnContainer500 {
  300.     width: 500px;
  301. }
  302. .templateColumnContainer600 {
  303.     width: 600px;
  304. }
  305. #templateColumnsFooter {
  306.     /*@editable*/ background-color: #F4F4F4;
  307.     /*@editable*/ border-bottom: 1px solid #CCCCCC;
  308. }
  309. .PreFooter_01, .PreFooter_02 {
  310.     padding-top: 10px;
  311.     padding-bottom: 10px;
  312. }
  313. /**
  314.             * @tab Columns
  315.             * @section left column text
  316.             * @tip Set the styling for your email's left column content text. Choose a size and color that is easy to read.
  317.             */
  318. .leftColumnContent {
  319.     /*@editable*/ color: #666666;
  320.     /*@editable*/ font-family: Arial, Helvetica, sans-serif;
  321.     /*@editable*/ font-size: 14px;
  322.     /*@editable*/ line-height: 150%;
  323.     /*@editable*/ text-align: left;
  324.     padding-top: 0;
  325.     padding-right: 10px;
  326.     padding-bottom: 10px;
  327.     padding-left: 10px;
  328. }
  329. /**
  330.             * @tab Columns
  331.             * @section left column link
  332.             * @tip Set the styling for your email's left column content links. Choose a color that helps them stand out from your text.
  333.             */
  334. .leftColumnContent a:link, .leftColumnContent a:visited, /* Yahoo! Mail Override */ .leftColumnContent a .yshortcuts /* Yahoo! Mail Override */ {
  335.     /*@editable*/ color: #7397C3;
  336.     /*@editable*/ font-weight: normal;
  337.     /*@editable*/ text-decoration: underline;
  338. }
  339. /**
  340.             * @tab Columns
  341.             * @section center column text
  342.             * @tip Set the styling for your email's center column content text. Choose a size and color that is easy to read.
  343.             */
  344. .centerColumnContent {
  345.     /*@editable*/ color: #666666;
  346.     /*@editable*/ font-family: Arial, Helvetica, sans-serif;
  347.     /*@editable*/ font-size: 14px;
  348.     /*@editable*/ line-height: 150%;
  349.     padding-top: 0;
  350.     padding-right: 10px;
  351.     padding-bottom: 10px;
  352.     padding-left: 10px;
  353.     /*@editable*/ text-align: left;
  354. }
  355. /**
  356.             * @tab Columns
  357.             * @section center column link
  358.             * @tip Set the styling for your email's center column content links. Choose a color that helps them stand out from your text.
  359.             */
  360. .centerColumnContent a:link, .centerColumnContent a:visited, /* Yahoo! Mail Override */ .centerColumnContent a .yshortcuts /* Yahoo! Mail Override */ {
  361.     /*@editable*/ color: #7397C3 !important;
  362.     /*@editable*/ font-weight: normal;
  363.     /*@editable*/ text-decoration: underline;
  364. }
  365. /**
  366.             * @tab Columns
  367.             * @section right column text
  368.             * @tip Set the styling for your email's right column content text. Choose a size and color that is easy to read.
  369.             */
  370. .rightColumnContent {
  371.     /*@editable*/ color: #666666;
  372.     /*@editable*/ font-family: Arial, Helvetica, sans-serif;
  373.     /*@editable*/ font-size: 14px;
  374.     /*@editable*/ line-height: 150%;
  375.     padding-top: 0;
  376.     padding-right: 10px;
  377.     padding-bottom: 10px;
  378.     padding-left: 10px;
  379.     /*@editable*/ text-align: left;
  380. }
  381. /**
  382.             * @tab Columns
  383.             * @section right column link
  384.             * @tip Set the styling for your email's right column content links. Choose a color that helps them stand out from your text.
  385.             */
  386. .rightColumnContent a:link, .rightColumnContent a:visited, /* Yahoo! Mail Override */ .rightColumnContent a .yshortcuts /* Yahoo! Mail Override */ {
  387.     /*@editable*/ color: #7397C3 !important;
  388.     /*@editable*/ font-weight: normal;
  389.     /*@editable*/ text-decoration: underline;
  390. }
  391. .leftColumnContent img, .rightColumnContent img {
  392.     display: inline;
  393.     height: auto;
  394.     max-width: 260px;
  395. }
  396. /**
  397.             * @tab Colored Box
  398.             * @section ColoredBox style
  399.             * @tip Set the background color and borders for your email's footer area.
  400.             * @theme footer
  401.             */
  402. #templateColorBox {
  403. /*@editable*/ /*border-top:0px solid #FAFAF7;*/
  404.                 /*@editable*/ /*border-bottom:0px solid #DEDEDE;*/
  405. }
  406. /**
  407.             * @tab Colored Box
  408.             * @section colored text
  409.             * @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
  410.             * @theme footer
  411.             */
  412. .ColorContent {
  413.     /*@editable*/ color: #FFF;
  414.     /*@editable*/ font-family: Arial, Helvetica, sans-serif;
  415.     /*@editable*/ font-size: 11px;
  416.     /*@editable*/ line-height: 150%;
  417.     padding-top: 20px;
  418.     padding-bottom: 20px;
  419.     /*@editable*/ text-align: left;
  420. }
  421. .ColorContent h1 {
  422.     color: #FFF !important;
  423. }
  424. .ColorContent h2 {
  425.     color: #FFF !important;
  426. }
  427. .ColorContent h3 {
  428.     color: #FFF !important;
  429. }
  430. .ColorContent h4 {
  431.     color: #FFF !important;
  432. }
  433. .ColorContent h5 {
  434.     color: #FFF !important;
  435. }
  436. /* ======== Copyright Styles ======== */
  437.    
  438. .copyright img {
  439.     display: inline;
  440.     height: auto;
  441.     max-width: 110px !important;
  442. }
  443.                
  444.  
  445.             /*  MOBILE STYLES  */
  446.  
  447.             @media only screen and (max-width: 480px) {
  448. /* \\\/ CLIENT-SPECIFIC MOBILE STYLES \\\/ */
  449. body, table, td, p, a, li, blockquote {
  450.     -webkit-text-size-adjust: none !important;
  451. } /* Prevent Webkit platforms from changing default text sizes */
  452. body {
  453.     width: 100% !important;
  454.     min-width: 100% !important;
  455. } /* Prevent iOS Mail from adding padding to the body */
  456. /* \\\/ MOBILE RESET STYLES \\\/ */
  457. *[id]#bodyCell {
  458.     padding: 10px !important;
  459. }
  460. *[id]#bodyCellFooter {
  461.     padding: 10px !important;
  462. }
  463. /* \\\/ MOBILE TEMPLATE STYLES \\\/ */
  464.                
  465. *[id]#bodyImage {
  466.     height: auto !important;
  467.     max-width: 580px !important;
  468.     width: 100% !important;
  469. }
  470. /* ======== Page Styles ======== */
  471.  
  472.                 /**
  473.                 * @tab Mobile Styles
  474.                 * @section template width
  475.                 * @tip Make the template fluid for portrait or landscape view adaptability. If a fluid layout doesn't work for you, set the width to 300px instead.
  476.                 */
  477. *[id]#templateContainer {
  478.     max-width: 600px !important;
  479.     /*@editable*/ width: 100% !important;
  480. }
  481. /**
  482.                 * @tab Mobile Styles
  483.                 * @section heading 1
  484.                 * @tip Make the first-level headings larger in size for better readability on small screens.
  485.                 */
  486. h1 {
  487.     /*@editable*/ font-size: 27px !important;
  488.     /*@editable*/ line-height: 100% !important;
  489. }
  490. /**
  491.                 * @tab Mobile Styles
  492.                 * @section heading 2
  493.                 * @tip Make the second-level headings larger in size for better readability on small screens.
  494.                 */
  495. h2 {
  496.     /*@editable*/ font-size: 20px !important;
  497.     /*@editable*/ line-height: 100% !important;
  498. }
  499. /**
  500.                 * @tab Mobile Styles
  501.                 * @section heading 3
  502.                 * @tip Make the third-level headings larger in size for better readability on small screens.
  503.                 */
  504. h3 {
  505.     /*@editable*/ font-size: 18px !important;
  506.     /*@editable*/ line-height: 100% !important;
  507. }
  508. /**
  509.                 * @tab Mobile Styles
  510.                 * @section heading 4
  511.                 * @tip Make the fourth-level headings larger in size for better readability on small screens.
  512.                 */
  513. h4 {
  514.     /*@editable*/ font-size: 16px !important;
  515.     /*@editable*/ line-height: 100% !important;
  516. }
  517. /* ======== Header Styles ======== */
  518.  
  519. *[id]#templatePreheader {
  520.     display: none !important;
  521. } /* Hide the template preheader to save space */
  522. /**
  523.                 * @tab Mobile Styles
  524.                 * @section header image
  525.                 * @tip Make the main header image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
  526.                 */
  527. *[id]#headerImage {
  528.     height: auto !important;
  529.     /*@editable*/ max-width: 600px !important;
  530.     /*@editable*/ width: 100% !important;
  531. }
  532. /**
  533.                 * @tab Mobile Styles
  534.                 * @section header text
  535.                 * @tip Make the header content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
  536.                 */
  537. *[class].headerContent {
  538.     /*@editable*/ font-size: 20px !important;
  539.     /*@editable*/ line-height: 125% !important;
  540. }
  541. /* ======== Body Styles ======== */
  542.  
  543.                 /**
  544.                 * @tab Mobile Styles
  545.                 * @section body text
  546.                 * @tip Make the body content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
  547.                 */
  548. *[class].bodyContent {
  549.     /*@editable*/ font-size: 15px !important;
  550.     /*@editable*/ line-height: 125% !important;
  551. }
  552. /* ======== Column Styles ======== */
  553.  
  554. *[class].templateColumnContainer {
  555.     display: inline-block !important;
  556.     width: 100% !important;
  557.     padding-left: 0px !important;
  558.     padding-right: 0px !important;
  559. }
  560. *[class].templateColumnContainer200 {
  561.     display: inline-block !important;
  562.     width: 100% !important;
  563.     padding-left: 0px !important;
  564.     padding-right: 0px !important;
  565. }
  566. *[class].templateColumnContainer300 {
  567.     display: inline-block !important;
  568.     width: 100% !important;
  569.     padding-left: 0px !important;
  570.     padding-right: 0px !important;
  571. }
  572. *[class].templateColumnContainer400 {
  573.     display: inline-block !important;
  574.     width: 100% !important;
  575.     padding-left: 0px !important;
  576.     padding-right: 0px !important;
  577. }
  578. *[class].templateColumnContainer500 {
  579.     display: inline-block !important;
  580.     width: 100% !important;
  581.     padding-left: 0px !important;
  582.     padding-right: 0px !important;
  583. }
  584. *[class].templateColumnContainer600 {
  585.     display: inline-block !important;
  586.     width: 100% !important;
  587.     padding-left: 0px !important;
  588.     padding-right: 0px !important;
  589. }
  590. /**
  591.                 * @tab Mobile Styles
  592.                 * @section column image
  593.                 * @tip Make the column image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
  594.                 */
  595. *[class].columnImage {
  596.     height: auto !important;
  597.     /*@editable*/ max-width: 480px !important;
  598.     /*@editable*/ width: 100% !important;
  599. }
  600. /**
  601.                 * @tab Mobile Styles
  602.                 * @section left column text
  603.                 * @tip Make the left column content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
  604.                 */
  605. *[class].leftColumnContent {
  606.     /*@editable*/ font-size: 15px !important;
  607.     /*@editable*/ line-height: 125% !important;
  608. }
  609. /**
  610.                 * @tab Mobile Styles
  611.                 * @section center column text
  612.                 * @tip Make the center column content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
  613.                 */
  614. *[class].centerColumnContent {
  615.     /*@editable*/ font-size: 15px !important;
  616.     /*@editable*/ line-height: 125% !important;
  617. }
  618. /**
  619.                 * @tab Mobile Styles
  620.                 * @section right column text
  621.                 * @tip Make the right column content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
  622.                 */
  623. *[class].rightColumnContent {
  624.     /*@editable*/ font-size: 15px !important;
  625.     /*@editable*/ line-height: 125% !important;
  626. }
  627. /* ======== Footer Styles ======== */
  628.  
  629.                 /**
  630.                 * @tab Mobile Styles
  631.                 * @section footer text
  632.                 * @tip Make the body content text larger in size for better readability on small screens.
  633.                 */
  634. *[class].footerContent {
  635.     /*@editable*/ font-size: 14px !important;
  636.     /*@editable*/ line-height: 115% !important;
  637. }
  638. *[class].footerContent a {
  639.     display: block !important;
  640. } /* Place footer social and utility links on their own lines, for easier access */
  641. *[id]#preview {
  642.     display: none;
  643. } /* Hide the template Heading Image to save space */
  644. *[class].bodyCellFooterFirst {
  645.     display: none;
  646. } /* Hide the template Footer to save space */
  647. *[class].bodyCellFooterSecond {
  648.     border-top: 1px solid #ECECEA;
  649. }
  650. *[id]#bodyCellTop {/* display:none; */
  651. } /* Save place */
  652. *[class].bg {
  653.     padding-left: 0px;
  654.     padding-right: 0px;
  655. }
  656. *[class].disable {
  657.     display: none !important;
  658. } /* Fast Fix */
  659. }
  660. </style>
  661. </head>
  662. <!--<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">-->
  663. <body marginheight="0" marginwidth="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" offset="0" style="padding:0px;">
  664. <center>
  665.   <table id="bodyTable" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" bgcolor="#FAFAFA" style="padding:0px;">
  666.     <tr>
  667.       <td valign="top"><table align="center" width="100%">
  668.          
  669.           <!-- BEGIN GREETING // -->
  670.           <tr>
  671.             <td align="center" valign="top" id="bodyCellTop" style="background-color:#1F1F1F;"><table width="600" border="0" cellpadding="0" cellspacing="0" id="templateContainer" style=" max-width:600px;" >
  672.                 <tr>
  673.                   <td class="topbar topbar-greeting" valign="top" width="600" height="25" style="text-align:center; color: #ffffff; font-family:Georgia, 'Times New Roman', Times, serif; font-size: 12px; line-height: 120%; vertical-align:middle; font-style:italic; padding-top:5px; padding-bottom:5px;" mc:edit="topbar_greeting_center"><singleline label="topbar_greeting_center"></singleline></td>
  674.                 <tr>
  675.               </table></td>
  676.           </tr>
  677.           <!-- END GREETING // -->
  678.          
  679.           <!-- BEGIN TEMPLATE LOGO BOX // -->
  680.           <tr>
  681.             <td align="center" valign="top" id="bodyCellTop" style="font-size:10px; line-height:125%; font-family: Arial,Helvetica,sans-serif; background-color:#ffffff; border-top:3px solid #7397C3;"><table width="600" border="0" cellpadding="0" cellspacing="0" id="templateContainer" style=" max-width:600px;" >
  682.                 <tr>
  683.                   <td class="topbar topbar-center" valign="top" width="600" style="text-align:center; padding-top:15px; border-bottom:1px solid #ECECEA;"><img src="http://websdevs.com/babylon/london/images/logo.png" width="268" height="75" alt="Babylon City Tours" /></td>
  684.                 <tr>
  685.               </table></td>
  686.           </tr>
  687.           <tr>
  688.             <td align="center" valign="top" id="bodyCell" bgcolor="#FFFFFF" style=" background-color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; color:#505050; font-size:14px;"><table border="0" cellpadding="0" cellspacing="0" id="templateContainer" style="width:600px; border-collapse:collapse;">
  689.                
  690.                 <!-- // Start Line with the Title  -->
  691.                
  692.                 <!-- BEGIN Text 580px // -->
  693.                 <repeater>
  694.                   <tr class="content_msg">
  695.                     <td align="center" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateBody">
  696.                         <tr mc:repeatable>
  697.                           <td valign="top" class="bodyContent" style="padding:10px; text-align:center; font-style:italic; padding-top:30px; " mc:edit="slogan_one"><singleline label="Slogan One">Thank you for choosing Babylon Tours. We hope that the tour exceeded your expectations.</singleline></td>
  698.                         </tr>
  699.                       </table>
  700.                      
  701.                       <!-- START BUTTON Shop Now // --><!-- END BUTTON Shop Now // --></td>
  702.                   </tr>
  703.                 </repeater>
  704.                 <!-- // END Text 580px  -->
  705.                
  706.                 <!-- BEGIN 2 COLUMNS - Picture Right  // -->
  707.                 <repeater>
  708.                   <tr class="2columns">
  709.                     <td align="center" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateColumns">
  710.                         <tr mc:repeatable>
  711.                           <td align="center" valign="top" class="templateColumnContainer300" style="width:300px;"><table border="0" cellpadding="0" cellspacing="0" width="100%">
  712.                               <tr>
  713.                                 <td valign="top" class="leftColumnContent" style="text-align:left; padding:10px !important; font-size:14px; line-height: 150%;" mc:edit="left_column_content_p"><table width="100%" border="0" cellspacing="0" cellpadding="0">
  714.                                     <tr>
  715.                                       <td width="49%" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
  716.                                           <tr>
  717.                                             <td><multiline label='desc_left'>I believe that even if only a few words, your feedback is most important to us. As well as incredibly helpful and encouraging to our wonderful guides. It would mean a lot to us if you could, when you have a spare moment, use the rating at the end of this email to leave a review of your experience.</multiline></td>
  718.                                           </tr>
  719.                                           <tr>
  720.                                             <td>&nbsp;</td>
  721.                                           </tr>
  722.                                           <tr>
  723.                                             <td><multiline label='desc_left'>Also as a small gesture to thank you for your booking. Here is a Promo Code good for 10% off any future tours with us, you can use it and share it as many times as you like!</multiline></td>
  724.                                           </tr>
  725.                                         </table></td>
  726.                                         <td width="1%" style="border-right:#ECECEA solid 1px;"></td>
  727.                                       <td width="50%" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateBody">
  728.                       <tr>
  729.                         <td valign="top" class="bodyContent" style="padding:10px; text-align:center; font-style:italic; font-size:13px;" mc:edit="Slogan_three"><singleline label="Slogan Three">How was your overall experience with Babylon Tours London? Please click a rating to continue:</singleline></td>
  730.                       </tr>
  731.                       <tr>
  732.                         <td valign="top" class="bodyContent"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
  733.                             <tr>
  734.                               <td width="46%" height="35" align="left"><img src="http://websdevs.com/babylon/london/images/star1.png" width="100" alt="" /></td>
  735.                               <td width="54%" align="left"><a href="https://www.babyloncitytours.com/london-city-tours/reviews/" target="_blank" style="color:#000; font-size:12px; text-decoration:none;">Very Satisfied</a></td>
  736.                             </tr>
  737.                             <tr align="left">
  738.                                 <td height="1px" colspan="2" bgcolor="#ECECEA"></td>
  739.                             </tr>
  740.                             <tr>
  741.                               <td height="35" align="left"><img src="http://websdevs.com/babylon/london/images/star2.png" width="100" alt="" /></td>
  742.                               <td align="left"><a href="https://www.babyloncitytours.com/london-city-tours/write-review/?4" target="_blank" style="color:#000; font-size:12px; text-decoration:none;">Somewhat Satisfied</a></td>
  743.                             </tr>
  744.                             <tr align="left">
  745.                                 <td height="1px" colspan="2" bgcolor="#ECECEA"></td>
  746.                             </tr>
  747.                             <tr>
  748.                               <td height="35" align="left"><img src="http://websdevs.com/babylon/london/images/star3.png" width="100" alt="" /></td>
  749.                               <td align="left"><a href="https://www.babyloncitytours.com/london-city-tours/write-review/?3" target="_blank" style="color:#000; font-size:12px; text-decoration:none;">Neither Satisfied or Dissatisfied</a></td>
  750.                             </tr>
  751.                             <tr align="left">
  752.                                 <td height="1px" colspan="2" bgcolor="#ECECEA"></td>
  753.                             </tr>
  754.                             <tr>
  755.                               <td height="35" align="left"><img src="http://websdevs.com/babylon/london/images/star4.png" width="100" alt="" /></td>
  756.                               <td align="left"><a href="https://www.babyloncitytours.com/london-city-tours/write-review/?2" target="_blank" style="color:#000; font-size:12px; text-decoration:none;">Somewhat Dissatisfied</a></td>
  757.                             </tr>
  758.                             <tr align="left">
  759.                                 <td height="1px" colspan="2" bgcolor="#ECECEA"></td>
  760.                             </tr>
  761.                             <tr>
  762.                               <td height="35" align="left"><img src="http://websdevs.com/babylon/london/images/star5.png"   width="100" alt="" /></td>
  763.                               <td align="left"><a href="https://www.babyloncitytours.com/london-city-tours/write-review/?1" target="_blank" style="color:#000; font-size:12px; text-decoration:none;">Very Dissatisfied</a></td>
  764.                             </tr>
  765.                           </table></td>
  766.                       </tr>
  767.                     </table></td>
  768.                                     </tr>
  769.                                   </table></td>
  770.                               </tr>
  771.                             </table></td>
  772.                         </tr>
  773.                       </table></td>
  774.                   </tr>
  775.                 </repeater>
  776.                 <!-- // END 2 COLUMNS - Picture Right -->
  777.                
  778.                 <!-- BEGIN 2 COLUMNS - Picture Left // -->
  779.                 <repeater>
  780.                   <tr class="2columns">
  781.                     <td align="center" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateColumns">
  782.                         <tr mc:repeatable>
  783.                           <td align="center" valign="top" class="templateColumnContainer300" style="width:300px;"><table border="0" cellpadding="0" cellspacing="0" width="100%">
  784.                               <tr>
  785.                                 <td valign="top" align="center" style="padding:10px !important; font-size:14px; line-height: 150%;"><multiline label='desc_left'>
  786.                                   <br />
  787.                                   <h1 style="color: #383838; font-family:Georgia, 'Times New Roman', Times, serif; font-size: 18px; font-style: normal; font-weight: 100; letter-spacing: normal; line-height: 100%; margin-bottom:5px; text-align:center;">
  788.                                     <singleline label='Picture'>
  789.                                       <div align="center">10% OFF PROMO CODE: 1GO434QJ<br />
  790.                                         <br />
  791.                                       </div>
  792.                                     </singleline>
  793.                                   </h1>
  794.                               </tr>
  795.                             </table></td>
  796.                         </tr>
  797.                       </table></td>
  798.                   </tr>
  799.                 </repeater>
  800.                 <!-- // END 2 COLUMNS - Picture Left -->
  801.                
  802.                 <!-- BEGIN Text 580px // -->
  803.                
  804.                 <tr class="content_msg">
  805.                   <td align="center" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateBody">
  806.                       <tr>
  807.                         <td valign="top" class="bodyContent" style="padding-left:10px; padding-right:10px; padding-bottom:20px; text-align:center; font-style:italic;" mc:edit="Slogan_two"><singleline label="Slogan Two">Again, I hope that you thoroughly enjoyed your visit, and please don't hesitate to contact us if we can ever be of further service next time you traveling.</singleline></td>
  808.                       </tr>
  809.                       <tr>
  810.                         <td valign="top" class="bodyContent" style="padding-top:10px; padding-left:0px; padding-right:0px; padding-bottom:10px;">Sincerely,<br />
  811.                           <strong>Tom Dolan</strong><br />
  812.                           <br />
  813.                           Babylon Tours<br />
  814.                           <a href="http://www.babyloncitytours.com" target="_blank" style="color:#000;">www.babyloncitytours.com</a></td>
  815.                       </tr>
  816.                     </table></td>
  817.                 </tr>                
  818.                 <!-- // END Text 580px  -->
  819.               </table></td>
  820.           </tr>
  821.           <tr>
  822.             <td align="center" valign="top" id="bodyCellTop2" width="100%" height="35" bgcolor="#EEEEEE" style="background-color:#EEEEEE !important; padding:0px;"><table border="0" cellpadding="0" cellspacing="0" id="templateContainer" style="border:0px; width:600px;" >
  823.                 <tr class="menu">
  824.                   <td class="menu-links" height="35" valign="middle" align="left" bgcolor="#EEEEEE" style="text-align:left !important; "><a href="http://www.babyloncitytours.com" target="_blank"><img width="600" src="http://websdevs.com/babylon/london/images/logos.jpg" style="width:600px !important; height:74x;" class="columnImage" /></a></td>
  825.                 </tr>
  826.               </table></td>
  827.           </tr>
  828.           <!-- END TEMPLATE LOGO BOX // -->
  829.           <!-- BEGIN 3 COLUMNS FOOTER - JOP // -->
  830.           <tr>
  831.             <td id="bodyCellFooter" valign="top" class="bodyCellFooterFirst" align="center" style="background-color:#061631; border-top:3px solid #7397C3; font-family: Arial, Helvetica, sans-serif;"><table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer" style=" max-width:600px;">
  832.                 <tr>
  833.                   <td align="center" valign="top" class="templateColumnContainer200" style="padding-top:20px;"><table border="0" cellpadding="0" cellspacing="0" width="100%">
  834.                       <tr>
  835.                         <td class="copyright" style="padding-top:8px; padding-bottom:0px; padding-left:10px;"><a href="http://www.babyloncitytours.com" target="_blank"><img src="http://websdevs.com/babylon/london/images/logo_bottom.png" alt="Babylon City Tours" width="90" class="columnImage" style="width:239px !important;" editable mc:label="logo_image" mc:edit="logo_image_footer" /></a></td>
  836.                       </tr>
  837.                       <tr>
  838.                         <td valign="top" class="copyright" id="copyright" style="font-size:9px; line-height: 150%; padding-bottom: 10px; padding-left: 10px; padding-right: 20px; padding-top: 10px; text-align: left; color:#b2b2b2; font-family: Arial,Helvetica,sans-serif;" mc:edit="copyright"><multiline label='Copyright'>&copy; 2018 BABYLON TOURS. <br />
  839.                             ALL RIGHTS RESERVED.</multiline></td>
  840.                       </tr>
  841.                     </table></td>
  842.                   <!-- begin second box -->
  843.                   <td align="center" valign="top" class="templateColumnContainer200" style="padding-top:20px;"><table border="0" cellpadding="0" cellspacing="0" width="100%">
  844.                       <tr>
  845.                         <td valign="top" class="centerColumnFooterContent" align="left" style="line-height: 190%; padding:20px; padding-top:10px; text-align:left;" mc:edit="center_column_content"><h3 style="padding-bottom:10px; font-size:17px; color:#e5e5e5 !important; display:inline-block; margin-bottom:0px; font-style: italic; font-weight: normal;">
  846.                             <singleline label='h3'>Customer Service</singleline>
  847.                           </h3>
  848.                           <table width="100%" border="0" cellspacing="0">
  849.                             <tr>
  850.                               <td height="32"><a style="color:#b2b2b2; text-decoration:none; font-size:13px; font-family: Arial,Helvetica,sans-serif;" href="https://www.babyloncitytours.com/about-us/" target="_blank">
  851.                                 <singleline label='About'>About Us</singleline>
  852.                                 </a></td>
  853.                             </tr>
  854.                             <tr>
  855.                               <td height="32"><a style="color:#b2b2b2; text-decoration:none; font-size:13px; font-family: Arial,Helvetica,sans-serif;" href="https://www.babyloncitytours.com/blog/" target="_blank">
  856.                                 <singleline label='Blog'>Blog</singleline>
  857.                                 </a></td>
  858.                             </tr>
  859.                             <tr>
  860.                               <td height="32"><a style="color:#b2b2b2; text-decoration:none; font-size:13px; font-family: Arial,Helvetica,sans-serif;" href="https://www.babyloncitytours.com/contact/" target="_blank">
  861.                                 <singleline label='Contact'>Contact Us</singleline>
  862.                                 </a></td>
  863.                             </tr>
  864.                             <tr>
  865.                               <td height="32"><a style="color:#b2b2b2; text-decoration:none; font-size:13px; font-family: Arial,Helvetica,sans-serif;" href="https://www.babyloncitytours.com/faqs/" target="_blank">
  866.                                 <singleline label='FAQ's'>FAQ's</singleline>
  867.                                 </a></td>
  868.                             </tr>
  869.                             <tr>
  870.                               <td height="32"><a style="color:#b2b2b2; text-decoration:none; font-size:13px; font-family: Arial,Helvetica,sans-serif;" href="https://www.babyloncitytours.com/" target="_blank">
  871.                                 <singleline label='City'>Choose A City</singleline>
  872.                                 </a></td>
  873.                             </tr>
  874.                           </table></td>
  875.                       </tr>
  876.                     </table></td>
  877.                   <!-- begin 3 box -->
  878.                   <td align="center" valign="top" class="templateColumnContainer200" style="padding-top:20px;"><table border="0" cellpadding="0" cellspacing="0" width="100%">
  879.                       <tr>
  880.                         <td valign="top" class="rightColumnFooterContent" align="left" style="line-height: 190%; padding:20px; padding-top:10px; text-align:left;" mc:edit="right_column_content"><h3 style="padding-bottom:10px; font-size:17px; color:#e5e5e5 !important; display:inline-block; margin-bottom:0px; font-style: italic; font-weight: normal;">
  881.                             <singleline label='h3'>Connect with</singleline>
  882.                           </h3>
  883.                           <table width="100%" border="0" cellspacing="0">
  884.                             <tr>
  885.                               <td width="32"><img style="padding-right:10px;" src="http://websdevs.com/babylon/london/images/tripadvisor.png" mc:label="Tripadvisor" mc:edit="Tripadvisor"/></td>
  886.                               <td><a style="font-size:13px; color:#b2b2b2; text-decoration:none; font-family: Arial,Helvetica,sans-serif;" href="https://www.tripadvisor.com/Search?geo=&latitude=&longitude=&searchNearby=&pid=3825&redirect=&startTime=1512083389230&uiOrigin=MASTHEAD&q=%22babylon+tours%22&returnTo=__2F__&searchSessionId=C2132B8C88F32425DFE4CDCAF3C8E4921512083372153ssid#&ssrc=a&o=0" target="_blank">
  887.                                 <singleline label='Tripadvisor'>Tripadvisor</singleline>
  888.                                 </a></td>
  889.                             </tr>
  890.                             <tr>
  891.                               <td width="32"><img style="padding-right:10px;" src="http://websdevs.com/babylon/london/images/facebook.png" mc:label="fb" mc:edit="fb"/></td>
  892.                               <td><a style="font-size:13px; color:#b2b2b2; text-decoration:none; font-family: Arial,Helvetica,sans-serif;" href="https://www.facebook.com/BabylonCityTours?ref=ts&fref=ts" target="_blank">
  893.                                 <singleline label='Facebook'>Facebook</singleline>
  894.                                 </a></td>
  895.                             </tr>
  896.                             <tr>
  897.                               <td width="32"><img style="padding-right:10px;" src="http://websdevs.com/babylon/london/images/twitter.png" mc:label="twitter" mc:edit="twitter"/></td>
  898.                               <td><a style="font-size:13px; color:#b2b2b2; text-decoration:none; font-family: Arial,Helvetica,sans-serif;" href="https://twitter.com/BabylonCityTour" target="_blank">
  899.                                 <singleline label='Twitter'>Twitter</singleline>
  900.                                 </a></td>
  901.                             </tr>
  902.                             <tr>
  903.                               <td width="32"><img style="padding-right:10px;" src="http://websdevs.com/babylon/london/images/instagram.png" mc:label="instagram" mc:edit="instagram"/></td>
  904.                               <td><a style="font-size:13px; color:#b2b2b2; text-decoration:none; font-family: Arial,Helvetica,sans-serif;" href="https://www.instagram.com/babyloncitytours/" target="_blank">
  905.                                 <singleline label='Instagram'>Instagram</singleline>
  906.                                 </a></td>
  907.                             </tr>
  908.                             <tr>
  909.                               <td width="32"><img style="padding-right:10px;" src="http://websdevs.com/babylon/london/images/pinterest.png" mc:label="pinterest" mc:edit="pinterest"/></td>
  910.                               <td><a style="font-size:13px; color:#b2b2b2; text-decoration:none; font-family: Arial,Helvetica,sans-serif;" href="https://www.pinterest.com/babylonpinteres/" target="_blank">
  911.                                 <singleline label='Pinterest'>Pinterest</singleline>
  912.                                 </a></td>
  913.                             </tr>
  914.                           </table></td>
  915.                       </tr>
  916.                     </table></td>
  917.                   <!-- end 3 box -->
  918.                 </tr>
  919.               </table></td>
  920.           </tr>
  921.           <!-- begin footer dark part -->
  922.           <tr>
  923.             <td id="bodyCellFooter" valign="top" class="bodyCellFooterSecond" align="center" style="background-color:#1F1F1F; "><table align="center" border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer" style="max-width:600px;">
  924.                 <tr>
  925.                   <td valign="top" class="footerContent2" style="text-align:left; padding:10px; color:#b2b2b2; font-family: Arial, Helvetica, sans-serif; font-size:10px; line-height:150%;" mc:edit="footer_content02"><multiline label='Unsubscribe'> You're receiving this newsletter because you signed up at <a style="color: #e5e5e5; text-decoration:none;" href="http://www.babyloncitytours.com" target="_blank">babyloncitytours.com</a></multiline>
  926.                     <br/>
  927.                     <a style="color: #e5e5e5;" href="*|UNSUB|*">unsubscribe from this list</a>&nbsp;&nbsp;&nbsp; <span style="color: #e5e5e5; text-decoration:underline;">
  928.                     <unsubscribe>unsubscribe from this list</unsubscribe>
  929.                     </span>
  930.                     <!-- <a style="color: #888888;" href="*|UPDATE_PROFILE|*"><preferences>update subscription preferences</preferences></a>  --></td>
  931.                 </tr>
  932.               </table></td>
  933.           </tr>
  934.           <!-- end footer dark part -->
  935.         </table></td>
  936.     </tr>
  937.   </table>
  938. </center>
  939. </body>
  940. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!