/email-template-ojt

Primary LanguageHTML

Email template OJT Task 1

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: Template

For the images/icons to be displayed/inserted , use the URLs below for referencing it on <img /> tags

  1. PELCO 1 Logo - https://online.pelco1.org.ph/icons/logo.png
  2. Globe/website - https://online.pelco1.org.ph/icons/globe.png
  3. Facebook logo - https://online.pelco1.org.ph/icons/facebook.png
  4. Email heaader image - https://online.pelco1.org.ph/icons/mail-illustration.png

A few hints for this task:

  1. The Facebook and website logo on the footer should be a link and will open the Official FB page/ website of PELCO 1

Get started

  1. Install Git / create github account
  2. Config git and github: Your first time with git and github
  3. Fork the repo
  4. Clone the forked repo git clone git@github.com:jgudo/email-template-ojt.git
  5. Create a new branch git checkout -b <nameofyourbranch>
  6. Open the index.html file to see the starter template
  7. Start coding

How to commit changes

Using your terminal/git bash

  1. git add .
  2. git commit -m "Your commit message"
  3. git push origin <yourbranchname>
  4. Create pull request

Notable tutorials: Git: https://www.w3schools.com/git/git_intro.asp?remote=github