Added previous work section
This commit is contained in:
jme9
@@ -27,113 +27,166 @@
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<section id="title" class="title-section">
|
||||
<div class="title-box">
|
||||
<div class="title-text">
|
||||
<p>Developer Profile</p>
|
||||
<h1>Jesse M. Ellis</h1>
|
||||
<div class="page-container">
|
||||
<section id="title" class="title-section">
|
||||
<div class="title-box">
|
||||
<div class="title-text">
|
||||
<p>Developer Profile</p>
|
||||
<h1>Jesse M. Ellis</h1>
|
||||
</div>
|
||||
<img
|
||||
src="images/Profile.png"
|
||||
alt="Profile Picture"
|
||||
class="profile-pic"
|
||||
/>
|
||||
</div>
|
||||
<img
|
||||
src="images/Profile.png"
|
||||
alt="Profile Picture"
|
||||
class="profile-pic"
|
||||
/>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<section id="about" class="about-section">
|
||||
<div class="about-box">
|
||||
<!-- First Column: About Text -->
|
||||
<div class="about-text">
|
||||
<h1 class="about-title">About Jesse,</h1>
|
||||
<p class="about-paragraph">Loading...</p>
|
||||
</div>
|
||||
<!-- Second Column: Images -->
|
||||
<div class="about-image">
|
||||
<img
|
||||
src="images/Figma.jpg"
|
||||
alt="About Me Images"
|
||||
class="current-image"
|
||||
/>
|
||||
<img
|
||||
src="images/Clouds.png"
|
||||
alt="About me images"
|
||||
class="hidden-image"
|
||||
/>
|
||||
<img
|
||||
src="images/SiteUpdate1.jpg"
|
||||
alt="About me images"
|
||||
class="hidden-image"
|
||||
/>
|
||||
<div class="about-buttons">
|
||||
<button class="prev-btn">←</button>
|
||||
<button class="next-btn">→</button>
|
||||
<section id="about" class="about-section">
|
||||
<div class="about-box">
|
||||
<!-- First Column: About Text -->
|
||||
<div class="about-text">
|
||||
<h1 class="about-title">About Jesse,</h1>
|
||||
<p class="about-paragraph">Loading...</p>
|
||||
</div>
|
||||
<!-- Second Column: Images -->
|
||||
<div class="about-image">
|
||||
<img
|
||||
src="images/Figma.jpg"
|
||||
alt="About Me Images"
|
||||
class="current-image"
|
||||
/>
|
||||
<img
|
||||
src="images/Clouds.png"
|
||||
alt="About me images"
|
||||
class="hidden-image"
|
||||
/>
|
||||
<img
|
||||
src="images/SiteUpdate1.jpg"
|
||||
alt="About me images"
|
||||
class="hidden-image"
|
||||
/>
|
||||
<div class="about-buttons">
|
||||
<button class="prev-btn">←</button>
|
||||
<button class="next-btn">→</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<section id="projects" class="projects-section">
|
||||
<div class="project-box">
|
||||
<div class="grid-container">
|
||||
<h1 class="project-box-title">Personal Projects</h1>
|
||||
<section id="projects" class="projects-section">
|
||||
<div class="project-box">
|
||||
<div class="grid-container">
|
||||
<h1 class="project-box-title">Personal Projects</h1>
|
||||
|
||||
<!-- Project 1 -->
|
||||
<section class="grid-item">
|
||||
<!-- Project 1 First Column: Project Overview Text -->
|
||||
<div class="project-text">
|
||||
<h1 class="project-title">LunaLight - A Retro Game Project,</h1>
|
||||
<p id="project1-paragraph" class="project-paragraph">
|
||||
Loading...
|
||||
</p>
|
||||
</div>
|
||||
<!-- Project 1 Second Column: Video -->
|
||||
<div class="project1-video-container">
|
||||
<h1 class="project-title">LunaLight - First Look</h1>
|
||||
<iframe
|
||||
width="560"
|
||||
height="315"
|
||||
src="https://www.youtube.com/embed/J_KjVaEGNk4?si=O0-429xP-P2r7JSx&autoplay=1&loop=1&playlist=J_KjVaEGNk4&mute=1"
|
||||
title="YouTube video player"
|
||||
frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
referrerpolicy="strict-origin-when-cross-origin"
|
||||
allowfullscreen
|
||||
></iframe>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Project 1 -->
|
||||
<section class="grid-item">
|
||||
<!-- Project 1 First Column: Project Overview Text -->
|
||||
<div class="project-text">
|
||||
<h1 class="project-title">LunaLight - A Retro Game Project,</h1>
|
||||
<p id="project1-paragraph" class="project-paragraph">
|
||||
Loading...
|
||||
</p>
|
||||
</div>
|
||||
<!-- Project 1 Second Column: Video -->
|
||||
<div class="project1-video-container">
|
||||
<h1 class="project-title">LunaLight - First Look</h1>
|
||||
<iframe
|
||||
width="560"
|
||||
height="315"
|
||||
src="https://www.youtube.com/embed/J_KjVaEGNk4?si=O0-429xP-P2r7JSx&autoplay=1&loop=1&playlist=J_KjVaEGNk4&mute=1"
|
||||
title="YouTube video player"
|
||||
frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
referrerpolicy="strict-origin-when-cross-origin"
|
||||
allowfullscreen
|
||||
></iframe>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Project 2 -->
|
||||
<section class="grid-item">
|
||||
<!-- Project 2 First Column: Project Overview Text -->
|
||||
<div class="project-text">
|
||||
<h1 class="project-title">
|
||||
EightBiterator - A Retro Game Melody Generator,
|
||||
</h1>
|
||||
<p id="project2-paragraph" class="project-paragraph">
|
||||
Loading...
|
||||
</p>
|
||||
</div>
|
||||
<!-- Project 2 Second Column: Form -->
|
||||
<div class="project2-form-container">
|
||||
<h1 class="project-title">EightBiterator</h1>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Project 2 -->
|
||||
<section class="grid-item">
|
||||
<!-- Project 2 First Column: Project Overview Text -->
|
||||
<div class="project-text">
|
||||
<h1 class="project-title">
|
||||
EightBiterator - A Retro Game Melody Generator,
|
||||
</h1>
|
||||
<p id="project2-paragraph" class="project-paragraph">
|
||||
Loading...
|
||||
</p>
|
||||
</div>
|
||||
<!-- Project 2 Second Column: Form -->
|
||||
<div class="project2-form-container">
|
||||
<h1 class="project-title">EightBiterator</h1>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<section id="work" class="work-section">
|
||||
<div class="work-box">
|
||||
<h2 class="section-title">Previous Work</h2>
|
||||
</div>
|
||||
</section>
|
||||
<section id="work" class="work-section">
|
||||
<div class="work-box">
|
||||
<h2 class="work-section-title">Previous Work</h2>
|
||||
<div class="work-grid">
|
||||
<!-- Airship Card 1 -->
|
||||
<a
|
||||
href="https://www.linkedin.com/company/airship-social/posts/?feedView=all"
|
||||
target="_blank"
|
||||
class="work-card-link"
|
||||
>
|
||||
<div class="work-card">
|
||||
<img
|
||||
src="images/airship.png"
|
||||
alt="Airship Software Icon"
|
||||
class="work-card-image"
|
||||
/>
|
||||
<h3 class="work-card-title">Software Development Intern</h3>
|
||||
<p id="airship-text" class="work-card-text">Loading...</p>
|
||||
</div>
|
||||
</a>
|
||||
<!-- Jama Card 2 -->
|
||||
<a
|
||||
href="https://www.linkedin.com/company/jama-software/posts/?feedView=all"
|
||||
target="_blank"
|
||||
class="work-card-link"
|
||||
>
|
||||
<div class="work-card">
|
||||
<img
|
||||
src="images/jama.png"
|
||||
alt="Jama Software Icon"
|
||||
class="work-card-image"
|
||||
/>
|
||||
<h3 class="work-card-title">Software Development Intern</h3>
|
||||
<p id="jama-text" class="work-card-text">Loading...</p>
|
||||
</div>
|
||||
</a>
|
||||
<!-- Intel Card 3 -->
|
||||
<a
|
||||
href="https://www.linkedin.com/company/intel-corporation/posts/?feedView=all"
|
||||
target="_blank"
|
||||
class="work-card-link"
|
||||
>
|
||||
<div class="work-card">
|
||||
<img
|
||||
src="images/intel.png"
|
||||
alt="Intel Icon"
|
||||
class="work-card-image"
|
||||
/>
|
||||
<h3 class="work-card-title">Lead Engineering Technician</h3>
|
||||
<p id="intel-text" class="work-card-text">Loading...</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact" class="contact-section">
|
||||
<div class="contact-box">
|
||||
<h2 class="section-title">Contact</h2>
|
||||
</div>
|
||||
</section>
|
||||
<section id="contact" class="contact-section">
|
||||
<div class="contact-box">
|
||||
<h2 class="section-title">Contact</h2>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="title" class="title-section"></section>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user