-
Notifications
You must be signed in to change notification settings - Fork 0
/
interview.html
86 lines (75 loc) · 4.79 KB
/
interview.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css?family=PT+Serif" rel="stylesheet">
<title>CDIN | Projet</title>
</head>
<body class="middle">
<header>
<a id="accueilTitreSite" href="index.html"><h1>PrayForMySemestre</h1></a>
<nav>
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="equipe.html">L'Équipe</a></li>
<li><a href="actualite.html">Actualité</a></li>
<li><a href="metiers.html">Métiers</a></li>
<li><a href="interview.html">Interview</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</nav>
</header>
<main>
<section>
<article class=InterviewTextG>
<figure>
<img src="images/RegisNohe.jpg" class=interviewImage alt="premiere img">
</figure>
<h2> <img src="images/logoInterview.png" class=interviewLogoD alt="logo"> Régis Nohé</h2>
<p>Enseignant de l'IUT Informatique de La Rochelle, Monsieur Nohè a plusieurs fonctions au sein de cet établissements.
Il exerce cette profession depuis quelques années maintenant, il était interessant d'avoir son parcours mais aussi
son point de vue sur l'informatique. Nous avons choisi de l'interviewer, car en tant qu'élève de son enseignement,
nous avons reconnu ces principes, alors laissez-nous vous les présenter. <br /> <a href="interview.html">Voir la vidéo</a></p>
</article>
<article class=InterviewTextD>
<figure>
<img src="images/39262b3.jpg" class=interviewImage alt="deuxieme image">
</figure>
<h2> <img src="images/logoInterview.png" class=interviewLogoD alt="logo"> Régis Nohé</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vehicula, velit ac
dictum ornare, diam erat porttitor lectus, eget tempor erat mi quis nulla. Morbi sed nibh volutpat,
mattis nulla sit amet, ullamcorper nunc. Suspendisse potenti. Nunc in ullamcorper mauris.
Mauris a metus ut odio tincidunt rhoncus in vel nibh. Phasellus porttitor dolor sapien, eget auctor elit malesuada nec.
<a href="interview.html">Voir la vidéo</a></p>
</article>
<article class=InterviewTextG>
<figure>
<img src="images/39262b3.jpg" class=interviewImage alt="troisieme image">
</figure>
<h2> <img src="images/logoInterview.png" class=interviewLogoD alt="logo"> Régis Nohé</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vehicula, velit ac
dictum ornare, diam erat porttitor lectus, eget tempor erat mi quis nulla. Morbi sed nibh volutpat,
mattis nulla sit amet, ullamcorper nunc. Suspendisse potenti. Nunc in ullamcorper mauris.
Mauris a metus ut odio tincidunt rhoncus in vel nibh. Phasellus porttitor dolor sapien, eget auctor elit malesuada nec.
<a href="interview.html">Voir la vidéo</a></p>
</article>
<article class=InterviewTextD>
<figure>
<img src="images/39262b3.jpg" class=interviewImage alt="quatrieme image">
</figure>
<h2> <img src="images/logoInterview.png" class=interviewLogoD alt="logo"> Régis Nohé</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vehicula, velit ac
dictum ornare, diam erat porttitor lectus, eget tempor erat mi quis nulla. Morbi sed nibh volutpat,
mattis nulla sit amet, ullamcorper nunc. Suspendisse potenti. Nunc in ullamcorper mauris.
Mauris a metus ut odio tincidunt rhoncus in vel nibh. Phasellus porttitor dolor sapien, eget auctor elit malesuada nec.
<a href="interview.html">Voir la vidéo</a></p>
</article>
</section>
</main>
<footer class="middle">
<p>© DreamTeam - 2017 - Tous droits réservés -
<a href="contact.html">Contact</a> - <a href="mentions_legales.html">Mentions légales</a></p>
</footer>
</body>
</html>