Skip to content
This repository has been archived by the owner on Jan 20, 2024. It is now read-only.

Commit

Permalink
Added content
Browse files Browse the repository at this point in the history
  • Loading branch information
@stephenjacobsio
stephenjacobsio committed Jan 30, 2019
1 parent 12da194 commit a36bd48
Show file tree
Hide file tree
Showing 3 changed files with 341 additions and 118 deletions.
135 changes: 94 additions & 41 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,8 @@
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/"
crossorigin="anonymous">
<link rel="stylesheet" href="main.css">
<!-- JavaScript -->
<script type="text/javascript" src="mobile-menu.js"></script>
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
Expand All @@ -20,25 +22,53 @@

<body>
<header>
<div class="navbar">
<a href="#" id="logo-link">
<p id="logo">Stephen Jacobs</p>
</a>
<ul>
<li><a href="#contact">Portfolio</a></li>
<li><a href="#tech">Technology</a></li>
<li><a href="#resume">Resume</a></li>
<li><a href="#about">About</li></a>
</ul>
</div>
<nav>
<div class="navbar">
<a href="#" id="logo-link">
<p id="logo">Stephen Jacobs</p>
</a>
<ul>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#tech">Technology</a></li>
<li><a href="#resume">Resume</a></li>
<li><a href="#about">About</li></a>
</ul>

<div class="mobile-menu-button">
<a href="#showedClickable"><i class="fas fa-bars"></i></a>
</div>
<!-- <div class="topnav" id="myTopnav">
<a href="#portfolio">Portfolio</a>
<a href="#tech">News</a>
<a href="#resume">Contact</a>
<a href="#about">About</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div> -->
</div>
<!-- <div id="showedClickable">
<ul>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#tech">Technology</a></li>
<li><a href="#resume">Resume</a></li>
<li><a href="#about">About</li></a>
</ul>
</div> -->
</nav>
</header>

<main>
<img src="images/profile.jpg" alt="profile image" class="profile-image">
<section>
<div id="about" class="container">
<figure>
<img src="images/profile.jpg" alt="profile image" class="profile-image">
</figure>

<section id="about">
<div class="container grey-bg">
<div class="circle-icon">
<img src="images/avatar.png" alt="avatar" width="200" class="avatar">
<figure>
<img src="images/avatar.png" alt="avatar" width="200" class="avatar">
</figure>
</div>
<h1>About</h1>
<section id="about-content">
Expand All @@ -61,10 +91,13 @@ <h1>About</h1>
</section>
</div>
</section>
<section>
<div id="resume" class="container">

<section id="resume">
<div class="container white-bg">
<div class="circle-icon">
<img src="images/resume.png" alt="resume avatar" class="avatar">
<figure>
<img src="images/resume.png" alt="resume avatar" class="avatar">
</figure>
</div>
<h1>Resume</h1>
<div class="resume-content">
Expand All @@ -73,30 +106,32 @@ <h2>Software Engineer</h2>
<span><strong>Nuance Communications</strong></span>
<span><strong>August 2016 to Present</strong></span>

<ul class="resume-list">
<ul class="resume-item">
<li>Implement business logic for client chat service</li>
<li>Debug issues with chat service using chrome dev tools</li>
<li>Communicate timelines, expectations and potential issues with client and project
managers -
Create internal productivity tools</li>
<li>Manage client chat service configurations in an internal web portal</li>
</ul>

<h2>Web Developer</h2>
<span><strong>OmniUpdate</strong></span>
<span><strong>September 2015 to August 2016</strong></span>

<ul class="resume-list">
<ul class="resume-item">
<li>Lead developer on several projects for higher education institutions</li>
<li>Provide detailed project documentation of all work completed</li>
<li>Work cohesively with team members in completing projects on time and under budget</li>
<li>Facilitate the onboarding process of new customers to the company's proprietary Content
Management System</li>
</ul>

<h2>Software Engineer I</h2>
<span><strong>Datex Property Solutions</strong></span>
<span><strong>June 2013 to September 2015</strong></span>

<ul class="resume-list">
<ul class="resume-item">
<li>Lead developer on multi-module Angular application for large scale health care company</li>
<li>Programming new features and product enhancements using C#, JavaScript, Angular and
jQuery.
Expand All @@ -108,46 +143,64 @@ <h2>Software Engineer I</h2>
</div>
</div>
</section>
<section>
<div id="tech" class="container">

<section id="technology">
<div class="container grey-bg">
<div class="circle-icon">
<img src="images/technology.png" alt="technolgy preferences avatar" class="avatar">
<figure>
<img src="images/technology.png" alt="technolgy icon" class="avatar">
</figure>
</div>
<h1>Core Competencies</h1>
<div class="stack">
<img src="images/react.png" alt="React" />
<img src="images/react.png" alt="react" />
<img src="images/node.png" alt="node" />
<img src="images/javascript.png" alt="JavaScript" />
<img src="images/javascript.png" alt="javascript" />
<img src="images/html5-css3.png" alt="html5 and css3" />
</div>
</div>
</section>
<section>
<div id="portfolio" class="container">

<section id="portfolio">
<div class="container white-bg">
<div class="circle-icon">
<img src="images/briefcase.png" alt="technolgy preferences avatar" class="avatar">
<figure>
<img src="images/briefcase.png" alt="portfolio icon" class="avatar">
</figure>
</div>
<h1>Portfolio</h1>
<div class="grapevine-container">
<h3>Grapevine News</h3>
<img src="images/grapevine.jpg" alt="" id="grapevine-img">
<a href="https://grapevine-news.herokuapp.com"><img src="images/grapevine.jpg" alt="Grapevine News"
id="grapevine-img"></a>
</div>
<div class="grapevine-container">
<h2>Grapevine News</h2>
<p>A lightweight news application leveraging React, node.js and express. I utilized News API and
Dark Sky API for external requests for news and weather data. For UI I chose to use
Material-UI, a React component library inspired by Google's Material Design.</p>
</div>
</div>
</section>
</main>

<footer>
<div class="footer">
<div class="footer-contact">
<p>Contact</p>
<p>[email protected]</p>
<p>@stephja</p>
</div>
<div class="social-links">
<a href="https://github.com/stephja" title="github"><i class="fab fa-github"></i></a>
<a href="https://www.linkedin.com/in/stephen-jacobs-215284bb/" title="linkedin"><i class="fab fa-linkedin"></i></a>
<a href="https://www.twitter.com/stephja87" title="twitter"><i class="fab fa-twitter"></i></a>
</div>
<section id="contact-info">
<div class="footer-contact">
<h4>Contact</h4>
<p class="contact-links"><strong>Phone:&nbsp;</strong>(818) 538-6420</p>
<p class="contact-links"><strong>Email:&nbsp;</strong><a href="mailto:[email protected]">[email protected]</a></p>
<p class="contact-links"><strong>Twitter:&nbsp;</strong><a href="">@stephja</a></p>
</div>
</section>

<section id="social-links">
<div class="social-links">
<a href="https://github.com/stephja" title="github"><i class="fab fa-github"></i></a>
<a href="https://www.linkedin.com/in/stephen-jacobs-215284bb/" title="linkedin"><i class="fab fa-linkedin"></i></a>
<a href="https://www.twitter.com/stephja87" title="twitter"><i class="fab fa-twitter"></i></a>
</div>
</section>
</div>
</footer>
</body>
Expand Down
Loading

0 comments on commit a36bd48

Please sign in to comment.