<!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" />
<link
href="https://fonts.googleapis.com/css2?family=Raleway:wght@700&family=Oleo+Script:wght@700&family=Quicksand:wght@300;500;700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="assets/css/shared.css" />
<link rel="stylesheet" href="assets/css/styles.css" />
<title>fellah's portfolio</title>
</head>
<body>
<header>
<!--I added this.-->
<a href="/index.html">Fellah</a>
<nav>
<ul>
<li><a href="#projects">Presentation</a></li>
<li><a href="/formation.html">Education</a></li>
<li><a href="/contact.html">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section>
<div>
<h1>Fellah's Portfolio</h1>
<p>Let's explore my projects together!</p>
<a href="#projects">Discover projects</a>
</div>
</section>
<!-- <section>
<h2>Favorites</h2>
<ul id="favorites-projects">
<li>
<img
src="/assets/images/projects/web1.jpg"
alt="angela yu web 3 project"
/>
<p>dbang app <strong>WEB 3</strong></p>
</li>
<li>
<img
src="/assets/images/projects/web2.jpg"
alt="dkeeper-app image"
/>
<p>dkeeper app <strong>WEB 3</strong></p>
</li>
<li>
<img
src="/assets/images/projects/web3.jpg"
alt="sokoban Tec Dev project"
/>
<p>Sokoban puzzle<strong>C programming</strong></p>
</li>
</ul>
</section> -->
<section id="projects">
<ul>
<li>
<img
src="/assets/images/projects/alejandro-escamilla-xII7efH1G6o-unsplash.jpg"
alt=""
/>
<article>
<div>
<h2>Dang app</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Officia ipsa laudantium aliquid dicta consequatur consectetur
rerum Lorem ipsum dolor sit amet consectetur adipisicing elit.
Esse temporibus accusamus, ipsam adipisci voluptates non
dolorem possimus asperiores tempore, beatae repellendus dolor
maxime provident inventore totam omnis blanditiis! Nulla,
placeat.
</p>
</div>
<footer>
<a href="/">explore -></a>
</footer>
</article>
</li>
<li>
<img
src="/assets/images/projects/alejandro-escamilla-xII7efH1G6o-unsplash.jpg"
alt=""
/>
<article>
<div>
<h2>Sokoban</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Officia ipsa laudantium aliquid dicta consequatur consectetur
rerum Lorem ipsum dolor sit amet consectetur adipisicing elit.
Esse temporibus accusamus, ipsam adipisci voluptates non
dolorem possimus asperiores tempore, beatae repellendus dolor
maxime provident inventore totam omnis blanditiis! Nulla,
placeat.
</p>
</div>
<footer>
<a href="/">explore -></a>
</footer>
</article>
</li>
<li>
<img
src="/assets/images/projects/alejandro-escamilla-xII7efH1G6o-unsplash.jpg"
alt=""
/>
<article>
<div>
<h2>Labyrinthe MIPS</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Officia ipsa laudantium aliquid dicta consequatur consectetur
rerum Lorem ipsum dolor sit amet consectetur adipisicing elit.
Esse temporibus accusamus, ipsam adipisci voluptates non
dolorem possimus asperiores tempore, beatae repellendus dolor
maxime provident inventore totam omnis blanditiis! Nulla,
placeat.
</p>
</div>
<footer>
<a href="/">explore -></a>
</footer>
</article>
</li>
<li>
<img
src="/assets/images/projects/alejandro-escamilla-xII7efH1G6o-unsplash.jpg"
alt=""
/>
<article>
<div>
<h2>Email Marketing</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Officia ipsa laudantium aliquid dicta consequatur consectetur
rerum Lorem ipsum dolor sit amet consectetur adipisicing elit.
Esse temporibus accusamus, ipsam adipisci voluptates non
dolorem possimus asperiores tempore, beatae repellendus dolor
maxime provident inventore totam omnis blanditiis! Nulla,
placeat.
</p>
</div>
<footer>
<a href="/">explore -></a>
</footer>
</article>
</li>
</ul>
</section>
</main>
<footer>
<ul>
<li>
<a href="https://www.instagram.com">
<img src="/assets/images/icons/insta.png" alt="instagram logo" />
</a>
</li>
<li>
<a href="https://www.facebook"
><img src="/assets/images/icons/facebook.png" alt="facebook logo"
/></a>
</li>
</ul>
</footer>
</body>
</html>