This repository has been archived on 2023-11-10. You can view files and clone it, but cannot push or open issues or pull requests.
freecodecamp-projects/1-responsive-web-design/5-personal-portfolio/index.html

102 lines
No EOL
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>