<!DOCTYPE html>
<html lang="en">
<head>
<title>Ximena Mendieta - Fab Academy</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="description" content="Fab Academy documentation site for Your Name">
<link rel="icon" type="image/jpg" href="assets/images/favicon.ico" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript>
<link rel="stylesheet" href="assets/css/noscript.css" />
</noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="inner">
<!-- Logo -->
<a href="index.html" class="logo">
<span class="symbol"><img src="assets/images/logo.svg" alt="" /></span><span class="title">Ximena Mendieta -
FAB ACADEMY</span>
</a>
<!-- Nav -->
<nav>
<ul>
<li><a href="#menu">Menu</a></li>
</ul>
</nav>
</div>
</header>
<!-- Menu -->
<nav id="menu">
<h2>Menu</h2>
<ul>
<li><a href="index.html">Assignments</a></li>
<li><a href="finalproject.html">Final project</a></li>
<li><a href="about.html">About me</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<div class="inner">
<header>
<h1>Welcome <Your name> to my Fab Academy site!</h1>
<p>This is an example student documentation for the Fab Academy. You can edit this HTML on Gitlab
Fabcloud. Below you can find a example list to organize each week's documentation into separate
pages. You can also change the looks of your website by using CSS with the style.css file.</p>
</header>
<section class="tiles">
<article class="style1">
<span class="image">
<img src="C:\Users\x_men\ximena-mendieta\public\assets\images\WEEK1PP.jpg" width="400px" alt="" />
</span>
<a href="assignments/week01.html" width="400px">
<h2>Week 1</h2>
<div class="content">
<p>Project management</p>
</div>
</a>
</article>
<article class="style2">
<span class="image">
<img src="assets/images/pic02.jpg" alt="" />
</body>
</html>