-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #1 from jasonltr/jason/newtemaplate
added new files for template
- Loading branch information
Showing
6 changed files
with
608 additions
and
301 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,197 @@ | ||
| <link href="style.css" rel="stylesheet"> | ||
| <div class="wrapper"> | ||
| <div class="intro"> | ||
| <div class="profile"> | ||
| <div class="photo"> | ||
| <img src="https://www.svgrepo.com/show/83069/boy.svg"> | ||
| </div> | ||
| <div class="bio"> | ||
| <h1 class="name">Jason Lim</h1> | ||
| <p class="profession">DevOps Engineer</p> | ||
| </div> | ||
| </div> | ||
| <div class="intro-section about"> | ||
| <h1 class="title">about me</h1> | ||
| <p class="paragraph"> | ||
| Hi everyone, I am a aspiring DevOps/Cloud Engineer. I am curious and eager to learn about all things related to DevOps, Cloud and Automation | ||
| </p> | ||
| </div> | ||
| <div class="intro-section contact"> | ||
| <h1 class="title">Contact</h1> | ||
| <div class="info-section"> | ||
| <i class="fas fa-paper-plane"></i> | ||
| <span>[email protected]</span> | ||
| </div> | ||
| </div> | ||
| <div class="intro-section follow"> | ||
| <h1 class="title">Follow</h1> | ||
| <div class="info-section link"> | ||
| <i class="fab fa-github"></i> | ||
| <a target="_blank" rel="author" href="https://github.com/chih-hsi-chen"> | ||
| <span>Github</span> | ||
| </a> | ||
| </div> | ||
| <div class="info-section link"> | ||
| <i class="fa-brands fa-linkedin"></i> | ||
| <a target="_blank" rel="author" href="https://linkedin.com/in/ltr12345"> | ||
| <span>LinkedIn</span> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="detail"> | ||
| <div class="detail-section edu"> | ||
| <div class="detail-title"> | ||
| <div class="title-icon"> | ||
| <i class="fas fa-user-graduate"></i> | ||
| </div> | ||
| <span>Eduation</span> | ||
| </div> | ||
| <div class="detail-content"> | ||
| <div class="timeline-block"> | ||
| <h1>Masters in Supply Chain Management</h1> | ||
| <p>Nanyang Technological University, Singapore</p> | ||
| <time>2017 - 2018</time> | ||
| </div> | ||
| <div class="timeline-block"> | ||
| <h1>Bachelors in Aerospace Engineering</h1> | ||
| <p>Nanyang Technological University, Singapore</p> | ||
| <time>2014 - 2017</time> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="detail-section pg-skill"> | ||
| <div class="detail-title"> | ||
| <div class="title-icon"> | ||
| <i class="fas fa-laptop-code"></i> | ||
| </div> | ||
| <span>Programming/Cloud techstack</span> | ||
| </div> | ||
| <div class="detail-content"> | ||
| <ul class="pg-list"> | ||
| <li> | ||
| <span>Bash</span> | ||
| <div class="sb-skeleton"> | ||
| <div class="skillbar" style="--pgbar-length: 90%"></div> | ||
| </div> | ||
| </li> | ||
| <li> | ||
| <span>Python</span> | ||
| <div class="sb-skeleton"> | ||
| <div class="skillbar" style="--pgbar-length: 75%"></div> | ||
| </div> | ||
| </li> | ||
| <li> | ||
| <span>Terraform</span> | ||
| <div class="sb-skeleton"> | ||
| <div class="skillbar" style="--pgbar-length: 70%"></div> | ||
| </div> | ||
| </li> | ||
| <li> | ||
| <span>Kubectl</span> | ||
| <div class="sb-skeleton"> | ||
| <div class="skillbar" style="--pgbar-length: 50%"></div> | ||
| </div> | ||
| </li> | ||
| <li> | ||
| <span>AWS</span> | ||
| <div class="sb-skeleton"> | ||
| <div class="skillbar" style="--pgbar-length: 70%"></div> | ||
| </div> | ||
| </li> | ||
| <li> | ||
| <span>Docker</span> | ||
| <div class="sb-skeleton"> | ||
| <div class="skillbar" style="--pgbar-length: 75%"></div> | ||
| </div> | ||
| </li> | ||
| <li> | ||
| <span>CI/CD</span> | ||
| <div class="sb-skeleton"> | ||
| <div class="skillbar" style="--pgbar-length: 40%"></div> | ||
| </div> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| <div class="detail-section tool-skill"> | ||
| <div class="detail-title"> | ||
| <div class="title-icon"> | ||
| <i class="fas fa-tools"></i> | ||
| </div> | ||
| <span>Developement Tools</span> | ||
| </div> | ||
| <div class="detail-content"> | ||
| <ul class="tool-list"> | ||
| <li> | ||
| <svg viewbox="0 0 100 100"> | ||
| <circle cx="50" cy="50" r="45"></circle> | ||
| <circle class="cbar" cx="50" cy="50" r="45" style="--percent: 0.6"></circle> | ||
| </svg> | ||
| <span class="tl-name">Git</span> | ||
| <span class="tl-exp">60%</span> | ||
| </li> | ||
| <li> | ||
| <svg viewbox="0 0 100 100"> | ||
| <circle cx="50" cy="50" r="45"></circle> | ||
| <circle class="cbar" cx="50" cy="50" r="45" style="--percent: 0.8"></circle> | ||
| </svg> | ||
| <span class="tl-name">Cli</span> | ||
| <span class="tl-exp">80%</span> | ||
| </li> | ||
| <li> | ||
| <svg viewbox="0 0 100 100"> | ||
| <circle cx="50" cy="50" r="45"></circle> | ||
| <circle class="cbar" cx="50" cy="50" r="45" style="--percent: 0.7"></circle> | ||
| </svg> | ||
| <span class="tl-name">Ansible</span> | ||
| <span class="tl-exp">70%</span> | ||
| </li> | ||
| <li> | ||
| <svg viewbox="0 0 100 100"> | ||
| <circle cx="50" cy="50" r="45"></circle> | ||
| <circle class="cbar" cx="50" cy="50" r="45" style="--percent: 0.74"></circle> | ||
| </svg> | ||
| <span class="tl-name">Linux</span> | ||
| <span class="tl-exp">74%</span> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
|
|
||
| </div> | ||
| <div class="detail-section interests"> | ||
| <div class="detail-title"> | ||
| <div class="title-icon"> | ||
| <i class="fas fa-heart"></i> | ||
| </div> | ||
| <span>Interests</span> | ||
| </div> | ||
| <div class="detail-content"> | ||
| <div class="outer-frame"> | ||
| <ul class="favor-list"> | ||
| <li> | ||
| <i class="fas fa-gamepad"></i> | ||
| <span>Game</span> | ||
| </li> | ||
| <li> | ||
| <i class="fas fa-paw"></i> | ||
| <span>Pet</span> | ||
| </li> | ||
| <li> | ||
| <i class="far fa-headphones-alt"></i> | ||
| <span>Music</span> | ||
| </li> | ||
| <li> | ||
| <i class="fas fa-book-spells"></i> | ||
| <span>Self-learning</span> | ||
| </li> | ||
| <li> | ||
| <i class="fas fa-user-edit"></i> | ||
| <span>Blog</span> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> |
Empty file.
This file was deleted.
Oops, something went wrong.
Oops, something went wrong.