Skip to content

Beta #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
linkhanthtel wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Beta #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
1fbcf1d
"Contact Form Updated"
linkhanthtel Feb 20, 2024
ad443b4
Updated Mar 30
linkhanthtel Mar 30, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
37 changes: 15 additions & 22 deletions about.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,6 @@
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Times New Roman', Times, serif;
}

html {
Expand All @@ -12,18 +11,22 @@ html {

nav {
background-color: rgb(9, 0, 30);
filter: drop-shadow(10px 10px 10px gray);
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
color: rgb(255, 255, 255);
padding: 20px;
padding: 15px;
position: fixed;
}

nav #navigation {
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
}

nav #navigation a {
Expand All @@ -39,15 +42,20 @@ nav #dropdownmenu {

nav #dropdown {
position: absolute;
left: 40%;
margin-top: 50px;
width: 60%;
height: 60%;
left: 55%;
margin-top: 470px;
width: 200px;
height: 400px;
display: none;
background-color: #02012e;
border: 1px solid white;
flex-direction: column;
align-items: center;
font-size: large;
}

nav #logo img{
width: 40px;
height: 40px;
}

nav #dropdown a {
Expand All @@ -56,11 +64,6 @@ nav #dropdown a {
color: white;
}

nav #lang a {
color: white;
text-decoration: none;
}

@media (max-width:600px) {
nav #navigation {
display: none;
Expand All @@ -81,7 +84,6 @@ nav #lang a {
text-align: center;
color: rgb(2, 0 ,40);
font-size: larger;
border-bottom: 1px solid rgb(2, 0 ,40);
}

.about p{
Expand All @@ -97,7 +99,6 @@ nav #lang a {
text-align: center;
color: rgb(2, 0 ,40);
font-size: larger;
border-bottom: 1px solid rgb(2, 0 ,40);
}

.background p{
Expand All @@ -113,7 +114,6 @@ nav #lang a {
text-align: center;
color: rgb(2, 0 ,40);
font-size: larger;
border-bottom: 1px solid rgb(2, 0 ,40);
}

.experience h3{
Expand All @@ -133,7 +133,6 @@ nav #lang a {
text-align: center;
color: rgb(2, 0 ,40);
font-size: larger;
border-bottom: 1px solid rgb(2, 0 ,40);
}

.softskills p{
Expand All @@ -149,7 +148,6 @@ nav #lang a {
text-align: center;
color: rgb(2, 0 ,40);
font-size: larger;
border-bottom: 1px solid rgb(2, 0 ,40);
}

.toolsandtech p{
Expand All @@ -166,7 +164,6 @@ nav #lang a {
text-align: center;
color: rgb(2, 0 ,40);
font-size: larger;
border-bottom: 1px solid rgb(2, 0 ,40);
}

.researchpaper p{
Expand All @@ -186,7 +183,6 @@ nav #lang a {
text-align: center;
color: rgb(2, 0 ,40);
font-size: larger;
border-bottom: 1px solid rgb(2, 0 ,40);
}

.methodologies p{
Expand All @@ -202,7 +198,6 @@ nav #lang a {
text-align: center;
color: rgb(2, 0 ,40);
font-size: larger;
border-bottom: 1px solid rgb(2, 0 ,40);
}

.education p{
Expand All @@ -219,7 +214,6 @@ nav #lang a {
text-align: center;
color: rgb(2, 0 ,40);
font-size: larger;
border-bottom: 1px solid rgb(2, 0 ,40);
}

.language p{
Expand All @@ -234,7 +228,6 @@ nav #lang a {
text-align: center;
color: rgb(2, 0 ,40);
font-size: larger;
border-bottom: 1px solid rgb(2, 0 ,40);
}

.volunteer p{
Expand Down
23 changes: 12 additions & 11 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,23 +6,24 @@
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<link rel="stylesheet" href="about.css">
<script src="https://kit.fontawesome.com/9da769037d.js" crossorigin="anonymous"></script>
<link rel="shortcut icon" href="assets/logo.png" type="image/x-icon">
<title>Lin Khant Htel</title>
</head>
<body>
<nav>
<div id="logo" style="font-size: larger;padding-top: 5px;">
<p>LKH</p>
<img src="./assets/logo.png" alt="Logo">
</div>
<div id="navigation">
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="projects.html">Projects</a>
</div>
<div id="lang">

<div>
<a href="mailto:linkhanthtel@icloud.com"><i class="fa-regular fa-envelope" style="color: white;font-size: xx-large;"></i></a>
</div>
<div id="dropdownmenu">
<i class="fa-solid fa-bars" style="font-size: x-large;border: 1px solid white; padding: 10px"></i>
<i class="fa-solid fa-bars" style="font-size: medium;border: 1px solid white; padding: 10px"></i>
</div>
<div id="dropdown" style="display: none;">
<a href="index.html">Home</a>
Expand All @@ -45,16 +46,16 @@ <h1>Background</h1>
</p>
</div>

<div class="softskills">
<h1>Soft Skills</h1>
<p>Problem Solving | Self-motivated | Adaptability | Attention to Detail | Communication | Teamwork and Collaboration | Time Management | Creativity | Networking | Customer Focus | Systematic | Ethusiastic </p>
</div>

<div class="toolsandtech">
<h1>Tools and Technologies</h1>
<p>HTML | CSS | Tailwind CSS | JavaScript | Bootstrap | jQuery | Vue.js | React.js | Node.js | Express.js | MongoDB | Next.js | React Native | Jest | Webpack | Babel | Git | GitHub | PHP | Python | Flask | MySQL | Figma | Adobe XD </p>
</div>

<div class="softskills">
<h1>Soft Skills</h1>
<p>Problem Solving | Self-motivated | Adaptability | Attention to Detail | Communication | Teamwork and Collaboration | Time Management | Creativity | Networking | Customer Focus | Systematic | Ethusiastic </p>
</div>

<!-- <div class="researchpaper">
<h1>Publication</h1>
<p>My research about the natural disasters in Myanmar focused mainly on Yangon which is the biggest and the most commercial city. I mentioned how people withstand disasters and how the government, non-governmental organizations, and many charity organizations support the affected areas and localities. Preparing to withstand natural disasters in advance is much better before the localities encountered the disasters. In my research, I discussed some giant disasters, flooding, and earthquakes that happened in Myanmar in the last decade. I described how people in Yangon withstand the disasters and how people survive in the locations susceptible to natural disasters.</p><br>
Expand All @@ -81,12 +82,12 @@ <h1>Languages</h1>
<p>French - Conversational</p>
</div>

<div class="volunteer">
<!-- <div class="volunteer">
<h1>Volunteering Experiences</h1>
<p>Virtual Web Researcher - <a href="https://2ndchance4pets.org">2nd Chance 4 Pets</a></p>
<p>Ambassador - <a href="https://iymc.info/en/linhtel">International Youth Math Challenge</a></p>
<p>Ambassador - <a href="https://iaac.space/en/linhtel">International Astronomy and Astrophysics Competition</a></p>
</div>
</div> -->

<div class="footer">
<p>Copyright © 2024 | Lin Khant Htel | All rights reserved</p>
Expand Down
4 changes: 0 additions & 4 deletions about.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,3 @@
$('#lang').click(function() {
alert("Burmese version is not available yet")
})

$("#dropdownmenu").click(function() {
$("#dropdown").fadeToggle();
})
Expand Down
Binary file added assets/image1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/image2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/logo.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/logolight.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading