-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
56 lines (51 loc) · 2.69 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Zach's Portfolio</title>
<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/animate.min.css">
</head>
<body>
<div class="container-fluid">
<div class="landing">
<h1 class="animated slideInDown">ZACHARY GIAN</h1>
<h2>Full time student @ Le Wagon Tokyo</h2>
<a href="#first" class="button">View Profile</a>
<a href="#contact" class="button">Contact Me</a>
</div>
<div id="first" class="card">
<img id="profile" src="images/profile.jpg" alt="profile_picture">
<h2>Quick Facts</h2>
<h3>23 years old</h3>
<h3>Born and raised in Paris, France</h3>
<h3>Now living in Tokyo, Japan</h3>
</div>
<div class="card">
<h2>About Me</h2>
<p>After graduating with an Information Systems and Business MSc, I realized that I lacked real development and coding skills that would enable me to make my startup ideas become reality. I knew how to create a business model, how to use marketing tools, how to manage a team effectively and knew how to use multiple digital tools. However, I wasn't able to create my own website, or my own web or mobile application. This was frustrating to me, as I had a lot of ideas, but no way of turning them into businesses. This is why I decided to embark on a journey to learn web development, to learn how to code, using online resources such as FreeCodeCamp, Codecademy, Udemy, and more. Welcome to my portfolio, where you'll be able to see the languages I learned, the projects I created and more importantly, where you can contact me for any of your business inquiries!</p>
</div>
<div class="card" id="knowledge">
<h2>What I know</h2>
<ul>
<li>Ruby</li>
<li>HTML <i class="fab fa-html5"></i></li>
<li>CSS <i class="fab fa-css3-alt"></i></li>
<li>JavaScript <i class="fab fa-js"></i></li>
<li>ActiveRecord</li>
<li>SQL</li>
</ul>
</div>
<div id="contact" class="contact">
<h2>Contact Me!</h2>
<ul>
<li><i class="far fa-envelope"></i><a href="mailto:[email protected]"> Gmail</a></li>
<li><i class="fab fa-linkedin-in"></i><a href="linkedin.com/in/zacharygian/"> LinkedIn</a></li>
<li><i class="fab fa-github"></i><a href="github.com"> GitHub</a></li>
</ul>
</div>
</div>
</body>
</html>