Built 2 figma design in HTML for newsletter
Budget: $39 – $40 AUD
Hi Developers,
I have 2 HTML files that needs changing as per the figma design. The content is already available in figma and the HTML code is also available.
The reference file is already mobile optimised so when you add content make sure it does not affect the mobile rendering at the end result.
The link for the figma design is below:
https://www.figma.com/file/dbfvj68E9de47zLZOPlWGZ/Email-Designs?node-id=3182%3A7375
Once I awarded you the project, I will give access to figma design.
Email # 1 (Left):
Email # 1 images are below:
brain - https://braze-images.com/appboy/communication/assets/image_assets/images/630db84fb79eea66d55b8f15/original.jpg?1661843535
yellow curve - https://braze-images.com/appboy/communication/assets/image_assets/images/630c16585e6e70039ab02838/original.jpg?1661736536
top (beige) curve - https://braze-images.com/appboy/communication/assets/image_assets/images/630c16585e6e700374b02c45/original.jpg?1661736536
bottom (beige) curve - https://braze-images.com/appboy/communication/assets/image_assets/images/630c1658812ffc2868fee307/original.jpg?1661736536
The reference HTML that needs to be modified is attached.
Dont worry about the footer, it will come from the content block already embedded in the HTML file.
Email # 2 (Right):
Email # 2 images are below:
yellow curve - https://braze-images.com/appboy/communication/assets/image_assets/images/630c16585e6e70039ab02838/original.jpg?1661736536
top (beige) curve - https://braze-images.com/appboy/communication/assets/image_assets/images/630c16585e6e700374b02c45/original.jpg?1661736536
bottom (beige) curve - https://braze-images.com/appboy/communication/assets/image_assets/images/630c1658812ffc2868fee307/original.jpg?1661736536
1- https://braze-images.com/appboy/communication/assets/image_assets/images/630db84e2f1fbf2a34fac1e3/original.jpg?1661843534
2- https://braze-images.com/appboy/communication/assets/image_assets/images/630db84e812ffc53aefee00e/original.jpg?1661843534
3- https://braze-images.com/appboy/communication/assets/image_assets/images/630db84eb79eea66d55b8f14/original.jpg?1661843534
4- https://braze-images.com/appboy/communication/assets/image_assets/images/630db84e3758fc6b47fb2e00/original.jpg?1661843534
5- https://braze-images.com/appboy/communication/assets/image_assets/images/630db84ed9a5bd6d1c2a1fdf/original.jpg?1661843534
6- https://braze-images.com/appboy/communication/assets/image_assets/images/630db84e2f1fbf2a34fac1e2/original.jpg?1661843534
The reference HTML that needs to be modified is attached.
Dont worry about the footer, it will come from the content block already embedded in the HTML file.
I have 2 HTML files that needs changing as per the figma design. The content is already available in figma and the HTML code is also available.
The reference file is already mobile optimised so when you add content make sure it does not affect the mobile rendering at the end result.
The link for the figma design is below:
https://www.figma.com/file/dbfvj68E9de47zLZOPlWGZ/Email-Designs?node-id=3182%3A7375
Once I awarded you the project, I will give access to figma design.
Email # 1 (Left):
Email # 1 images are below:
brain - https://braze-images.com/appboy/communication/assets/image_assets/images/630db84fb79eea66d55b8f15/original.jpg?1661843535
yellow curve - https://braze-images.com/appboy/communication/assets/image_assets/images/630c16585e6e70039ab02838/original.jpg?1661736536
top (beige) curve - https://braze-images.com/appboy/communication/assets/image_assets/images/630c16585e6e700374b02c45/original.jpg?1661736536
bottom (beige) curve - https://braze-images.com/appboy/communication/assets/image_assets/images/630c1658812ffc2868fee307/original.jpg?1661736536
The reference HTML that needs to be modified is attached.
Dont worry about the footer, it will come from the content block already embedded in the HTML file.
Email # 2 (Right):
Email # 2 images are below:
yellow curve - https://braze-images.com/appboy/communication/assets/image_assets/images/630c16585e6e70039ab02838/original.jpg?1661736536
top (beige) curve - https://braze-images.com/appboy/communication/assets/image_assets/images/630c16585e6e700374b02c45/original.jpg?1661736536
bottom (beige) curve - https://braze-images.com/appboy/communication/assets/image_assets/images/630c1658812ffc2868fee307/original.jpg?1661736536
1- https://braze-images.com/appboy/communication/assets/image_assets/images/630db84e2f1fbf2a34fac1e3/original.jpg?1661843534
2- https://braze-images.com/appboy/communication/assets/image_assets/images/630db84e812ffc53aefee00e/original.jpg?1661843534
3- https://braze-images.com/appboy/communication/assets/image_assets/images/630db84eb79eea66d55b8f14/original.jpg?1661843534
4- https://braze-images.com/appboy/communication/assets/image_assets/images/630db84e3758fc6b47fb2e00/original.jpg?1661843534
5- https://braze-images.com/appboy/communication/assets/image_assets/images/630db84ed9a5bd6d1c2a1fdf/original.jpg?1661843534
6- https://braze-images.com/appboy/communication/assets/image_assets/images/630db84e2f1fbf2a34fac1e2/original.jpg?1661843534
The reference HTML that needs to be modified is attached.
Dont worry about the footer, it will come from the content block already embedded in the HTML file.