-
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
Yuansheng Lu
authored
Sep 10, 2017
1 parent
4e1f0c3
commit d1359b1
Showing
1 changed file
with
97 additions
and
0 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,97 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| <title>Portfolio | Yuansheng Lu</title> | ||
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> | ||
| <link rel="stylesheet" href="css/bootstrap.min.css"> | ||
| <link rel="stylesheet" href="css/style.css"> | ||
| <script src="js/bootstrap.min.js"></script> | ||
| <script src="js/jquery-1.12.0.min.js"></script> | ||
| </head> | ||
|
|
||
| <body> | ||
|
|
||
| <!-- Header --> | ||
| <header class="container"> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <img src="images/profile_pic.jpg" class="img-responsive img-circle header-img" style="width:117px;height:117px;" alt="my picture"> | ||
| </div> | ||
| <div class="col-md-6 text-right text-uppercase"> | ||
| <h1>Yuansheng Lu</h1> | ||
| <h4>Web Developer</h4> | ||
| </div> | ||
| </div> | ||
| </header> | ||
|
|
||
| <!-- Main Contents --> | ||
| <main> | ||
|
|
||
| <!-- About Me --> | ||
| <section class="gray about-me"> | ||
| <div class="container"> | ||
| <h2 class="text-center about-me-title">About Me</h2> | ||
| <hr class="hr-style"> | ||
| <p class="about-me-article">Hi! My name is Yuansheng Lu and I'm a electrical engineer who found his true passion in programming. In my work as an engineer I've had to use a lot of clunky and counter-intuitive software. Curious as to why these programs worked the way they do, I started teaching myself how to code. Almost immediately, I knew this is what I wanted to do with my life! I love the combination of creative and logical problem-solving skills I get to use when writing code. And I love how there's always more to learn! Since I started coding, I've taken as many online courses as I can manage, completed Udacity's Front-End Web Developer Nanodegree, and built some awesome projects! Please have a look!</p> | ||
| <hr class="hr-style"> | ||
| <div class="text-center"> | ||
| <a href="#projects"><button class="about-me-button">View My Projects</button></a> | ||
| <a href=""><button class="about-me-button">View My Resume</button></a> | ||
| <a href="#contacts"><button class="about-me-button">Get In Touch!</button></a> | ||
| </div> | ||
| </div> | ||
|
|
||
| </section> | ||
|
|
||
| <!-- Project Gallery --> | ||
| <section class="container" id="projects"> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <h3 class="text-center">Neighborhood Map</h3> | ||
| <img src="http://placehold.it/555x300" class="img-responsive pro-img" alt="screenshot of project"> | ||
| </div> | ||
| <div class="col-md-6"> | ||
| <h3 class="text-center">Arcade Game</h3> | ||
| <img src="http://placehold.it/555x300" class="img-responsive pro-img" alt="screenshot of project"> | ||
| </div> | ||
| <div class="col-md-6"> | ||
| <h3 class="text-center">Personal Website</h3> | ||
| <img src="http://placehold.it/555x300" class="img-responsive pro-img" alt="screenshot of project"> | ||
| </div> | ||
| <div class="col-md-6"> | ||
| <h3 class="text-center">Website Optimization</h3> | ||
| <img src="http://placehold.it/555x300" class="img-responsive pro-img" alt="screenshot of project"> | ||
| </div> | ||
| <div class="col-md-6"> | ||
| <h3 class="text-center">Resume</h3> | ||
| <img src="http://placehold.it/555x300" class="img-responsive pro-img" alt="screenshot of project"> | ||
| </div> | ||
| <div class="col-md-6"> | ||
| <h3 class="text-center">Portfolio Site</h3> | ||
| <img src="http://placehold.it/555x300" class="img-responsive pro-img" alt="screenshot of project"> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| </main> | ||
|
|
||
| <!-- Footer --> | ||
| <footer class="gray" id="contacts"> | ||
| <div class="container"> | ||
| <h3 class="text-center">Contact Me</h3> | ||
| <hr class="hr-style"> | ||
| <div class="text-center"> | ||
| <a href="//github.com/bahalps" target="_blank"><i class="fa fa-github fa-3x"></i></a> | ||
| <a href="//linkedin.com/in/bahalperin" target="_blank"><i class="fa fa-linkedin-square fa-3x"></i></a> | ||
| <a href="mailto:[email protected]"><i class="fa fa-envelope fa-3x"></i></a> | ||
| </div> | ||
| </div> | ||
| </footer> | ||
|
|
||
| </body> | ||
|
|
||
| </html> | ||
|
|