-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
162 lines (123 loc) · 4.37 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
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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE HTML>
<html lang="en">
<link href="https://fonts.googleapis.com/css?family=Megrim" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
<head>
<meta charset="UTF-8"/>
<!-- Redirect after 3 seconds
<meta http-equiv = "refresh" content = "3"; url = "home.html"/>
-->
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<!-- Site description -->
<meta name="description" content="An aspiring web and mobile developer with an interest in creative pursuits and an unfortunate obsession with cats."/>
<!-- Site tags/keywords -->
<meta name="keywords" content="personal website, jasmine dao, developer, designer"/>
<!--Stylesheet -->
<link href="styles.css" rel="stylesheet" type="text/css"/>
<!-- Link reference to 16x16 icon for website (.ico) -->
<link href="images/me.png" rel="icon"/>
<title>Jasmine Dao - an aspiring full stack developer</title>
</head>
<body>
<!-- If JS deactivated, prompt message: -->
<noscript>Please enable JavaScript.</noscript>
<!-- Navigation -->
<nav class="topnav">
<a class="active" href="#home">h o m e</a>
<a href="#about">a b o u t</a>
<a href="#projects">p r o j e c t s</a>
<a href="#contact">c o n t a c t</a>
</nav>
<!-- Sections -->
<div class="content">
<!-- Home -->
<section id="home" class="home">
<img class="logo" src="images/logo.png" alt="logo">
<h1>Jasmine Dao</h1>
<h4>an aspiring full stack developer</h4>
</section>
<!-- About -->
<section id="about" class="about">
<h2>About Me</h2>
<h3>WHO AM I?</h3>
<p style="color: #fff">
My name is <b>Jasmine Dao</b>, and I'm an <b>aspiring full stack developer</b> with an interest in both technological and creative pursuits.
</p>
<p style="color: #fff">
I'm <b>passionate</b> about coding, music, design, and education.
<br>
In my free time, you can find me reading fiction novels, drawing cartoons, learning new songs on the piano, or Googling esoteric things on the Internet.
</p>
<p style="color: #fff">
According to some, I also have an unfortunate obsession with cats.
</p>
<h3 class="what">WHAT DO I DO?</h3>
<p style="color: #fff">
I'm currently studying <b>Computer Science</b> at the <b>California State Polytechnic University</b> in Pomona.
</p>
<p style="color: #fff">
At the moment, my <b>goals</b> are to improve my skills in web and mobile development.
</p>
<h3 class="what">WHAT CAN I DO?</h3>
<p style="color: #fff">
I can <b>create</b> websites, <b>develop</b> mobile applications, and <b>design</b> solutions to problems.
<br><br>
<small>
<div class="skills">
<div class="s1">
<b>Languages:</b>
<br>Java
<br>JavaScript
<br>SQL
<br>HTML5
<br>CSS3
</div>
<div class="s2">
<b>Libraries & Frameworks:</b>
<br>JavaFX
<br>React.js
<br>Bootstrap 4
</div>
<div class="s3">
<b>Currently Learning:</b>
<br>jQuery
<br>Node.js
<br>Express.js
</div>
</small>
</div>
<a class="moreabout" href="about.html" target="_self">Want to know more?</a>
</p>
</section>
<!-- Projects -->
<section id="projects" class="projects">
<h2 class="hProject">Projects</h2>
<div class="row">
<a href="website.html" target="_self">
<img class="project1" src="images/project1.JPG" alt="Personal Website">
</a>
<a href="musicapp.html" target="_self">
<img class="project2" src="images/project2.JPG" alt="Music Theory for Beginners App">
</a>
</div>
<div class="row">
<a href="straightup.html" target="_self">
<img class="project3" src="images/project3.JPG" alt="Straight Up App">
</a>
<a href="bioscope.html" target="_self">
<img class="project4" src="images/project5.gif" alt="BioScope App">
</a>
</div>
<div class="row">
<a href="calculator.html" targe="_self">
<img class="project4" src="images/project4.JPG" alt="Calculator">
</a>
</div>
</section>
<!-- Contact -->
<section id="contact" class="contact">
<h2>Contact Me</h2>
<a href="mailto:[email protected]?Subject=Hello" target="_top"><img class="logo2" src="images/me.png" alt="A potato, lovingly rendered in Paint."></a>
</section>
</div>
</html>