67 lines
3.4 KiB
HTML
67 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="Portfolio showcasing projects worked on by Joshua Perry">
|
|
<meta name="keywords" content="HTML, CSS, JavaScript, jpez, jpez-development, home, bio, portfolio">
|
|
<meta name="author" content="Joshua Perry">
|
|
|
|
<base href="../">
|
|
|
|
<title>Portfolio: J-Pez Development</title>
|
|
<link rel="icon" type="image/svg+xml" href="assets/images/favicon.svg">
|
|
|
|
<link rel="stylesheet" href="style/main.css" media = "screen">
|
|
<link rel="stylesheet" href="style/mobile.css" media ="screen and (max-width:800px)">
|
|
<link rel="stylesheet" href="portfolio/portfolio.css" media="screen">
|
|
</head>
|
|
<body id="clicked">
|
|
|
|
<nav class="navigation">
|
|
<a class="hidenav" href="portfolio/portfolio.html#"> X</a>
|
|
<a class="nav link" id="home" href="home/index.html"><h2>J-Pez Development</h2></a>
|
|
<a class="nav link" id="port" href="portfolio/portfolio.html"><h2>Portfolio</h2></a>
|
|
<a class="nav link" id="blog" href="blog/blog.html"><h2>Blog</h2></a>
|
|
<a class="nav link" id="contact" href="contact/contact.html"><h2>Contact</h2></a>
|
|
<a class="arrow"></a>
|
|
</nav>
|
|
|
|
<main>
|
|
<a class="shownav" href="portfolio/portfolio.html#clicked"></a>
|
|
|
|
<section class="project left">
|
|
<h1 class="title">Ardent (Front-end Design)</h1>
|
|
<video controls alt="An image of the project site">
|
|
<source src="assets/portfolio/videos/ardent.mp4" type="video/mp4"/>
|
|
</video>
|
|
<p class="description">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facere, odit aut quod quam dolores fuga dolor illum neque, sunt laboriosam consequuntur harum, assumenda id soluta aliquid dolorum ullam deleniti vero.</p>
|
|
</section>
|
|
|
|
<section class="project right">
|
|
<h1 class="title">Efron's Dice (Java CLI script)</h1>
|
|
<img src="assets/portfolio/images/efron.png" alt="An image of the output of the project script"/>
|
|
<p class="description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo commodi eveniet porro hic saepe ratione adipisci soluta consectetur voluptates id, asperiores voluptatum fugiat reiciendis impedit quasi quae aliquam? Atque, ipsum!</p>
|
|
</section>
|
|
|
|
<section class="project left">
|
|
<h1 class="title">Portfolio Website (Fullstack Project)</h1>
|
|
<img src="assets/portfolio/images/website.png" alt="An image of the project site"/>
|
|
<p class="description">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facere, odit aut quod quam dolores fuga dolor illum neque, sunt laboriosam consequuntur harum, assumenda id soluta aliquid dolorum ullam deleniti vero.</p>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>
|
|
<a href="home/index.html">
|
|
<img src="assets/images/favicon.svg" id="footer_logo" alt="Logo"/>
|
|
<p>©Joshua Perry 2022</p>
|
|
</a>
|
|
<a href="blog/blog.html"><h1>Blog</h1></a>
|
|
<a href="site/.html"><h1>Site Report</h1></a>
|
|
<a href="site/map.html"><h1>Site Map</h1></a>
|
|
<a href="site/construction.html"><h1>Terms</h1></a>
|
|
<a href="site/construction.html"><h1>Privacy</h1></a>
|
|
</footer>
|
|
</body>
|
|
</html> |