-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
76 lines (71 loc) · 3.7 KB
/
index.html
File metadata and controls
76 lines (71 loc) · 3.7 KB
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
<!-- Chloe Yu 2018 -->
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="portfolio site made in 2018/02">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="author" content="Chloe Yu">
<meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- target mobile devices and sets the width to the screen size. -->
<title>Chloe | Hello</title>
<link rel="stylesheet" type="text/css" href="css\main.css">
<link rel="stylesheet" type="text/css" href="css\ionicons.css"><!-- this is the icon sylesheet from "https://github.com/ionic-team/ionicons" -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <!-- Google jQuery CDN -->
<script type="text/javascript" src="js/main.js"></script>
<link rel="apple-touch-icon" sizes="57x57" href="icon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="icon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="icon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="icon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="icon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="icon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="icon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="icon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="icon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="icon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="icon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="icon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="icon/favicon-16x16.png">
<link rel="manifest" href="icon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="icon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link href='https://fonts.googleapis.com/css?family=Khand' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Abel' rel='stylesheet'>
</head>
<body>
<!-- <script src="js\main.js"></script> -->
<!-- site navigation menu -->
<div class="nav">
<ul>
<li><a href="index.html">Hello</a></li>
<li><a href="resume.html">About</a></li>
<li><a href="experience.html">Experience</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<!-- 'About' page -->
<div class="aboutpage">
<div class='aboutcenter'>
<!-- image -->
<div class="aboutimg">
<img src="img/1.jpeg"></img>
</div>
<!-- text -->
<div class="abouttext">
<p class="aboutword">Hello :)</p>
<p class="aboutword">I'm Chloe, I'm a computer science student at the University of Victoria. I'm enthusiastic about web site, IOS apps, and software development. Currently, I am focusing on JS d3 library. </p>
<p class="aboutword">Apart from Coding, I love cooking, travelling, going to the movie, and play with my cats.</p>
</div>
<!-- icons -->
<div class="abouticon">
<a href='https://www.linkedin.com/in/chloe-yu-610a27113/'><i class="ion-social-linkedin-outline"></i></a>
<a href="https://github.com/Chloeiii"><i class="ion-social-github"></i></a>
<a href="https://twitter.com/Chloehiahia"><i class="ion-social-twitter"></i></a>
</div>
<!-- <h2 class='ga1'>WEB GALLERY:</h2> -->
<a href="https://chloeyu108595851.wordpress.com/"><h3 class='ga2'>GALLERY</h3></a>
<img src="img/arrow1.png" style="width: 150px; height: auto; position: absolute; left: 370px; top: 580px;"></img>
</div>
</div>
</body>
</html>