generated from LLazyEmail/template-react-email-template
-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
27 changed files
with
898 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,13 @@ | ||
| readme.md | ||
|
|
||
| src | ||
| - - Layouts | ||
| - - - ContentLayout | ||
| - - - FooterLayout | ||
| - - - HeaderLayout | ||
| - - - HeroLayout | ||
| - - - ProductLayout | ||
|
|
||
| - - Logo | ||
| - - Typography | ||
| - - |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| import React from 'react'; | ||
|
|
||
| const Button = ({}) => ( | ||
| <table border="0" cellpadding="0" cellspacing="0" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt;"> | ||
| <tbody> | ||
| <tr> | ||
| <td style="vertical-align: top; border-radius: 8px; text-align: center; background-color: #1595E7;" valign="top" bgcolor="#1595E7" align="center"> | ||
| <a class="pc-fb-font" href="http://example.com" style="line-height: 1.5; text-decoration: none; margin: 0; padding: 13px 17px; white-space: nowrap; border-radius: 8px; font-weight: 500; display: inline-block; font-family: 'Fira Sans', Helvetica, Arial, sans-serif; font-size: 16px; cursor: pointer; background-color: #1595E7; color: #ffffff; border: 1px solid #1595E7;">Shop now</a> | ||
| </td> | ||
| </tr> | ||
| </tbody> | ||
| </table> | ||
| ); | ||
|
|
||
| export default Button; | ||
|
|
||
|
|
||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,11 @@ | ||
| import React from 'react'; | ||
|
|
||
| const Divider = ({}) => ( | ||
| <> | ||
| <span class="pc-menu-nav-divider" style="padding: 0 23px;"> </span> | ||
| </> | ||
| ); | ||
|
|
||
| export default Divider; | ||
|
|
||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,7 @@ | ||
| import React from 'react'; | ||
|
|
||
| const Logo = ({}) => ( | ||
| <> </> | ||
| ); | ||
|
|
||
| export default Logo; |
14 changes: 14 additions & 0 deletions
14
ecommerce/src/Interior/src/Elements/Separator/Separator.jsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,14 @@ | ||
| import React from 'react'; | ||
|
|
||
| const Separator = ({}) => ( | ||
| <table border="0" cellspacing="0" cellpadding="0" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%"> | ||
| <tbody> | ||
| <tr> | ||
| <td style="vertical-align: top; padding: 0; height: 8px; -webkit-text-size-adjust: 100%; font-size: 8px; line-height: 8px;" valign="top"> </td> | ||
| </tr> | ||
| </tbody> | ||
| </table> | ||
| ); | ||
|
|
||
| export default xxx; | ||
|
|
7 changes: 7 additions & 0 deletions
7
ecommerce/src/Interior/src/Layouts/ContentLayout/ContentLayout.jsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,7 @@ | ||
| import React from 'react'; | ||
|
|
||
| const ContentLayout = ({}) => ( | ||
| <> </> | ||
| ); | ||
|
|
||
| export default ContentLayout; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,7 @@ | ||
| import React from 'react'; | ||
|
|
||
| const MiscLayout = ({}) => ( | ||
| <> </> | ||
| ); | ||
|
|
||
| export default MiscLayout; |
61 changes: 61 additions & 0 deletions
61
ecommerce/src/Interior/src/Layouts/ProductLayout/ProductLayout.jsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,61 @@ | ||
| import React from 'react'; | ||
|
|
||
| // NOT FULL _ CHECK LATER !!! | ||
|
|
||
| const ProductLayout = ({}) => ( | ||
| <div class="pc-products-row-col" style="display: inline-block; width: 100%; max-width: 280px; vertical-align: top; text-align: left;"> | ||
| <table border="0" cellpadding="0" cellspacing="0" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%"> | ||
| <tbody> | ||
| <tr> | ||
| <td style="vertical-align: top; padding: 20px;" valign="top"> | ||
| <table border="0" cellpadding="0" cellspacing="0" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%"> | ||
| <tbody> | ||
| <tr> | ||
| <td style="vertical-align: top; text-align: center;" valign="top" align="center"> <img src="images/ecommerce-5-image-4.jpg" width="230" height="240" alt="" style="border: 0; line-height: 100%; outline: 0; -ms-interpolation-mode: bicubic; color: #151515; max-width: 100%; height: auto; font-family: 'Fira Sans', Helvetica, Arial, sans-serif; font-size: 14px; display: block;"> </td> | ||
| </tr> | ||
| <tr> | ||
| <td class="pc-fb-font" style="vertical-align: top; padding: 16px 0 0 0; font-family: 'Fira Sans', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 700; line-height: 1.89; letter-spacing: -0.3px; color: #151515;" valign="top"> | ||
| Apple Watch Edition | ||
| </td> | ||
| </tr> | ||
| <tr> | ||
| <td class="pc-fb-font" style="vertical-align: top; padding: 4px 0 0 0; font-family: 'Fira Sans', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 500; color: #9B9B9B;" valign="top"> | ||
| £887 | ||
| </td> | ||
| </tr> | ||
| <tr> | ||
| <td style="vertical-align: top; padding: 17px 0 0 0;" valign="top"> | ||
| <table border="0" cellpadding="0" cellspacing="0" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%"> | ||
| <tbody> | ||
| <tr> | ||
| <td align="left" style="vertical-align: top;" valign="top"> | ||
|
|
||
| <table border="0" cellpadding="0" cellspacing="0" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt;"> | ||
| <tbody> | ||
| <tr> | ||
| <td style="vertical-align: top; border-radius: 8px; text-align: center; background-color: #1595E7;" valign="top" bgcolor="#1595E7" align="center"> | ||
| <a class="pc-fb-font" href="http://example.com" style="line-height: 1.5; text-decoration: none; margin: 0; padding: 13px 17px; white-space: nowrap; border-radius: 8px; font-weight: 500; display: inline-block; font-family: 'Fira Sans', Helvetica, Arial, sans-serif; font-size: 16px; cursor: pointer; background-color: #1595E7; color: #ffffff; border: 1px solid #1595E7;">Shop now</a> | ||
| </td> | ||
| </tr> | ||
| </tbody> | ||
| </table> | ||
|
|
||
| </td> | ||
| </tr> | ||
| </tbody> | ||
| </table> | ||
| </td> | ||
| </tr> | ||
| </tbody> | ||
| </table> | ||
| </td> | ||
| </tr> | ||
| </tbody> | ||
| </table> | ||
| </div> | ||
| ); | ||
|
|
||
| export default ProductLayout; | ||
|
|
||
|
|
||
|
|
64 changes: 64 additions & 0 deletions
64
ecommerce/src/Interior/src/Layouts/ProductList/ProductList.jsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,64 @@ | ||
| import React from 'react'; | ||
|
|
||
| const ProductList = ({}) => ( | ||
| <table border="0" cellpadding="0" cellspacing="0" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%"> | ||
| <tbody> | ||
| <tr> | ||
| <td class="pc-products-row-s1" style="vertical-align: top; font-size: 0; text-align: center;" valign="top" align="center"> | ||
| <!--[if (gte mso 9)|(IE)]> | ||
| <table width="100%" border="0" cellspacing="0" cellpadding="0"> | ||
| <tr> | ||
| <td width="50%" valign="top"> | ||
| <![endif]--> | ||
|
|
||
| {*PRODUCT*} | ||
|
|
||
|
|
||
|
|
||
|
|
||
| <!--[if (gte mso 9)|(IE)]> | ||
| </td> | ||
| <td width="50%" valign="top"> | ||
| <![endif]--> | ||
|
|
||
| {*PRODUCT*} | ||
|
|
||
|
|
||
| <!--[if (gte mso 9)|(IE)]> | ||
| </td></tr></table> | ||
| <![endif]--> | ||
| </td> | ||
| </tr> | ||
| <tr> | ||
| <td class="pc-products-row-s1" style="vertical-align: top; font-size: 0; text-align: center;" valign="top" align="center"> | ||
| <!--[if (gte mso 9)|(IE)]> | ||
| <table width="100%" border="0" cellspacing="0" cellpadding="0"> | ||
| <tr> | ||
| <td width="50%" valign="top"> | ||
| <![endif]--> | ||
|
|
||
|
|
||
| {*PRODUCT*} | ||
|
|
||
|
|
||
|
|
||
| <!--[if (gte mso 9)|(IE)]> | ||
| </td> | ||
| <td width="50%" valign="top"> | ||
| <![endif]--> | ||
|
|
||
|
|
||
| {*PRODUCT*} | ||
|
|
||
|
|
||
|
|
||
| <!--[if (gte mso 9)|(IE)]> | ||
| </td></tr></table> | ||
| <![endif]--> | ||
| </td> | ||
| </tr> | ||
| </tbody> | ||
| </table> | ||
| ); | ||
|
|
||
| export default ProductList; |
7 changes: 7 additions & 0 deletions
7
ecommerce/src/Interior/src/Layouts/ProductListSection/ProductListSection.jsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,7 @@ | ||
| import React from 'react'; | ||
|
|
||
| const ProductListSection = ({}) => ( | ||
| <> </> | ||
| ); | ||
|
|
||
| export default ProductListSection; |
12 changes: 12 additions & 0 deletions
12
ecommerce/src/Interior/src/Layouts/SocialMedia/ImageLinkWrapper.jsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,12 @@ | ||
| import React from 'react'; | ||
|
|
||
| import { ImageLink } from ''; | ||
|
|
||
| const ImageLinkWrapper = ({image, link}) => { | ||
| <> | ||
| <ImageLink /> | ||
| <span> </span> | ||
| </> | ||
| } | ||
|
|
||
| export default ImageLinkWrapper; |
38 changes: 38 additions & 0 deletions
38
ecommerce/src/Interior/src/Layouts/SocialMedia/SocialMediaLayout.jsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,38 @@ | ||
| import React from 'react'; | ||
|
|
||
| // import { Table } from '' | ||
|
|
||
| const SocialMediaPanel = ({}) => ( | ||
|
|
||
| <table border="0" cellpadding="0" cellspacing="0" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%"> | ||
| <tbody> | ||
| <tr> | ||
| <td style="vertical-align: top; line-height: 1.3; font-family: 'Fira Sans', Helvetica, Arial, sans-serif; font-size: 19px;" valign="top"> | ||
|
|
||
| <a href="http://example.com" style="text-decoration: none;"> | ||
|
|
||
| <img src="images/facebook-gray.png" width="20" height="20" alt="" style="border: 0; line-height: 100%; outline: 0; -ms-interpolation-mode: bicubic; font-size: 14px; color: #151515;"> | ||
| </a> <span> </span> | ||
|
|
||
| <a href="http://example.com" style="text-decoration: none;"> | ||
|
|
||
| <img src="images/twitter-gray.png" width="21" height="18" alt="" style="border: 0; line-height: 100%; outline: 0; -ms-interpolation-mode: bicubic; font-size: 14px; color: #151515;"> | ||
| </a> <span> </span> | ||
|
|
||
| <a href="http://example.com" style="text-decoration: none;"> | ||
|
|
||
| <img src="images/instagram-gray.png" width="21" height="20" alt="" style="border: 0; line-height: 100%; outline: 0; -ms-interpolation-mode: bicubic; font-size: 14px; color: #151515;"> | ||
| </a> <span> </span> | ||
|
|
||
| <a href="http://example.com" style="text-decoration: none;"> | ||
|
|
||
| <img src="images/pinterest-gray.png" width="20" height="20" alt="" style="border: 0; line-height: 100%; outline: 0; -ms-interpolation-mode: bicubic; font-size: 14px; color: #151515;"> | ||
| </a> | ||
|
|
||
| </td> | ||
| </tr> | ||
| </tbody> | ||
| </table> | ||
| ); | ||
|
|
||
| export default SocialMediaPanel; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,27 @@ | ||
| import React from 'react'; | ||
|
|
||
| const TopMenu = ({}) => ( | ||
| <> | ||
| <tr> | ||
| <td style="vertical-align: top; height: 1px; font-size: 1px; line-height: 1px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;" valign="top" bgcolor="#DEDEDE"> </td> | ||
| </tr> | ||
|
|
||
| <tr> | ||
| <td class="pc-menu-nav-s1 pc-fb-font" | ||
| style="vertical-align: top; padding: 18px 40px; text-align: center; line-height: 1.4; font-family: 'Fira Sans', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500;" valign="top" align="center"> | ||
|
|
||
| <a href="http://example.com" style="text-decoration: none; font-size: 14px; color: #1B1B1B;">MEN</a> | ||
| <span class="pc-menu-nav-divider" style="padding: 0 23px;"> </span> | ||
| <a href="http://example.com" style="text-decoration: none; font-size: 14px; color: #1B1B1B;">WOMEN</a> | ||
| <span class="pc-menu-nav-divider" style="padding: 0 23px;"> </span> | ||
| <a href="http://example.com" style="text-decoration: none; font-size: 14px; color: #1B1B1B;">KIDS</a> | ||
| <span class="pc-menu-nav-divider" style="padding: 0 23px;"> </span> | ||
| <a href="http://example.com" style="text-decoration: none; font-size: 14px; color: #1B1B1B;">SALE</a> | ||
|
|
||
| </td> | ||
| </tr> | ||
| </> | ||
| ); | ||
|
|
||
| export default TopMenu; | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| ; |
Oops, something went wrong.