102 lines
3.8 KiB
HTML
102 lines
3.8 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>Personal Portfolio - CherryKitten</title>
|
||
|
|
<link href="styles.css" rel="stylesheet">
|
||
|
|
<link href="https://use.fontawesome.com/releases/v6.2.0/css/all.css" rel="stylesheet">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<nav id="navbar">
|
||
|
|
|
||
|
|
<a href="#welcome-section">
|
||
|
|
About
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="#projects">
|
||
|
|
Projects
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="#contact">
|
||
|
|
Contact
|
||
|
|
</a>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<section id="welcome-section">
|
||
|
|
<h1>Personal Portfolio - CherryKitten</h1>
|
||
|
|
<p class="welcome-text">Hii, I'm Sammy! Welcome! Thank you for looking at my Portfolio :3</p>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section id="projects">
|
||
|
|
|
||
|
|
<h2>My Projects</h2>
|
||
|
|
<div class="projects-flex">
|
||
|
|
<a class="project-tile" href="https://cherrykitten.github.io/freecodecamp-projects/1-responsive-web-design/1-survey-form/index.html" target="_blank">
|
||
|
|
<img alt="Survey Form about Pokémon" class="project-img" src="https://cherrykitten.github.io/freecodecamp-projects/1-responsive-web-design/5-personal-portfolio/img/survey-form.png">
|
||
|
|
<p class="project-text">
|
||
|
|
Survey Form
|
||
|
|
</p>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a class="project-tile" href="https://cherrykitten.github.io/freecodecamp-projects/1-responsive-web-design/2-tribute-page/index.html" target="_blank">
|
||
|
|
<img alt="Tribute page for Great Baggi from Monster Hunter" class="project-img" src="https://cherrykitten.github.io/freecodecamp-projects/1-responsive-web-design/5-personal-portfolio/img/tribute-page.png">
|
||
|
|
<p class="project-text">
|
||
|
|
Tribute Page
|
||
|
|
</p>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a class="project-tile" href="https://cherrykitten.github.io/freecodecamp-projects/1-responsive-web-design/3-technical-documentation-page/index.html" target="_blank">
|
||
|
|
<img alt="Technical Documentation page about the Linux command line" class="project-img" src="https://cherrykitten.github.io/freecodecamp-projects/1-responsive-web-design/5-personal-portfolio/img/technical-documentation.png">
|
||
|
|
<p class="project-text">
|
||
|
|
Technical Documentation
|
||
|
|
</p>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a class="project-tile" href="https://cherrykitten.github.io/freecodecamp-projects/1-responsive-web-design/4-product-landing-page/index.html" target="_blank">
|
||
|
|
<img alt="Product Landing Page for Fluffy Bunny Dango" class="project-img" src="https://cherrykitten.github.io/freecodecamp-projects/1-responsive-web-design/5-personal-portfolio/img/product-page.png">
|
||
|
|
<p class="project-text">
|
||
|
|
Product Landing Page
|
||
|
|
</p>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<a href="https://github.com/CherryKitten" id="profile-link" target="_blank">More..</a>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section id="contact">
|
||
|
|
<h2>Find me here:</h2>
|
||
|
|
<p class="disclaimer">(not actually, I will be using some placeholder/fake links here)</p>
|
||
|
|
<div class="social-links">
|
||
|
|
|
||
|
|
<a href="https://twitter.com/freecodecamp">
|
||
|
|
<i class="fa-brands fa-twitter"></i>
|
||
|
|
<p>Twitter</p>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="https://twitch.tv/nonexistingbrokenprofileplaceholder198391">
|
||
|
|
<i class="fa-brands fa-twitch"></i>
|
||
|
|
<p>Twitch</p>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="mailto:contact@cherrykitten.dev">
|
||
|
|
<i class="fa-solid fa-envelope"></i>
|
||
|
|
<p>E-Mail</p>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="https://github.com/CherryKitten">
|
||
|
|
<i class="fa-brands fa-github"></i>
|
||
|
|
<p>GitHub</p>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="https://www.freecodecamp.org/CherryKitten">
|
||
|
|
<i class="fa-brands fa-free-code-camp"></i>
|
||
|
|
<p>FreeCodeCamp</p>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<footer>
|
||
|
|
<p>Made by <a href="https://github.com/CherryKitten">CherryKitten</a> for <a href="https://www.freecodecamp.org">FreeCodeCamp</a>'s Responsive Web Design Certification</p>
|
||
|
|
</footer>
|
||
|
|
</body>
|
||
|
|
</html>
|