Skip to content

kjh #32

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

kjh #32

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
e24d108
portfolio
Tizuka May 28, 2025
4351ecc
teste
Tizuka May 28, 2025
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
Binary file removed assets/profile-pic-2.png
View file
Open in desktop
Binary file not shown.
Binary file removed assets/profile-pic.png
View file
Open in desktop
Binary file not shown.
Binary file added assets/sarahprofile.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.
115 changes: 66 additions & 49 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,13 +4,13 @@
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My Portfolio</title>
<title>Sarah Namikata</title>
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="mediaqueries.css" />
</head>
<body>
<nav id="desktop-nav">
<div class="logo">John Doe</div>
<div></div>
<div>
<ul class="nav-links">
<li><a href="#about">About</a></li>
Expand All @@ -21,7 +21,7 @@
</div>
</nav>
<nav id="hamburger-nav">
<div class="logo">John Doe</div>
<div class="logo">Sarah Namikata</div>
<div class="hamburger-menu">
<div class="hamburger-icon" onclick="toggleMenu()">
<span></span>
Expand All @@ -38,13 +38,12 @@
</nav>
<section id="profile">
<div class="section__pic-container">
<img src="./assets/profile-pic.png" alt="John Doe profile picture" />
<img class="profile-pic" src="./assets/sarahprofile.png" alt="profile picture" />
</div>
<div class="section__text">
<p class="section__text__p1">Hello, I'm</p>
<h1 class="title">John Doe</h1>
<p class="section__text__p2">Frontend Developer</p>
<div class="btn-container">
<h1 class="title">Sarah Namikata</h1>
<p class="section__text__p2">Trainee</p>
<!-- <div class="btn-container">
<button
class="btn btn-color-2"
onclick="window.open('./assets/resume-example.pdf')"
Expand All @@ -54,65 +53,69 @@ <h1 class="title">John Doe</h1>
<button class="btn btn-color-1" onclick="location.href='./#contact'">
Contact Info
</button>
</div>
</div> -->
<div id="socials-container">
<img
src="./assets/linkedin.png"
alt="My LinkedIn profile"
class="icon"
onclick="location.href='https://linkedin.com/'"
onclick="location.href='https://www.linkedin.com/in/sarahnamikata/'"
/>
<img
<!-- <img
src="./assets/github.png"
alt="My Github profile"
class="icon"
onclick="location.href='https://github.com/'"
/>
/> -->
</div>
</div>
</section>
<section id="about">
<p class="section__text__p1">Get To Know More</p>
<h1 class="title">About Me</h1>
<p class="section__text__p1">Get To Know More</p>
<div class="section-container">
<div class="section__pic-container">
<!-- <div class="section__pic-container">
<img
src="./assets/about-pic.png"
src=""
alt="Profile picture"
class="about-pic"
/>
</div>
</div> -->
<div class="about-details-container">
<div class="text-container">
<p>
I’m currently working as a web development intern at ExxonMobil, where I’ve been gaining hands-on experience with technologies like HTML, CSS, JavaScript, Angular, and C#. I enjoy creating clean and responsive interfaces and I’m always looking to improve my skills and take on new challenges, i currently wish to expand my knowledge in data-related fields like databases and data visualization
</p>
</div>
<div class="about-containers">
<div class="details-container">
<!-- <div class="details-container">
<img
src="./assets/experience.png"
alt="Experience icon"
class="icon"
/>
<h3>Experience</h3>
<p>2+ years <br />Frontend Development</p>
</div>
<p>1 year <br />Frontend and Backend Development</p>
</div> -->
<!-- <div class="details-container">
<img
src="./assets/education.png"
alt="Education icon"
class="icon"
/>
<h3>Education</h3>
<p>Associate Degree of Finances</p>
</div> -->
<div class="details-container">
<img
src="./assets/education.png"
alt="Education icon"
class="icon"
/>
<h3>Education</h3>
<p>B.Sc. Bachelors Degree<br />M.Sc. Masters Degree</p>
<p>Associate Degree of Sytem Analysis</p>
</div>
</div>
<div class="text-container">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic quis
reprehenderit et laborum, rem, dolore eum quod voluptate
exercitationem nobis, nihil esse debitis maxime facere minus sint
delectus velit in eos quo officiis explicabo deleniti dignissimos.
Eligendi illum libero dolorum cum laboriosam corrupti quidem,
reiciendis ea magnam? Nulla, impedit fuga!
</p>
</div>
</div>
</div>
<img
Expand All @@ -128,7 +131,7 @@ <h1 class="title">Experience</h1>
<div class="experience-details-container">
<div class="about-containers">
<div class="details-container">
<h2 class="experience-sub-title">Frontend Development</h2>
<h2 class="experience-sub-title">Development</h2>
<div class="article-container">
<article>
<img
Expand Down Expand Up @@ -159,7 +162,7 @@ <h3>CSS</h3>
class="icon"
/>
<div>
<h3>SASS</h3>
<h3>SQL</h3>
<p>Intermediate</p>
</div>
</article>
Expand All @@ -170,7 +173,7 @@ <h3>SASS</h3>
class="icon"
/>
<div>
<h3>JavaScript</h3>
<h3>Angular&nbsp;&nbsp;&nbsp;&nbsp;</h3>
<p>Basic</p>
</div>
</article>
Expand All @@ -181,8 +184,10 @@ <h3>JavaScript</h3>
class="icon"
/>
<div>
<h3>TypeScript</h3>
<p>Basic</p>
<div>
<h3>Git</h3>
<p>Intermediate</p>
</div>
</div>
</article>
<article>
Expand All @@ -192,13 +197,27 @@ <h3>TypeScript</h3>
class="icon"
/>
<div>
<h3>Material UI</h3>
<p>Intermediate</p>
<h3>Csharp&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h3>
<p>Basic</p>
</div>
</article>
</div>
</div>
<div class="details-container">
<div class="details-container"> <div class="experience">
<div class="job-date">2024 - Present</div>
<div class="company">ExxonMobil</div>
<div class="role">Full Stack developer</div>

<p class="description">
As a Full Stack Developer Intern, I provide support and maintenance for a web application built with Angular (front end) and C#/.NET (back end).
</p>

<ul>
<li>Investigating bugs, assisting in small feature updates, and ensuring the application runs smoothly for users..</li>
<li>Collaborate with the development team to understand the codebase, follow best practices, and learn to work with technologies like APIs, databases, and version control tools (like Git).</li>
</ul>
</div></div>
<!-- <div class="details-container">
<h2 class="experience-sub-title">Frontend Development</h2>
<div class="article-container">
<article>
Expand Down Expand Up @@ -246,7 +265,7 @@ <h3>Git</h3>
</div>
</article>
</div>
</div>
</div> -->
</div>
</div>
<img
Expand All @@ -257,7 +276,6 @@ <h3>Git</h3>
/>
</section>
<section id="projects">
<p class="section__text__p1">Browse My Recent</p>
<h1 class="title">Projects</h1>
<div class="experience-details-container">
<div class="about-containers">
Expand All @@ -270,7 +288,7 @@ <h1 class="title">Projects</h1>
/>
</div>
<h2 class="experience-sub-title project-title">Project One</h2>
<div class="btn-container">
<!-- <div class="btn-container">
<button
class="btn btn-color-2 project-btn"
onclick="location.href='https://github.com/'"
Expand All @@ -283,7 +301,7 @@ <h2 class="experience-sub-title project-title">Project One</h2>
>
Live Demo
</button>
</div>
</div> -->
</div>
<div class="details-container color-container">
<div class="article-container">
Expand All @@ -294,7 +312,7 @@ <h2 class="experience-sub-title project-title">Project One</h2>
/>
</div>
<h2 class="experience-sub-title project-title">Project Two</h2>
<div class="btn-container">
<!-- <div class="btn-container">
<button
class="btn btn-color-2 project-btn"
onclick="location.href='https://github.com/'"
Expand All @@ -307,7 +325,7 @@ <h2 class="experience-sub-title project-title">Project Two</h2>
>
Live Demo
</button>
</div>
</div> -->
</div>
<div class="details-container color-container">
<div class="article-container">
Expand All @@ -318,7 +336,7 @@ <h2 class="experience-sub-title project-title">Project Two</h2>
/>
</div>
<h2 class="experience-sub-title project-title">Project Three</h2>
<div class="btn-container">
<!-- <div class="btn-container">
<button
class="btn btn-color-2 project-btn"
onclick="location.href='https://github.com/'"
Expand All @@ -331,7 +349,7 @@ <h2 class="experience-sub-title project-title">Project Three</h2>
>
Live Demo
</button>
</div>
</div> -->
</div>
</div>
</div>
Expand All @@ -343,16 +361,16 @@ <h2 class="experience-sub-title project-title">Project Three</h2>
/>
</section>
<section id="contact">
<p class="section__text__p1">Get in Touch</p>
<h1 class="title">Contact Me</h1>
<p class="section__text__p1">Get in Touch</p>
<div class="contact-info-upper-container">
<div class="contact-info-container">
<img
src="./assets/email.png"
alt="Email icon"
class="icon contact-icon email-icon"
/>
<p><a href="mailto:examplemail@gmail.com">Example@gmail.com</a></p>
<p><a href="mailto:examplemail@gmail.com">com</a></p>
</div>
<div class="contact-info-container">
<img
Expand All @@ -375,7 +393,6 @@ <h1 class="title">Contact Me</h1>
</ul>
</div>
</nav>
<p>Copyright &#169; 2023 John Doe. All Rights Reserved.</p>
</footer>
<script src="script.js"></script>
</body>
Expand Down
Loading