Skip to content

consolidated into fewer files and cleaned up -- ghassan nasr #21

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
ghassannasr wants to merge 1 commit into
base: master
Choose a base branch
from
Open

consolidated into fewer files and cleaned up -- ghassan nasr #21

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
97 changes: 93 additions & 4 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,98 @@
body {
background-color: navy;
font-family: 'Roboto', sans-serif;
}

.subheading {
font-family: 'Roboto', sans-serif;
/* text-transform: uppercase; */
font-weight: 500;
font-size: 1.5rem;
}

/*
.social-icons .social-icon {
display: inline-flex;
align-items: center;
justify-content: center;
height: 3.5rem;
width: 3.5rem;
background-color: #495057;
color: #fff;
border-radius: 100%;
font-size: 1.5rem;
margin-right: 1.5rem;
}
.social-icons .social-icon:last-child {
margin-right: 0;
}
.social-icons .social-icon:hover {
background-color: #bd5d38;
}
*/

section.resume-section {
display: flex;
align-items: center;
padding-left: 1rem; /* GN changed from 1 */
padding-right: 1rem;
padding-top: 5rem;
padding-bottom: 5rem;
max-width: 75rem;
}
section.resume-section .resume-section-content {
width: 100%;
}



/*
.card-gn-customize {
text-align: center;
}
*/

#wrapper {
overflow-x: hidden;
}

#sidebar-wrapper {
min-height: 100vh;
margin-left: -15rem;
-webkit-transition: margin .25s ease-out;
-moz-transition: margin .25s ease-out;
-o-transition: margin .25s ease-out;
transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
padding: 0.875rem 1.25rem;
font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
width: 15rem;
}

#page-content-wrapper {
min-width: 100vw;
}

object {
height: 100vh;
width: 100vh;
#wrapper.toggled #sidebar-wrapper {
margin-left: 0;
}

@media (min-width: 768px) {
#sidebar-wrapper {
margin-left: 0;
}

#page-content-wrapper {
min-width: 0;
width: 100%;
}

#wrapper.toggled #sidebar-wrapper {
margin-left: -15rem;
}
}

Binary file removed img/platonic-icosahedron.gif
View file
Open in desktop
Binary file not shown.
Binary file removed img/platonic-octahedron.gif
View file
Open in desktop
Binary file not shown.
Binary file removed img/platonic-pyramid.gif
View file
Open in desktop
Binary file not shown.
Binary file added img/profile.gif
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 img/profile3.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.
228 changes: 180 additions & 48 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,57 +1,189 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">

<!-- ----------------------------------------------------------------- -->
<!-- ----------------------------------------------------------------- -->
<!-- ----------------------------------------------------------------- -->
<head> <!-- header begins here -->
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<link href="./css/style.css" rel="stylesheet">
<script type="text/javascript" src="./js/header-functions.js"></script>

</head> <!-- header ends here -->
<!-- ----------------------------------------------------------------- -->
<!-- ----------------------------------------------------------------- -->
<!-- ----------------------------------------------------------------- -->












<!-- ---------------------------------------------------------------------------------- -->
<!-- ---------------------------------------------------------------------------------- -->
<!-- ---------------------------------------------------------------------------------- -->
<body> <!-- body begins here -->


The quickest of brown foxes.




<!-- ====================================================== -->
<!-- ====================================================== -->
<footer>
<!-- footer of page begins here -->
<script type="text/javascript" src="./js/footer-functions.js"></script>
</footer> <!-- footer of page ends here -->
<!-- ====================================================== -->
<!-- ====================================================== -->

<!-- Bootstrap CSS -->

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">


<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">



<link href="https://fonts.googleapis.com/css2?family=Cutive+Mono&family=Roboto:wght@300&display=swap"
rel="stylesheet">
<!--
<link href="https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-->


<!-- Custom styles for this template -->

<link href="css/style.css" rel="stylesheet">



<title>Portfolio</title>

<style>
h1 {
font-family: 'Roboto', sans-serif;
}
</style>
</head>

<body>

<div class="d-flex" id="wrapper">

<!-- Sidebar -->
<div class="bg-light border-right" id="sidebar-wrapper">
<div class="sidebar-heading">Ghassan Nasr</div>

<div class="card" style="width: 15rem;">

<img src="./img/profile3.jpg" class="card-img-top" alt="...">
<div class="card-body card-gn-customize">
<h5 class="card-title">Ghassan Nasr</h5>
<p class="card-text">Full-stack Developer<br>Software Engineeer</p>

<a href="mail-to:ghassan.nasr@gmail.com" class="btn"><i class="fa fa-lg fa-envelope"
aria-hidden="true"></i>&nbsp;&nbsp;My Email</a>
<a href="https://github.com/ghassannasr" class="btn"><i class="fa fa-lg fa-linkedin"
aria-hidden="true"></i>&nbsp;&nbsp;My LinkedIn</a>
<a href="https://github.com/ghassannasr" class="btn"><i class="fa fa-lg fa-twitter"
aria-hidden="true"></i>&nbsp;&nbsp;My Twitter</a>
<a href="https://github.com/ghassannasr" class="btn"><i class="fa fa-lg fa-github"
aria-hidden="true"></i>&nbsp;&nbsp;My Github</a>
</div>
</div>

</div>
<!-- /#sidebar-wrapper -->


<!-- Page Content -->
<div class="page-content-wrapper">
<nav class="navbar navbar-expand-md navbar-light bg-light top-fixed">
<!--
<nav class="navbar navbar-expand-md navbar-light bg-light border-bottom">
-->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item active">
<a class="nav-link active" href="#about">About <span class="sr-only">(current)r</span></a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#skills">Skills</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#experience">Experience</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#education">Education</a>
</li>
</ul>
</div>

</nav>

<div class="container-fluid">

<section class="resume-section" id="about">
<div class="resume-section-content">
<h1 class="mb-0">
<span class="text-info">Ghassan Nasr</span>
</h1>
<div class="subheading mb-5">
3461 Majesty Ln, Apt 203 · Mount Pleasant, SC 29466 · (347) 776-9349 ·
<a href="mailto:ghassan.nasr@gmail.com"><br>ghassan.nasr@gmail.com</a>
</div>
<p class="lead mb-5">I am proficient in front- and back-end development
technologies and platforms in both the JavaScript and Java ecosystems. </p>

</div>
</section>


<section class="resume-section" id="skills">
<div class="resume-section-content">
<h2 class="mb-5">Skills</h2>
<div class="subheading mb-3">Languages & Programmming</div>
<p>Java 8, Java EE, JavaScript, Python, Jupyter Notebooks, C++, Perl, PHP, SQL, HTTP, HTML, XML, CSS, Bootstrap, AJAX, JQuery, JSON, Node.js, Express, Angular, React, Hooks, Redux, Django, Spring, Spring-Boot, JUnit, JDBC, RESTful Web/Cloud Services & APIs, Microservices, AWS EC2, Object Oriented concepts and design patterns, UML</p>
<div class="subheading mb-3">Tools</div>
<p>Eclipse, IntelliJ IDEA, Visual Studio (VS) Code, Git, GitHub, NPM, Homebrew, Gradle, Maven, PyCharm, SDLC, Agile, Scrum, Trello</p>
<div class="subheading mb-3">Database Systems</div>
<p>MySQL, PostgreSQL, MariaDB</p>
<div class="subheading mb-3">Operating Systems</div>
<p>Windows, OS X, Linux/Unix CLI</p>
</section>


<!-- Traing & Education-->
<section class="resume-section" id="experience">
<div class="resume-section-content">
<h2 class="mb-5">Computing Training & Education:</h2>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Full Stack Java Developer Trainee</h3>
<div class="subheading mb-3">Per Scholas Customized Training Coding Bootcamp</div>
<ul>
<li>Fourteen weeks of intensive training in partnership with TEKsystems on state-of-the-art full-stack front- and back-end technologies and platforms and software development methodology.</li>
<li>Course units: Agile, Scrum, Trello, HTML/CSS, Relational DBs and SQL, Java 8 Core Programming, Java IO, JDBC, ORM, Java EE Framework, Web Services, Microservices, Continuous Integration & Development.</li>
<li>Developing full-stack final project using: Angular 4.0, React, Routers, Spring MVC, Spring Boot, MySQL, RESTful APIs, Cloud platforms and architectures, including AWS EC2.</li>
</ul>
</div>
<div class="flex-shrink-0"><span class="text-primary">June 12, 2020 – Present</span></div>
</div>
</div>
</section>

<!-- Computing Experience and Teaching -->
<section class="resume-section" id="education">
<div class="resume-section-content">
<h2 class="mb-5">Computing Experience and Teaching</h2>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Computer Science Department, DePauw University</h3>
<div class="subheading mb-3">Instructor</div>
<div><ul><li>Courses taught: Computer Science I (Spring 2004, Fall 2003, Fall 2002), Senior Project (Fall 2003, Spring 2003), and Database and File Systems (Spring 2003).</li></ul></div>
</div>
<div class="flex-shrink-0"><span class="text-primary">Fall 2002 - Spring 2004</span></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between">
<div class="flex-grow-1">
<h3 class="mb-0">Computer Science Department, Indiana University</h3>
<div class="subheading mb-3">Associate Instructor</div>
<div><ul><li>Graduate assistant for the following courses: Programming Language Concepts (Spring 2002), Introduction to Programming in Java w/Lab (Fall 2001, Fall 1998), Programming Concepts (Spring 2001), Survey of Computers and Computing (Spring 2001).</li></ul></div>
</div>
<div class="flex-shrink-0"><span class="text-primary">Fall 1998 - Spring 2002</span></div>
</div>
</div>
</section>

</div>
</div>

</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous">
</script>

</body>
<!-- ---------------------------------------------------------------------------------- -->
<!-- ---------------------------------------------------------------------------------- -->
<!-- ---------------------------------------------------------------------------------- -->

</html>