-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
91 lines (74 loc) · 4.29 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
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Yanling's Portfolio Website</title>
<!-- Update these with your own fonts -->
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,900|Source+Sans+Pro:300,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" integrity="sha256-46qynGAkLSFpVbEBog43gvNhfrOj+BmwXdxFgVK/Kvc=" crossorigin="anonymous" />
<link rel="stylesheet" href="./resources/style.css">
</head>
<body>
<!-- Introduction -->
<section class="intro" id="home">
<nav class="nav">
<a href="#skills">SKILLS</a>
<a href="#projects">PROJECTS</a>
<a href="#contact">CONTACT</a>
</nav>
<h1 class="section__title section__title--intro">
Hi, I am <strong>Yanling Hu</strong>
</h1>
</section>
<!-- About me -->
<section class="about-me" id="about">
<h2 class="section__title section__title--about">Who I am</h2>
<p class="section__subtitle section__subtitle--about">Computer scientist based out of University of Toronto</p>
<div class="about-me__body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</section>
<!-- My skills -->
<section class="my-services" id="services">
<h2 class="section__title section__title--services">What I do</h2>
<div class="services">
<div class="service">
<h3>FrontEnd Development</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div> <!-- / service -->
<div class="service">
<h3>BackEnd Development</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div> <!-- / service -->
</section>
<!-- My Work -->
<section class="my-work" id="work">
<h2 class="section__title section__title--work">My work</h2>
<p class="section__subtitle section__subtitle--work">A selection of my range of work</p>
<div class="portfolio">
<!-- Portfolio item 01 -->
<a href="https://github.com/YANLING-H/Yelp-clone.git" class="portfolio__link">
<img src="./resources/images/Yelp-clone.png" alt="" class="portfolio__img">
<div class="cover">
Yelp-clone
</div>
</a>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<!-- replace with your own email address -->
<a href="mailto:[email protected]" class="footer__link">[email protected]</a>
<div class="social_list">
<a class="social-list__link" href="https://linkedin.com/in/yanling-hu">
<i class="fab fa-linkedin"></i>
</a>
<a class="social-list__link" href="https://github.com/YANLING-H">
<i class="fab fa-github"></i>
</a>
</div>
</footer>
</body>
</html>