https://nmjd.github.io/

1<!DOCTYPE html>
2<html>
3<header>
4	<title> Personnal Portofolio</title>
5	<link rel="stylesheet" href="style.css">
6	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
7	<meta name="viewport" content="width=device-width, initial-scale=1.0">
8
9</header>
10<body>
11	
12	<nav id="navbar">
13		<div>
14		<a href="#welcome-section" id="home">Home</a>
15		<a href="#projects" id="portfolio">Portfolio</a>
16		<a href="#profile-link" id="contacts">Contacts</a> 
17		</div>
18	</nav>
19
20	<section id="welcome-section">
21		<div id="welcome-content">
22
23			<h1> Hello ! I'm Michel NZIHOU </h1>
24			<p> Front-end developer <br>&<br> Incoming full-stack </p> <br>
25
26			<div id="infos">
27				<img src="./images/michel.jpg" alt="Michel's photo">
28				<!-- <div id="skills">
29					<h1>SKILLS</h1>
30					<h2>Javascript</h2>
31					<h2>CSS</h2>
32					<h2>HTML</h2>
33				</div> -->
34			</div>
35		</div>
36		<div id="shape1"></div>
37		<div id="shape2"></div>
38	</section>
39
40	<section id="projects">
41
42
43		<div title="Covid News App"><a href="https://nmjd.github.io/CovidNewsApp/" target="_blank">
44			<img src="./images/covidnewsapp.png" alt=" CovidNewsApp">
45			<h4 id="project-title"> Covid News App - ReactJs and Web APIs </h4></a>
46		</div>
47
48
49		<div title="Covid Track App"><a href="https://nmjd.github.io/covid-viz-track-app" target="_blank">
50			<img src="./images/covid-track.png" alt=" CovidNewsApp">
51			<h4 id="project-title"> Covid-viz - React.js, Chart.js, Material-UI, APIs </h4></a>
52		</div>
53
54
55		<div><a href="https://codepen.io/NMJD/pen/KKzKPmW" target="_blank">
56			<img src="./images/alan_tribute.png" alt="Alan turing's tribute project ">
57			<h4 id="project-title"> Alan Tribute </h4></a>
58		</div>
59
60		<div><a href="https://codepen.io/NMJD/pen/qBZEEYm" target="_blank">
61			<img src="./images/survey.png" alt="survey form project">
62			<h4 id="project-title"> Survey form </h4></a>
63		</div>
64
65		<div><a href="https://codepen.io/NMJD/pen/abNvoyJ" target="_blank">
66			<img src="./images/landing_page1.png" alt="landing page project">
67			<h4 id="project-title"> Product landing page </h4></a>
68		</div>
69
70		<div><a href="https://codepen.io/NMJD/pen/eYZNeJe" target="_blank">
71			<img src="./images/technical_documentation.png" alt="survey form project">
72			<h4 id="project-title"> Html documentation </h4></a>
73		</div>
74		  
75	</section>
76
77	<section id="footer">
78		<h2> Feel free to contact me </h2>
79		<h3> here are my social network links </h3>
80
81		<div id="profile-link">
82		<a href="https://linkedin.com/in/michel-nzihou" class="fa fa-linkedin" target="_blank"> LinkedIn </a>
83		<a href="https://github.com/nmjd" class="fa fa-github" target="_blank"> Github </a>
84		</div>
85		<hr>
86
87<div>&copy Copyright 2020 NMJD -- [email protected]</div>
88</section>
89</div>
90
91
92</body>
93
94</html>