Skip to content

Project #60

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
savvy-trenty wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Project #60

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
d30a147
Add files via upload
savvy-trenty Nov 29, 2021
34626e1
Created using Colaboratory
savvy-trenty Jan 4, 2022
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
937 changes: 937 additions & 0 deletions HeinHtetAung_Portfolio-master/css/style.css
View file
Open in desktop

Large diffs are not rendered by default.

Binary file added HeinHtetAung_Portfolio-master/img/hero-bg.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 HeinHtetAung_Portfolio-master/img/jjay1.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 HeinHtetAung_Portfolio-master/img/mypic1.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.
238 changes: 238 additions & 0 deletions HeinHtetAung_Portfolio-master/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,238 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hein Htet Aung - Portfolio </title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Free Website Template" name="keywords">
<meta content="Free Website Template" name="description">

<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">

<!-- Google Font -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">

<!-- CSS Libraries -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">

<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>

<body data-spy="scroll" data-target=".navbar" data-offset="51">
<!-- Nav Bar Start -->
<div class="navbar navbar-expand-lg bg-light navbar-light">
<div class="container-fluid">
<a href="index.html" class="navbar-brand">Hein Htet Aung</a>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse justify-content-between" id="navbarCollapse">
<div class="navbar-nav ml-auto">
<a href="#home" class="nav-item nav-link active">Home</a>
<a href="#about" class="nav-item nav-link">Education</a>
<a href="#experience" class="nav-item nav-link">Experience</a>
<a href="#contact" class="nav-item nav-link">Contact</a>
</div>
</div>
</div>
</div>
<!-- Nav Bar End -->


<!-- Hero Start -->
<div class="hero" id="home">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-sm-12 col-md-6">
<div class="hero-content">
<div class="hero-text">
<p>I am</p>
<h1>Hein Htet Aung</h1>
<h2></h2>
<div class="typed-text">Computer Science student, Passionate and determined to become a full stack developer</div>
</div>

</div>
</div>
<div class="col-sm-12 col-md-6 d-none d-md-block">
<div class="hero-image">
<img src="img/mypic1.jpg" alt="Hero Image">
</div>
</div>
</div>
</div>
</div>
<!-- Hero End -->


<!-- About Start -->
<div class="about wow fadeInUp" data-wow-delay="0.1s" id="about">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="about-img">
<img src="img/jjay1.jpg" alt="Image"> <!-- Insert School Image here-->
</div>
</div>


<div class="col-lg-6">
<div class="about-content">
<div class="section-header text-left">
<h2>LaGuardia College</h2><br>
<p>Associate of Science in Computer Science</p>
</div>
</div>


<div class="about-content">
<div class="section-header text-left">
<h2>John Jay College</h2>
<div class="section-header text-left"><br>
<p>Bachelors of Science in Computer Science and Information Systems</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- About End -->

<!-- Experience Start -->
<div class="experience" id="experience">
<div class="container">
<header class="section-header text-center wow zoomIn" data-wow-delay="0.1s">
<h2>What I Did</h2>

</header>
<div class="timeline">
<div class="timeline-item left wow slideInLeft" data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">2014 - 2015</div>
<h2>Peer Tutor</h2>
<h4>American Center by U.S Embassy, Yangon, Myanmar</h4>
</div>
</div>

<div class="timeline-item right wow slideInRight" data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">2017 - 2018</div>
<h2>Sales Associate</h2>
<h4>Google Mentorship and Development Program, New York , NY</h4>
</div>
</div>

<div class="timeline-item right wow slideInLeft" data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">2019 - 2020</div>
<h2>Data Analyst</h2>
<h4>Tech Scholars Program, New York, NY</h4>
</div>
</div>

<div class="timeline-item left wow slideInRight" data-wow-delay="0.1s">
<div class="timeline-text">
<div class="timeline-date">2020 - 2021</div>
<h2>Participant</h2>
<h4>Google Mentorship and Development Program, New York , NY</h4>
</div>
</div>
</div>
</div>
</div>

<!-- Contact Start -->
<div class="contact wow fadeInUp" data-wow-delay="0.1s" id="contact">
<div class="container-fluid">
<div class="container">
<div class="row align-items-center">
<div class="col-md-4"></div>
<div class="col-md-8">
<div class="contact-form">
<div id="success"></div>
<form name="sentMessage" id="contactForm" novalidate="novalidate">
<div class="control-group">
<input type="text" class="form-control" id="name" placeholder="Your Name" required="required" data-validation-required-message="Please enter your name" />
<p class="help-block"></p>
</div>
<div class="control-group">
<input type="email" class="form-control" id="email" placeholder="Your Email" required="required" data-validation-required-message="Please enter your email" />
<i class="bi bi-envelope"></i><p class="help-block"></p>
</div>
<div class="control-group">
<input type="text" class="form-control" id="subject" placeholder="Subject" required="required" data-validation-required-message="Please enter a subject" />
<p class="help-block"></p>
</div>
<div class="control-group">
<textarea class="form-control" id="message" placeholder="Message" required="required" data-validation-required-message="Please enter your message"></textarea>
<p class="help-block"></p>
</div>
<div>
<button class="btn" type="submit" id="sendMessageButton">Send Message</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Contact End -->

<!-- Footer Start-->
<div class="footer wow fadeIn" data-wow-delay="0.3s">
<div class="container-fluid">
<div class="container">
<div class="footer-info">
<h2>Hein Htet Aung</h2>
<h3>Brooklyn, New York, U.S</h3>
<div class="footer-menu">
</div>
<div class="footer-social">
<a href="https://[email protected]"><i class="fab fa-google"></i></a>
<a href="https://github.com/savvy-trenty"><i class="fab fa-github"></i></a>
<a href="https://www.linkedin.com/in/hein-aung-135100106/"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->


<!-- Back to top button -->
<a href="#" class="btn back-to-top"><i class="fa fa-chevron-up"></i></a>


<!-- Pre Loader -->
<div id="loader" class="show">
<div class="loader"></div>
</div>


<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/typed/typed.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>

<!-- Contact Javascript File -->
<script src="mail/jqBootstrapValidation.min.js"></script>
<script src="mail/contact.js"></script>

<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>
109 changes: 109 additions & 0 deletions HeinHtetAung_Portfolio-master/js/main.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,109 @@
(function ($) {
"use strict";

// loader
var loader = function () {
setTimeout(function () {
if ($('#loader').length > 0) {
$('#loader').removeClass('show');
}
}, 1);
};
loader();


// Initiate the wowjs
new WOW().init();


// Back to top button
$(window).scroll(function () {
if ($(this).scrollTop() > 200) {
$('.back-to-top').fadeIn('slow');
} else {
$('.back-to-top').fadeOut('slow');
}
});
$('.back-to-top').click(function () {
$('html, body').animate({scrollTop: 0}, 1500, 'easeInOutExpo');
return false;
});


// Sticky Navbar
$(window).scroll(function () {
if ($(this).scrollTop() > 0) {
$('.navbar').addClass('nav-sticky');
} else {
$('.navbar').removeClass('nav-sticky');
}
});


// Smooth scrolling on the navbar links
$(".navbar-nav a").on('click', function (event) {
if (this.hash !== "") {
event.preventDefault();

$('html, body').animate({
scrollTop: $(this.hash).offset().top - 45
}, 1500, 'easeInOutExpo');

if ($(this).parents('.navbar-nav').length) {
$('.navbar-nav .active').removeClass('active');
$(this).closest('a').addClass('active');
}
}
});


// Typed Initiate
if ($('.hero .hero-text h2').length == 1) {
var typed_strings = $('.hero .hero-text .typed-text').text();
var typed = new Typed('.hero .hero-text h2', {
strings: typed_strings.split(', '),
typeSpeed: 100,
backSpeed: 20,
smartBackspace: false,
loop: true
});
}


// Skills
$('.skills').waypoint(function () {
$('.progress .progress-bar').each(function () {
$(this).css("width", $(this).attr("aria-valuenow") + '%');
});
}, {offset: '80%'});


// Testimonials carousel
$(".testimonials-carousel").owlCarousel({
center: true,
autoplay: true,
dots: true,
loop: true,
responsive: {
0:{
items:1
}
}
});



// Portfolio filter
var portfolioIsotope = $('.portfolio-container').isotope({
itemSelector: '.portfolio-item',
layoutMode: 'fitRows'
});

$('#portfolio-filter li').on('click', function () {
$("#portfolio-filter li").removeClass('filter-active');
$(this).addClass('filter-active');
portfolioIsotope.isotope({filter: $(this).data('filter')});
});

})(jQuery);

Loading