Newer
Older
<!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
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@mdi/font@7.1.96/css/materialdesignicons.min.css"
/>
<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" />
</head>
<body>
<header>
<!--I added this.-->
<li><a href="/index.html">Presentation</a></li>
<li><a href="/formation.html">Education</a></li>
<li><a href="/contact.html">Contact</a></li>
</ul>
<div>
<span></span>
<span></span>
<span></span>
</div>
<section>
<div id="home">
<ul>
<li>
<a href=""><i class="mdi mdi-github"></i></a>
</li>
<li>
<a href=""><i class="mdi mdi-twitter"></i></a>
</li>
<li>
<a href=""><i class="mdi mdi-linkedin"></i></a>
</li>
<li></li>
</ul>
<svg
viewBox="0 0 200 187"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<mask id="mask0" mask-type="alpha">
<path
d="M190.312 36.4879C206.582 62.1187 201.309 102.826 182.328 134.186C163.346 165.547
130.807 187.559 100.226 186.353C69.6454 185.297 41.0228 161.023 21.7403 129.362C2.45775
97.8511 -7.48481 59.1033 6.67581 34.5279C20.9871 10.1032 59.7028 -0.149132 97.9666
0.00163737C136.23 0.303176 174.193 10.857 190.312 36.4879Z"
/>
</mask>
<g mask="url(#mask0)">
<path
d="M190.312 36.4879C206.582 62.1187 201.309 102.826 182.328 134.186C163.346
165.547 130.807 187.559 100.226 186.353C69.6454 185.297 41.0228 161.023 21.7403
129.362C2.45775 97.8511 -7.48481 59.1033 6.67581 34.5279C20.9871 10.1032 59.7028
-0.149132 97.9666 0.00163737C136.23 0.303176 174.193 10.857 190.312 36.4879Z"
/>
<image
x="12"
y="-13"
xlink:href="./assets/images/DSC_0590.png"
/>
</g>
</svg>
</div>
<div>
<h1>Hi, I'am DIALLO</h1>
<h3>Web developer</h3>
<p>
High level experience in web desing and knowledge, producing
quality work.
</p>
<a href="#projects">Discover projects</a>
</div>
<!-- <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> -->
<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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
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>
<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>