forked from itsron143/ParticleGround-Portfolio
-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
62 lines (59 loc) · 2.3 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
<!doctype html>
<html lang="en" class="no-js">
<head>
<base target="_blank">
<meta charset="UTF-8" />
<title>Tiffany Trinh</title>
<link rel="shortcut icon" type="image/png" href="assets/favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous" type="text/css">
<script src="https://kit.fontawesome.com/f544d394b3.js" crossorigin="anonymous"></script>
<!-- remember, jQuery is completely optional -->
<script type='text/javascript' src='js/jquery-1.11.1.min.js'></script>
<script type="text/javascript" src="js/jquery.particleground.js"></script>
<script type="text/javascript" src="js/demo.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.12/typed.min.js"></script>
<script>
$(document).ready(function() {
// typing text animation script
var typed = new Typed('#typed', {
strings: ['Software Engineer', 'STEM Diversity Advocate', 'Elec Eng + Comp Sci @ MIT \'22'],
showCursor: true,
cursorChar: '|',
autoInsertCss: true,
typeSpeed: 60,
backSpeed: 20,
backDelay: 3000,
loop: true,
});
});
</script>
</head>
<body>
<div id="particles">
<div id="intro">
<h2 style="font-family: 'Syncopate', sans-serif; font-weight: 10;">Tiffany Trinh</h2>
<br>
<h3 id="typed" style="font-family: 'Courier New', monospace; font-weight: 10;"></h3>
<br>
<br>
<div id="icons">
<a href="https://linkedin.com/in/tyffical/" style="color: white;"><i class="fab fa-linkedin" style="font-size: 2em;"></i></a>
 
 
 
<a href="https://github.com/tyffical" style="color: white;"><i class="fab fa-github" style="font-size: 2em;"></i></a>
 
 
 
<a href="https://bio.link/tyffical" style="color: white;"><i class="fas fa-project-diagram" style="font-size: 2em;"></i></a>
 
 
 
<a href="resume.pdf" style="color: white;"><i class="fas fa-file" style="font-size: 2em;"></i></a>
</div>
</div>
</div>
</body>
</html>