-
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
Showing
3 changed files
with
165 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.
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,165 @@ | ||
| <!DOCTYPE HTML> | ||
| <!-- | ||
| Prologue by HTML5 UP | ||
| html5up.net | @ajlkn | ||
| Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) | ||
| --> | ||
| <html> | ||
| <head> | ||
| <title>Zhi Chen</title> | ||
| <meta charset="utf-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> | ||
| <link rel="stylesheet" href="assets/css/main.css" /> | ||
| <script src="https://kit.fontawesome.com/5f39b1def4.js" crossorigin="anonymous"></script> | ||
| <style type="text/css"> | ||
| <!-- | ||
| .tab { text-indent: 40px; } | ||
| --> | ||
| </style> | ||
| </head> | ||
| <body class="is-preload"> | ||
|
|
||
| <!-- Header --> | ||
| <div id="header"> | ||
|
|
||
| <div class="top"> | ||
|
|
||
| <!-- Logo --> | ||
| <div id="logo"> | ||
| <span class="image avatar48"><img src="images/avatar.jpg" alt="" /></span> | ||
| <h1 id="title">Zhi Chen</h1> | ||
| <p>Astrophysics Graduate Student</p> | ||
| </div> | ||
|
|
||
| <!-- Nav --> | ||
| <nav id="nav"> | ||
| <ul> | ||
| <li><a href="#top" id="top-link"><span class="icon solid fa-home">Intro</span></a></li> | ||
| <li><a href="#about" id="about-link"><span class="icon solid fa-user">About Me</span></a></li> | ||
| <li><a href="#portfolio" id="portfolio-link"><span class="icon solid fa-th">Portfolio</span></a></li> | ||
| <li><a href="#contact" id="contact-link"><span class="icon solid fa-envelope">Contact</span></a></li> | ||
| </ul> | ||
| </nav> | ||
|
|
||
| </div> | ||
|
|
||
| <div class="bottom"> | ||
|
|
||
| <!-- Social Icons --> | ||
| <!-- FONT-AWESOME for icons --> | ||
| <ul class="icons"> | ||
| <li><a href="https://twitter.com/Zhi/Chenn3" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li> | ||
| <!-- <li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li> --> | ||
| <li><a href="https://github.com/zhichen3" class="icon brands fa-github"><span class="label">Github</span></a></li> | ||
| <!-- <li><a href="#" class="icon brands fa-dribbble"><span class="label">Dribbble</span></a></li> --> | ||
| <li><a href="mailto:[email protected]" class="icon solid fa-envelope"><span class="label">Email</span></a></li> | ||
| <li><a href="https://space.bilibili.com/9584644" class="fa-brands fa-bilibili"><span class="label"></span></a></li> | ||
|
|
||
| </ul> | ||
|
|
||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| <!-- Main --> | ||
| <div id="main"> | ||
|
|
||
| <!-- Intro --> | ||
| <section id="top" class="one dark cover"> | ||
| <div class="container"> | ||
|
|
||
| <header> | ||
|
|
||
| <h2 class="alt">Hi! I'm someone who enjoys <br \> | ||
| the view of scientific computing! </h2> | ||
| <p> I'm interested in computational astrophysics, more specifically, <br \> | ||
| hydrodynamical simulation of explosive astrophysical events like X-ray burst. </p> | ||
|
|
||
| </header> | ||
|
|
||
| <footer> | ||
| <a href="#portfolio" class="button scrolly">More Info</a> | ||
| </footer> | ||
|
|
||
| </div> | ||
| </section> | ||
|
|
||
| <!-- Portfolio --> | ||
| <section id="portfolio" class="three"> | ||
| <div class="container"> | ||
|
|
||
| <header> | ||
| <h2>Portfolio</h2> | ||
| </header> | ||
|
|
||
| <p> See my curriculum vitae and a list of my past and current projects below...</p> | ||
|
|
||
| <div class="row"> | ||
| <div class="col-4 col-12-mobile"> | ||
| <article class="item"> | ||
| <a href="#" class="image fit"><img src="images/pic02.jpg" alt="" /></a> | ||
| <header> | ||
| <h3>Ipsum Feugiat</h3> | ||
| </header> | ||
| </article> | ||
| <article class="item"> | ||
| <a href="#" class="image fit"><img src="images/pic03.jpg" alt="" /></a> | ||
| <header> | ||
| <h3>Rhoncus Semper</h3> | ||
| </header> | ||
| </article> | ||
| </div> | ||
| <div class="col-4 col-12-mobile"> | ||
| <article class="item"> | ||
| <a href="#" class="image fit"><img src="images/pic04.jpg" alt="" /></a> | ||
| <header> | ||
| <h3>Magna Nullam</h3> | ||
| </header> | ||
| </article> | ||
| <article class="item"> | ||
| <a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a> | ||
| <header> | ||
| <h3>Curriculum Vitae</h3> | ||
| </header> | ||
| </article> | ||
| </div> | ||
| <div class="col-4 col-12-mobile"> | ||
| <article class="item"> | ||
| <a href="#" class="image fit"><img src="images/pic06.jpg" alt="" /></a> | ||
| <header> | ||
| <h3>Dolor Penatibus</h3> | ||
| </header> | ||
| </article> | ||
| <article class="item"> | ||
| <a href="#" class="image fit"><img src="images/pic07.jpg" alt="" /></a> | ||
| <header> | ||
| <h3>Orci Convallis</h3> | ||
| </header> | ||
| </article> | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
| </section> | ||
|
|
||
| <!-- Footer --> | ||
| <div id="footer"> | ||
|
|
||
| <!-- Copyright --> | ||
| <ul class="copyright"> | ||
| <li>© All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li> | ||
| </ul> | ||
|
|
||
| </div> | ||
|
|
||
| <!-- Scripts --> | ||
| <script src="assets/js/jquery.min.js"></script> | ||
| <script src="assets/js/jquery.scrolly.min.js"></script> | ||
| <script src="assets/js/jquery.scrollex.min.js"></script> | ||
| <script src="assets/js/browser.min.js"></script> | ||
| <script src="assets/js/breakpoints.min.js"></script> | ||
| <script src="assets/js/util.js"></script> | ||
| <script src="assets/js/main.js"></script> | ||
|
|
||
| </body> | ||
| </html> |