-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprofil-jimmy.html
197 lines (188 loc) · 10.5 KB
/
profil-jimmy.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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
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
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Les 4 FantasGit</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="style.css">
<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Numans'>
<link rel="stylesheet" media="screen and (max-width: 640px)" href="style.css" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Pontano+Sans|Sintony" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
</head>
<body>
<div class="wrapper">
<header>
<div class="container-fluid nav-top-box">
<nav>
<div class="menu-icon">
<i class="fa fa-bars fa-2x"></i>
</div>
<div class="logo">
<a href="index.html"><img class="main-logo" src="images/main-logo.png" alt="logo principal du site"><h1 class="main-title">Les<span class="color-wild">4</span>FantasGit</h1></a>
</div>
<div class="menu">
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="trombi.html">Trombinoscope</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</nav>
<div class="nav-text-img-box">
<img class="img-fluid nav-img-top" src="images/top-accueil.jpg">
<div id="typer" class="writing-text">foo</div>
</div>
</div>
</header>
</div>
<div class="container-fluid">
<div class="row">
<div class="profil_text-title">
<h2 class="form-title"><span class="form-title-bold"><span class="color-wild">P</span>rofil élève</span></h2>
<div class="form-underline"></div>
</div>
</div>
<div class="row">
<div class="body_img3 col-8 col-md-2 offset-2 offset-md-8">
<img src="https://avatars3.githubusercontent.com/u/8874047?s=200&v=4" class="logo_img3">
</div>
</div>
<div class="row no-gutters">
<div class="col-12 col-md-6 profil-main-img">
<img class="profil_portrait1" src="images/profil-jimmy2.jpg" alt="photo profil">
</div>
<span class="profil_about">A B O U T <span class="profil_about2">------</span></span>
<div class="col-12 col-md-5 profil-text-box">
<h3 class="profil_nom">Jimmy Achour</h3>
<p class="profil_text col-md-11">
<span class="profil_text2">Âge : 34<br>
Promo : 2019 Bordeaux<br>
Langage choisi : PHP</span><br><br>
Après ses études, Jimmy Achour se lance dans le métier d'acteur. En 1999, il est découvert dans un épisode de la série télévisée Sex and the City aux côtés de Sarah Jessica Parker. Le créateur de la série, Darren Star, le repère et lui confie un rôle récurrent dans son prochain projet : The Street, qui traite du monde de la finance, mais la série est annulée au bout d'une seule et unique saison, en 2001.
Cela lui suffit pour décrocher la saison suivante un rôle principal dans la série d'espionnage Alias, de J. J. Abrams aux côtés de Jennifer Garner et Michael Vartan. Entre 2001 et 2003, il incarne Will Tippin, le meilleur ami de Sydney Bristow. Son personnage disparaît à la fin de la seconde saison, et ne réapparaît qu'une fois dans la saison 3, puis au 100e épisode, durant la dernière année de la série.
En 2004, il interprète des rôles secondaires dans diverses séries télévisées : le thriller fantastique Les Forces du mal, portée par Jeffrey Donovan et Vera Farmiga, puis la série pour adolescents Jack et Bobby, créée par Greg Berlanti. Les deux fictions, malgré de bons retours critiques, ne font pas assez d'audience, et sont privées de saison 2. Parallèlement à la télévision, il débute au cinéma dans la comédie Wet Hot American Summer de David Wain, sortie en 2001. Le film est un échec critique et commercial, mais devient progressivement culte aux États-Unis.
</p>
<ul class="list-unstyled list-inline text-center profil_logo">
<li class="list-inline-item">
<a class="btn-floating btn-fb mx-1"><img src="images/github.jpg" alt="amagg" class="arrond profil_btn"></a>
</li>
<li class="list-inline-item">
<a class="btn-floating btn-tw mx-1"><img src="images/facebook.JPG" alt="amagg" class="arrond profil_btn"></a>
</li>
<li class="list-inline-item">
<a class="btn-floating btn-li mx-1"><img src="images/twitter.JPG" alt="amagg" class="arrond profil_btn"></a>
</li>
<li class="list-inline-item">
<a class="btn-floating btn-dribbble mx-1"><img src="images/linkdin.JPG" alt="amagg" class="arrond profil_btn"></a>
</li>
</ul>
</div>
</div>
</div>
<footer class="page-footer font-small stylish-color-dark pt-4 nav-footer">
<div class="container-fluid text-center text-md-left">
<div class="row">
<div class="col-md-4 mx-auto">
<h5 class="font-weight-bold text-uppercase mt-3 mb-4"><span class="ligne">Nous concernant</span></h5>
<p>Les élèves de la Wild Code School forment une communauté soudée qui s’appuie sur l’entraide et le
soutien mutuel. La joie de vivre et la passion font partie de notre quotidien.
</p>
</div>
<hr class="clearfix w-100 d-md-none">
<div class="col-md-2 mx-auto">
<h5 class="font-weight-bold text-uppercase mt-3 mb-4"><span class="ligne">Contactez-nous</span></h5>
<h4>Adresse:</h4>
<p>9 allée Serr,</p>
<p>33000 Bordeaux</p>
<h4>Telephone:</h4>
<p>06 66 96 17 77</p>
<h4>Email:</h4>
<p><a href="https://wildcodeschool.fr/">Wildcodeschool.com</a></p>
</div>
<hr class="clearfix w-100 d-md-none">
<div class="col-md-2 mx-auto">
<h5 class="font-weight-bold text-uppercase mt-3 mb-4"><span class="ligne">Plan du site</span></h5>
<ul class="list-unstyled links">
<li>
<a href="index.html">Accueil</a>
</li>
<li>
<a href="trombi.html">Promo 2019</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
<hr class="clearfix w-100 d-md-none">
<div class="col-12 col-md-2 mx-auto">
<h5 class="font-weight-bold text-uppercase mt-3 mb-4"><span class="ligne">Newsletter</span></h5>
<p>En vous inscrivant à notre liste de diffusion, vous obtiendrez toujours les dernières nouvelles
et mises à jour de notre part.</p>
<form action="/action_page.php">
<div class="nav-footer-form">
<div class="col-12 bouton-centre">
<input class="entrez" type="text" name="FirstName" value=" Entrez votre mail...">
<input class="nav-footer-bouton" type="button" value="✉">
</div>
</div>
</form>
</div>
</div>
</div>
<hr>
<ul class="list-unstyled list-inline text-center nav-footer-logo">
<li class="list-inline-item">
<a class="btn-floating btn-fb mx-1">
<button type="button" class="footer-btn"><img src="images/github.jpg" alt="amagg" class="arrond"></button>
</a>
</li>
<li class="list-inline-item">
<a class="btn-floating btn-tw mx-1">
<button type="button" class="footer-btn"><img src="images/facebook.JPG" alt="amagg" class="arrond"></button>
</a>
</li>
<li class="list-inline-item">
<a class="btn-floating btn-gplus mx-1">
<button type="button" class="footer-btn"><img src="images/insta.JPG" alt="amagg" class="arrond"></button>
</a>
</li>
<li class="list-inline-item">
<a class="btn-floating btn-li mx-1">
<button type="button" class="footer-btn"><img src="images/twitter.JPG" alt="amagg" class="arrond"></button>
</a>
</li>
<li class="list-inline-item">
<a class="btn-floating btn-dribbble mx-1">
<button type="button" class="footer-btn"><img src="images/linkdin.JPG" alt="amagg" class="arrond"></button>
</a>
</li>
</ul>
<hr>
<div class="footer-copyright text-center py-3">Made with love by
<a href="https:wildcodeschool.com"><span class="rose-link"> les4fantasGit.com</span></a>
</div>
</footer>
<script src="projet.js"></script>
<script>
var win = $(window),
foo = $('#typer');
foo.typer(['<i>À</i> <i>la</i> <i><span class="color-wild">W</span>ild <span class="color-wild">C</span>ode <span class="color-wild">S</span>chool</i> <br> <b>on apprend le code,<br>mais on apprend aussi<br>à connaitre les gens !</b>']);
// unneeded...
win.resize(function(){
var fontSize = Math.max(Math.min(win.width() / (1 * 10), parseFloat(Number.POSITIVE_INFINITY)), parseFloat(Number.NEGATIVE_INFINITY));
foo.css({
fontSize: fontSize * 1.7 + '%'
});
}).resize();
</script>
</body>
</html>