-
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.
- Loading branch information
1 parent
f559287
commit b47095b
Showing
2 changed files
with
156 additions
and
0 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
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,156 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Nicholas Wong</title> | ||
| <!-- CSS: Inside head tag --> | ||
| <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" | ||
| integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous"> | ||
| <!-- Devicon: Programming languages icons --> | ||
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/devicon@v2.15.1/devicon.min.css"> | ||
| </head> | ||
|
|
||
| <body> | ||
| <nav class="navbar navbar-dark navbar-expand-lg bg-dark "> | ||
| <div class="container-fluid"> | ||
| <div class="mx-4"> | ||
| <a class="navbar-brand" href="#">Nicholas Wong</a> | ||
| </div> | ||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" | ||
| data-bs-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" | ||
| aria-label="Toggle navigation"> | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
| <div class="collapse navbar-collapse" id="navbarTogglerDemo02"> | ||
| <ul class="navbar-nav me-auto mb-2 mb-lg-0"> | ||
| <li class="nav-item"> | ||
| <a class="nav-link-active" href="#">About</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link-active" href="#">Resume</a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
|
|
||
| <div class="container my-4 "> | ||
| <div class="row justify-content-center"> | ||
| <div class="col-lg mb-lg-4"> | ||
| <img src="Japan House Picture 4.jpg" class="img-fluid" alt="" srcset=""> | ||
| </div> | ||
| <div class="col-lg mx-2 align-self-center"> | ||
| <div class="my-3"> | ||
| <h1 class="text-center">I'm Nicholas Wong</h1> | ||
| <p>As a passionate Software Developer & Statistician, I'm deeply enthusiastic about creating & | ||
| developing software applications. I'm constantly learning & experimenting with new | ||
| technologies & approaches, & I have a strong desire to create innovative & effective | ||
| solutions to complex problems. I'm driven by curiosity & passion for problem-solving, & | ||
| I'm committed to producing high-quality, well-designed software which meets the needs of | ||
| users. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="my-4"> | ||
| <div class="text-center mb-4"> | ||
| <h1>My Skills</h1> | ||
| </div> | ||
| <div class="row "> | ||
| <style> | ||
| i { | ||
| font-size: 4em; | ||
| } | ||
| </style> | ||
| <!-- Skills --> | ||
| <div class="col"> | ||
| <div class="text-center"> | ||
| <h4>Bash</h4> | ||
| <i class="devicon-bash-plain colored"></i> | ||
| </div> | ||
| </div> | ||
| <div class="col"> | ||
| <div class="text-center"> | ||
| <h4>C++</h4> | ||
| <i class="devicon-cplusplus-plain colored"></i> | ||
| </div> | ||
| </div> | ||
| <div class="col"> | ||
| <div class="text-center"> | ||
| <h4>Docker</h4> | ||
| <i class="devicon-docker-plain colored"></i> | ||
| </div> | ||
| </div> | ||
| <div class="col"> | ||
| <div class="text-center"> | ||
| <h4>GitHub</h4> | ||
| <i class="devicon-github-original colored"></i> | ||
| </div> | ||
| </div> | ||
| <div class="col"> | ||
| <div class="text-center"> | ||
| <h4>Google</h4> | ||
| <i class="devicon-google-plain colored"></i> | ||
| </div> | ||
| </div> | ||
| <div class="col"> | ||
| <div class="text-center"> | ||
| <h4>Java</h4> | ||
| <i class="devicon-java-plain colored"></i> | ||
| </div> | ||
| </div> | ||
| <div class="col"> | ||
| <div class="text-center"> | ||
| <h4>Jupyter</h4> | ||
| <i class="devicon-jupyter-plain colored"></i> | ||
| </div> | ||
| </div> | ||
| <div class="col"> | ||
| <div class="text-center"> | ||
| <h4>Powershell</h4> | ||
| <i class="devicon-powershell-plain colored"></i> | ||
| </div> | ||
| </div> | ||
| <div class="col"> | ||
| <div class="text-center"> | ||
| <h4>Python</h4> | ||
| <i class="devicon-python-plain colored"></i> | ||
| </div> | ||
| </div> | ||
| <div class="col"> | ||
| <div class="text-center"> | ||
| <h4>R</h4> | ||
| <i class="devicon-r-plain colored"></i> | ||
| </div> | ||
| </div> | ||
| <div class="col"> | ||
| <div class="text-center"> | ||
| <h4>RStudio</h4> | ||
| <i class="devicon-rstudio-plain colored"></i> | ||
| </div> | ||
| </div> | ||
| <div class="col"> | ||
| <div class="text-center"> | ||
| <h4>Rust</h4> | ||
| <i class="devicon-rust-original colored"></i> | ||
| </div> | ||
| </div> | ||
| <div class="col"> | ||
| <div class="text-center"> | ||
| <h4>Visual Studio Code</h4> | ||
| <i class="devicon-vscode-plain colored"></i> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- JavaScript: Above <body> --> | ||
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" | ||
| integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" | ||
| crossorigin="anonymous"></script> | ||
| </body> | ||
|
|
||
| </html> |