https://github.com/jgudo/email-template-ojt
https://github.com/jgudo/email-template-ojt
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/jgudo/email-template-ojt
- Owner: jgudo
- Created: 2023-02-27T03:40:08.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-28T03:44:40.000Z (about 2 years ago)
- Last Synced: 2025-01-15T01:49:20.619Z (4 months ago)
- Language: HTML
- Size: 348 KB
- Stars: 0
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://www.emailonacid.com/blog/article/email-development/12_things_you_must_know_when_developing_for_gmail_and_gmail_mobile_apps-2/)
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 ```![]()
``` 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
3. 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](https://kbroman.org/github_tutorial/pages/first_time.html)
3. Fork the repo
4. Clone the forked repo ```git clone [email protected]:jgudo/email-template-ojt.git```
5. Create a new branch ```git checkout -b ```
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 ```
4. Create pull request
Notable tutorials:
Git: https://www.w3schools.com/git/git_intro.asp?remote=github