The task is to clone/transform the image template into an html/css email template. The code should be (if possible) compatible/supports the email client which the html will be rendered (as most email provider doesn't support a few modern html/css tags/style). See this guide for example: Developing HTML Emails for Gmail: 14 Tips for Coding
See/download the image included in this repo to be cloned or see it below:
For the images/icons to be displayed/inserted , use the URLs below for referencing it on <img />
tags
- PELCO 1 Logo - https://online.pelco1.org.ph/icons/logo.png
- Globe/website - https://online.pelco1.org.ph/icons/globe.png
- Facebook logo - https://online.pelco1.org.ph/icons/facebook.png
- Email heaader image - https://online.pelco1.org.ph/icons/mail-illustration.png
A few hints for this task:
- The Facebook and website logo on the footer should be a link and will open the Official FB page/ website of PELCO 1
- Install Git / create github account
- Config git and github: Your first time with git and github
- Fork the repo
- Clone the forked repo
git clone git@github.com:jgudo/email-template-ojt.git
- Create a new branch
git checkout -b <nameofyourbranch>
- Open the
index.html
file to see the starter template - Start coding
Using your terminal/git bash
git add .
git commit -m "Your commit message"
git push origin <yourbranchname>
- Create pull request
Notable tutorials: Git: https://www.w3schools.com/git/git_intro.asp?remote=github