├── LICENSE ├── README.md ├── glowbutton.html └── index.html /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2014 Respmail 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Responsive HTML Email Template 2 | ======== 3 | 4 | This template is designed to work on all major email platforms. It is built with media query, making it responsive for smartphones that support media query. It serves as a foundation that has been tested and thoroughly reviewed for compatibility, making it very easy to customize and make changes. 5 | 6 | Using MailChimp's html email template (blue-print) as the foundation, this template is an improved version with more row options, redefined structure and many fixes for Outlook, Yahoo, Hotmail, Gmail, e.t.c. 7 | 8 | **Download with Bower** 9 | 10 | ````` 11 | $ bower install respmail 12 | ````` 13 | If you don't know what Bower is, read more about it here http://bower.io/ 14 | 15 | Preview 16 | ======== 17 | Author: http://www.charlesmudy.com/ 18 | ![Preview](http://www.charlesmudy.com/respmail/image.png) 19 | 20 | Inspiration 21 | ======== 22 | https://github.com/mailchimp/Email-Blueprints 23 | 24 | Contributing 25 | ======== 26 | Anyone with strong knowledge of html email coding can make a pull request for changes and improvements. Please always clarify and if possible, share online resources to prove or view your suggestion. 27 | -------------------------------------------------------------------------------- /glowbutton.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Glowing GRadient Button 4 | 7 | 8 | 9 | Button 10 | 11 | 12 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | Respmail is a response HTML email designed to work on all major email platforms and smartphones 47 | 176 | 186 | 191 | 196 | 197 | 198 | 199 | 200 | 210 | 211 |
212 | 213 | 214 | 1348 | 1349 |
215 | 216 | 217 | 222 | 223 | 224 | 225 | 226 | 283 | 284 | 285 | 286 |
227 | 228 | 229 | 230 | 279 | 280 |
231 | 232 | 233 | 234 | 275 | 276 |
235 | 236 | 237 | 238 | 239 | 249 | 260 | 272 | 273 |
250 | 251 | 252 | 257 | 258 |
253 |
254 | The introduction of your message preview goes here. Try to make it short. 255 |
256 |
259 | 		261 | 262 | 263 | 269 | 270 |
264 | 265 |
266 | If you can't see this message, view it in your browser. 267 |
268 |
271 |
274 |
277 | 278 |
281 | 282 |
287 | 288 | 289 | 290 | 295 | 296 | 297 | 298 | 303 | 304 | 351 | 352 | 353 | 354 | 355 | 356 | 360 | 361 | 407 | 408 | 409 | 410 | 411 | 412 | 413 | 442 | 443 | 444 | 445 | 446 | 447 | 448 | 489 | 490 | 491 | 492 | 493 | 494 | 495 | 541 | 542 | 543 | 544 | 545 | 546 | 547 | 576 | 577 | 578 | 579 | 580 | 581 | 617 | 618 | 619 | 620 | 621 | 622 | 623 | 656 | 657 | 658 | 659 | 660 | 661 | 662 | 710 | 711 | 712 | 713 | 714 | 715 | 716 | 749 | 750 | 751 | 752 | 753 | 754 | 755 | 803 | 804 | 805 | 806 | 807 | 808 | 809 | 842 | 843 | 844 | 845 | 846 | 847 | 848 | 893 | 894 | 895 | 896 | 897 | 898 | 899 | 932 | 933 | 934 | 935 | 936 | 937 | 938 | 983 | 984 | 985 | 986 | 987 | 988 | 989 | 1022 | 1023 | 1024 | 1025 | 1026 | 1027 | 1028 | 1073 | 1074 | 1075 | 1076 | 1077 | 1078 | 1079 | 1112 | 1113 | 1114 | 1115 | 1116 | 1117 | 1118 | 1163 | 1164 | 1165 | 1166 | 1167 | 1168 | 1169 | 1198 | 1199 | 1200 | 1201 | 1202 | 1203 | 1204 | 1250 | 1251 | 1252 | 1253 | 1254 | 1255 | 1256 | 1291 | 1292 | 1293 | 1294 |
305 | 306 | 311 | 312 | 313 | 347 | 348 |
314 | 315 | 321 | 322 | 323 | 343 | 344 |
324 | 325 | 326 | 331 | 332 | 333 | 338 | 339 |
334 |

Introduction header

335 |

Subheader introduction

336 |
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.
337 |
340 | 341 | 342 |
345 | 346 |
349 | 350 |
362 | 363 | 364 | 365 | 403 | 404 |
366 | 367 | 368 | 369 | 399 | 400 |
370 | 371 | 372 | 373 | 374 | 384 | 394 | 395 |
375 | 376 | 377 | 381 | 382 |
378 |

Left Column

379 |
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis.
380 |
383 | 		385 | 386 | 387 | 391 | 392 |
388 |

Right Column

389 |
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis.
390 |
393 |
396 | 397 | 398 |
401 | 402 |
405 | 406 |
414 | 415 | 416 | 417 | 438 | 439 |
418 | 419 | 420 | 421 | 434 | 435 |
422 | 423 | 424 | 425 | 426 | 429 | 430 | 431 | 432 | 433 |
436 | 437 |
440 | 441 |
449 | 450 | 451 | 452 | 485 | 486 |
453 | 454 | 455 | 456 | 481 | 482 |
457 | 458 | 459 | 478 | 479 |
460 | 461 | 462 | 463 | 464 | 473 | 474 |
465 | 470 |

Message Title

471 |
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.
472 |
475 | 476 | 477 |
480 |
483 | 484 |
487 | 488 |
496 | 497 | 498 | 499 | 537 | 538 |
500 | 501 | 502 | 503 | 533 | 534 |
504 | 505 | 506 | 507 | 508 | 518 | 528 | 529 |
509 | 510 | 511 | 515 | 516 |
512 |

Left Column

513 |
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis.
514 |
517 | 		519 | 520 | 521 | 525 | 526 |
522 |

Right Column

523 |
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis.
524 |
527 |
530 | 531 | 532 |
535 | 536 |
539 | 540 |
548 | 549 | 550 | 551 | 572 | 573 |
552 | 553 | 554 | 555 | 568 | 569 |
556 | 557 | 558 | 559 | 560 | 563 | 564 |
561 | Text 562 |
565 | 566 | 567 |
570 | 571 |
574 | 575 |
582 | 583 | 584 | 585 | 613 | 614 |
586 | 587 | 588 | 589 | 609 | 610 |
590 | 591 | 592 | 606 | 607 |
593 | 594 | 595 | 596 | 597 | 601 | 602 |
598 |

Message Title

599 |
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.
600 |
603 | 604 | 605 |
608 |
611 | 612 |
615 | 616 |
624 | 625 | 626 | 627 | 652 | 653 |
628 | 629 | 630 | 631 | 648 | 649 |
632 | 633 | 634 | 645 | 646 |
635 | 636 | 637 | 638 | 639 | 640 | 641 |
642 | 643 | 644 |
647 |
650 | 651 |
654 | 655 |
663 | 664 | 665 | 666 | 706 | 707 |
667 | 668 | 669 | 670 | 702 | 703 |
671 | 672 | 673 | 674 | 675 | 686 | 697 | 698 |
676 | 677 | 678 | 683 | 684 |
679 | Text 680 |

Left Column

681 |
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis.
682 |
685 | 		687 | 688 | 689 | 694 | 695 |
690 | Text 691 |

Right Column

692 |
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis.
693 |
696 |
699 | 700 | 701 |
704 | 705 |
708 | 709 |
717 | 718 | 719 | 720 | 745 | 746 |
721 | 722 | 723 | 724 | 741 | 742 |
725 | 726 | 727 | 738 | 739 |
728 | 729 | 730 | 731 | 732 | 733 | 734 |
735 | 736 | 737 |
740 |
743 | 744 |
747 | 748 |
756 | 757 | 758 | 759 | 799 | 800 |
760 | 761 | 762 | 763 | 795 | 796 |
764 | 765 | 766 | 767 | 768 | 779 | 790 | 791 |
769 | 770 | 771 | 776 | 777 |
772 |

Left Column

773 | Text 774 |
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis.
775 |
778 | 		780 | 781 | 782 | 787 | 788 |
783 |

Right Column

784 | Text 785 |
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis.
786 |
789 |
792 | 793 | 794 |
797 | 798 |
801 | 802 |
810 | 811 | 812 | 813 | 838 | 839 |
814 | 815 | 816 | 817 | 834 | 835 |
818 | 819 | 820 | 831 | 832 |
821 | 822 | 823 | 824 | 825 | 826 | 827 |
828 | 829 | 830 |
833 |
836 | 837 |
840 | 841 |
849 | 850 | 851 | 852 | 889 | 890 |
853 | 854 | 855 | 856 | 885 | 886 |
857 | 858 | 859 | 860 | 861 | 870 | 880 | 881 |
862 | 863 | 864 | 867 | 868 |
865 | Text 866 |
869 | 		871 | 872 | 873 | 877 | 878 |
874 |

Right Column

875 |
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis.
876 |
879 |
882 | 883 | 884 |
887 | 888 |
891 | 892 |
900 | 901 | 902 | 903 | 928 | 929 |
904 | 905 | 906 | 907 | 924 | 925 |
908 | 909 | 910 | 921 | 922 |
911 | 912 | 913 | 914 | 915 | 916 | 917 |
918 | 919 | 920 |
923 |
926 | 927 |
930 | 931 |
939 | 940 | 941 | 942 | 979 | 980 |
943 | 944 | 945 | 946 | 975 | 976 |
947 | 948 | 949 | 950 | 951 | 961 | 970 | 971 |
952 | 953 | 954 | 958 | 959 |
955 |

Left Column

956 |
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis.
957 |
960 | 		962 | 963 | 964 | 967 | 968 |
965 | Text 966 |
969 |
972 | 973 | 974 |
977 | 978 |
981 | 982 |
990 | 991 | 992 | 993 | 1018 | 1019 |
994 | 995 | 996 | 997 | 1014 | 1015 |
998 | 999 | 1000 | 1011 | 1012 |
1001 | 1002 | 1003 | 1004 | 1005 | 1006 | 1007 |
1008 | 1009 | 1010 |
1013 |
1016 | 1017 |
1020 | 1021 |
1029 | 1030 | 1031 | 1032 | 1069 | 1070 |
1033 | 1034 | 1035 | 1036 | 1065 | 1066 |
1037 | 1038 | 1039 | 1040 | 1041 | 1050 | 1060 | 1061 |
1042 | 1043 | 1044 | 1047 | 1048 |
1045 | Text 1046 |
1049 | 		1051 | 1052 | 1053 | 1057 | 1058 |
1054 |

Right Column

1055 |
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis.
1056 |
1059 |
1062 | 1063 | 1064 |
1067 | 1068 |
1071 | 1072 |
1080 | 1081 | 1082 | 1083 | 1108 | 1109 |
1084 | 1085 | 1086 | 1087 | 1104 | 1105 |
1088 | 1089 | 1090 | 1101 | 1102 |
1091 | 1092 | 1093 | 1094 | 1095 | 1096 | 1097 |
1098 | 1099 | 1100 |
1103 |
1106 | 1107 |
1110 | 1111 |
1119 | 1120 | 1121 | 1122 | 1159 | 1160 |
1123 | 1124 | 1125 | 1126 | 1155 | 1156 |
1127 | 1128 | 1129 | 1130 | 1131 | 1140 | 1150 | 1151 |
1132 | 1133 | 1134 | 1137 | 1138 |
1135 | Text 1136 |
1139 | 		1141 | 1142 | 1143 | 1147 | 1148 |
1144 |

Right Column

1145 |
Pellentesque habitant morbi tristique
1146 |
1149 |
1152 | 1153 | 1154 |
1157 | 1158 |
1161 | 1162 |
1170 | 1171 | 1172 | 1173 | 1194 | 1195 |
1174 | 1175 | 1176 | 1177 | 1190 | 1191 |
1178 | 1179 | 1180 | 1181 | 1182 | 1185 | 1186 |
1183 |
Pellentesque habitant morbi tristique senectus netus malesuada et fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.
1184 |
1187 | 1188 | 1189 |
1192 | 1193 |
1196 | 1197 |
1205 | 1206 | 1207 | 1208 | 1246 | 1247 |
1209 | 1210 | 1211 | 1212 | 1242 | 1243 |
1213 | 1214 | 1215 | 1216 | 1217 | 1227 | 1237 | 1238 |
1218 | 1219 | 1220 | 1224 | 1225 |
1221 |

Left Column

1222 |
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis.
1223 |
1226 | 		1228 | 1229 | 1230 | 1234 | 1235 |
1231 |

Right Column

1232 |
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis.
1233 |
1236 |
1239 | 1240 | 1241 |
1244 | 1245 |
1248 | 1249 |
1257 | 1258 | 1259 | 1260 | 1287 | 1288 |
1261 | 1262 | 1263 | 1264 | 1283 | 1284 |
1265 | 1266 | 1267 | 1280 | 1281 |
1268 | 1269 | 1270 | 1271 | 1272 | 1275 | 1276 |
1273 |
Empty row for your custom contents
1274 |
1277 | 1278 | 1279 |
1282 |
1285 | 1286 |
1289 | 1290 |
1295 | 1296 | 1297 | 1298 | 1303 | 1304 | 1305 | 1306 | 1311 | 1312 | 1342 | 1343 | 1344 |
1313 | 1314 | 1315 | 1316 | 1338 | 1339 |
1317 | 1318 | 1319 | 1320 | 1334 | 1335 |
1321 | 1322 | 1323 | 1331 | 1332 |
1324 | 1325 |
1326 |
Copyright © 2020 Respmail. All rights reserved.
1327 |
If you do not want to receive emails from us, you can unsubscribe.
1328 |
1329 | 1330 |
1333 |
1336 | 1337 |
1340 | 1341 |
1345 | 1346 | 1347 |
1350 |
1351 | 1352 | 1353 | --------------------------------------------------------------------------------