-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
138 lines (134 loc) · 6.83 KB
/
about.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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Me</title>
<meta name="description" content="The Internet of Things">
<meta name="keywords" content="">
<!-- Favicon -->
<link rel="shortcut icon" href="favicon/favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon/favicon.ico" type="image/x-icon">
<!-- Links -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/about.css">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/mobile.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<!-- Modernizr is a libary for detecting HTML and CSS, it tells whether a browser supports the specific feature -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
</head>
<body onLoad="preLoad();">
<div class="preload"></div>
<header>
<div class="logo"><a href="index.html"><img src="images/logo.png" alt="Logo"></a></div>
<nav class="main-nav-wrapper">
<ul class="main-nav">
<li><a href="index.html">Home</a></li>
<li><a href="project.html">Project</a></li>
<li><a href="about.html">About Me</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<a href="#0" class="nav-trigger"><span></span></a>
</header>
<!-- HOME PAGE -->
<section id="about-me-home">
<!--About Me BG img taken from https://www.pexels.com/photo/couple-on-bench-6051/-->
<div class="about-me-home-wrapper about-me-home-bg">
<div class="about-me-home-container">
<h7>Hey, I'm Andrew</h7>
</div>
</div>
</section>
<section id="about-me-description">
<div class="about-me-description-wrapper">
<div class="about-me-description-container">
<h3>About Me</h3>
<div class="about-me-description-img"><img src="images/profile-pic.png" alt=""></div>
<p>After my completion of diploma in multimedia design in my home country Malaysia, I came to UK to study a degree in digital media. I’m a person who is observant and careful with details. I enjoy coding and learning new methods to bring out fresh experiences to people. I’m also enthusiastic about new media technology and gadgets that can make human life easier.. I am interested in web design & development, interaction design, mobile apps/games and UI/UX. </p>
</div>
</div>
</section>
<section id="about-me-interest">
<div class="about-me-interest-wrapper">
<div classs="about-me-interest-container">
<h3>Areas of Interest</h3>
<div class="interest-wrapper">
<div class="interest-col">
<div class="interest-icon interest-1"></div>
<p class="interest-sub">Design</p>
<p>I find design very interesting as there are so many areas I can explore and its my passion.</p>
</div>
<div class="interest-col">
<div class="interest-icon interest-2"></div>
<p class="interest-sub">Apps</p>
<p>Ever since the iphone came out, they have created many apps. I always dream of creating one.</p>
</div>
<div class="interest-col">
<div class="interest-icon interest-3"></div>
<p class="interest-sub">UI/UX</p>
<p>I love interactive designs, I would like to get a career in this field when I graduate.</p>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</section>
<!-- Social Part -->
<section id="social">
<div class="social-wrapper">
<div class="social-container">
<div class="left-contact-me">
<p class="social-text">Latest Tweets</p>
<div class="twitter-wrapper">
<a class="twitter-timeline" href="https://twitter.com/drew_leongFun" data-widget-id="667760426478870529">Tweets by @drew_leongFun</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
</div>
<div class="right-social-media">
<p class="social-text">Get Social</p>
<div class="social-icons">
<div class="social-icons-container">
<a href="https://twitter.com/drew_leongFun" class="social-media-box social-twitter" target="_blank"></a>
<a href="https://www.facebook.com/andrew.leong.370" class="social-media-box social-facebook" target="_blank"></a>
<a href="https://www.behance.net/AndrewLeong93" class="social-media-box social-behance" target="_blank"></a>
</div>
</div>
<div id="contact-info" class="vcard">
<span class="fn n">
<span class="given-name">Andrew Weng Yew</span>
<span class="family-name">Leong</span>
</span>
<div class="adr">
<div class="street-address">2510 Yonge Street, Suite 203. Toronto, ON, M4P 2H7</div>
<span class="country-name">United Kingdom</span>
</div>
<div>Email: <a class="email" href="mailto:AndrewLeong@uwe.com">AndrewLeong@live.uwe.com</a></div>
<div class="tel"><span class="type">Phone: </span><span class="value">+44 79 2270 2340</span></div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</section>
<footer id="footer">
<div class="footer-wrapper">
<nav class="nav-bottom">
<ul class="ul-footer">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Me</a></li>
<li><a href="project.html">Project</a></li>
<li><a href="contact.html">Contact Me</a></li>
</ul>
</nav>
<p class="copyright">Copyright © 2015 | Andrew Leong Weng Yew </p>
<div class="clear"> </div>
</div>
</footer>
<script src="js/main.js"></script> <!-- Main Js -->
</body>
</html>