-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
80 lines (61 loc) · 3.74 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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<!-- Favicon -->
<link rel="icon" href="favicon.ico">
<!-- CSS Sheet -->
<link rel="stylesheet" href="css/styles.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Indie+Flower|Quicksand:400,700" rel="stylesheet">
<title>Danny Jang</title>
</head>
<body>
<div class="top-container">
<div class="vertical-center">
<h1 class="title textcolor">Hello, I'm Danny.</h1>
</div>
</div>
<div class="mid-container">
<div class="mid-intro">
<img class="developer-img" src="images/undraw_developer_activity_bv83.svg" alt="developer">
<h2 class="textcolor">I'm a web developer.</h2>
<p class="centered-paragraph textcolor">Currently I'm focusing on mastering Web Development, but I aspire to expand my area of expertise into fields such as Mobile Apps and General Software.</p>
</div>
<hr>
<h1 class="textcolor">About Me</h1>
<div class="aboutme-container">
<img class="left-img" src="images/mortarboard.svg" alt="McGill logo">
<h2 class="aboutme-subtitle textcolor">Education</h2>
<p class="uncentered-paragraph textcolor">I graduated with a Bachelor's Degree in Computer Science, from McGill University. I have also taken courses on graphic design using Adobe Photoshop and Illustrator at SBS Academy of Computer Arts.</p>
</div>
<div class="aboutme-container">
<img class="right-img" src="images/earth-globe.svg" alt="Languages Image">
<h2 class="aboutme-subtitle textcolor">Languages</h2>
<p class="uncentered-paragraph textcolor">I enjoy learning languages. I speak English, Korean and Japanese (although I'm still working on mastering Japanese!). In the future I also plan to learn French, German and Mandarin.</p>
</div>
<hr>
<div class="mid-intro">
<h1 class="textcolor">Skills</h1>
<p class="centered-paragraph textcolor">In addition to the skills listed below, I also have experience working with multiple programming languages such as Java, C, C++ and Python.</p>
<img class="skill-icon" src="images/photoshop.svg" alt="Photoshop Icon">
<img class="skill-icon" src="images/illustrator.svg" alt="Illustrator Icon">
<img class="skill-icon" src="images/html.svg" alt="HTML Icon">
<img class="skill-icon" src="images/css.svg" alt="CSS Icon">
<img class="skill-icon" src="images/javascript.svg" alt="JavaScript Icon">
<img class="skill-icon" src="images/bootstrap-solid.svg" alt="Bootstrap Icon">
<img class="skill-icon" src="images/jquery.svg" alt="jQuery Icon">
</div>
</div>
<div class="bot-container">
<a class="footer-link" target="" href="#"><i class="fab fa-linkedin fa-2x"></i></a>
<a class="footer-link" target="_blank" href="https://github.com/aaajhs"><i class="fab fa-github-square fa-2x"></i></a>
<a class="footer-link" href="mailto:[email protected]"><i class="fas fa-envelope fa-2x"></i></a>
<p>© 2019 Danny Jang</p>
<div class="credits">Icons made by <a href="https://www.flaticon.com/authors/smashicons" title="Smashicons">Smashicons</a>, <a href="https://www.flaticon.com/authors/zlatko-najdenovski" title="Zlatko Najdenovski">Zlatko Najdenovski</a> and <a href="https://www.freepik.com/" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/"
title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div>
</div>
</body>
</html>