-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
66 lines (62 loc) · 3.73 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" initial-scale="1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>
<link rel="stylesheet" href="fontawesome/css/all.min.css">
<link rel="stylesheet" href="portfolio.css">
</head>
<body class="body-margin">
<div class="nav-title">
<a class="about-title" href="index.html"><h1>JASMINE HTWE</h1></a>
<nav class="nav nav-tabs justify-content-center navbar navbar-dark">
<a href="index.html" target="_blank" class="nav-item nav-link">Home</a>
<a href="#" class="nav-item nav-link active">About Me</a>
<a href="learningExperience.html" class="nav-item nav-link">Learning Experience</a>
<a href="academic.html" class="nav-item nav-link">Academic</a>
<div class="dropdown"> <!--for dropdown menu only div -->
<a href="#" class="nav-item dropdown-toggle nav-link" data-bs-toggle="dropdown">Projects</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#" target="_blank">Project 1</a>
<a class="dropdown-item" href="#" target="_blank">Project 2</a>
<a class="dropdown-item" href="#" target="_blank">Project 3</a>
</div>
</div>
</nav>
</div>
<img class="profile" src="images/profile1.JPG">
<h1 class="aboutMe">ABOUT ME</h1>
<p>Hello and welcome! I'm a space propulsion engineer, musician, and amateur photographer.
I’m currently a Propulsion Design Engineer at AGILE Space Industries working on the development of hypergolic in-space propulsion systems for lunar landers and spacecraft. My goal is to work directly on furthering the reach of robotic and human space exploration to allow humanity to inhabit planets beyond Earth and live in deep space.
Thus far I have focused my engineering efforts in the following areas: orbital rocket launch engineering and production; propulsion development, design, and testing; cryogenics and high pressure fluid systems; satellite software and hardware; plasma physics and fusion technology; nitty-gritty hands on work.
When I’m not forehead deep in work or projects, I spend my free time editing photos, writing/producing new music, and being a bookworm and podcast enthusiast.</p>
<img class="profile" src="images/profile2.JPG">
<div class="icons">
<a href="https://www.linkedin.com/"><i class="fa fa-brands fa-linkedin-in"></i></a>
<a href="https://mail.google.com"><i class="fa fa-regular fa-envelope"></i></a>
<a href="https://www.facebook.com"><i class="fa fa-brands fa-facebook"></i></a>
</div>
<script>
var icons = document.querySelectorAll(".fa");
console.log(icons);
icons.forEach(icon => {
icon.addEventListener("mouseover", e=>{
icons.forEach(othericon =>{
if(othericon !== icon){
othericon.style.opacity = 0.5;
}
})
})
icon.addEventListener("mouseout", e=>{
icons.forEach(othericon =>{
if(othericon !== icon){
othericon.style.opacity = 1;
}
})
})
})
</script>
</body>
</html>