|
0
|
1 |
<!doctype html> |
|
|
2 |
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"><![endif]--> |
|
|
3 |
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]--> |
|
|
4 |
<!--[if IE 8]><html class="no-js lt-ie9" lang="en"><![endif]--> |
|
|
5 |
<!--[if IE 9]><html class="no-js ie9" lang="en"><![endif]--> |
|
|
6 |
<!--[if gt IE 9]><!--> <html class="no-js" lang="en"><!--<![endif]--> |
|
|
7 |
<head> |
|
|
8 |
<meta charset="utf-8" /> |
|
|
9 |
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|
|
10 |
<title>Cinegift</title> |
|
|
11 |
<meta name="description" content="" /> |
|
|
12 |
<meta name="viewport" content="width=980" /> |
|
|
13 |
<link rel="stylesheet" href="css/reset.css" /> |
|
|
14 |
<link rel="stylesheet" href="css/default.css" /> |
|
|
15 |
<link rel="stylesheet" href="css/styles.css" /> |
|
|
16 |
|
|
|
17 |
<!-- Custom scrollbars CSS --> |
|
|
18 |
<link href="css/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" /> |
|
|
19 |
<script src="js/libs/modernizr-2.5.3.min.js"></script> |
|
|
20 |
</head> |
|
|
21 |
|
|
|
22 |
<body class=""> |
|
|
23 |
<!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]--> |
|
|
24 |
<header> |
|
|
25 |
<h1><img src="img/logo.png" alt="AlloCiné LAB" class="logo" /></h1> |
|
|
26 |
<nav> |
|
|
27 |
<ul> |
|
|
28 |
<li><a href="#">Discover</a></li> |
|
|
29 |
<li class="current"><a href="#">Speednoter</a></li> |
|
|
30 |
<li><a href="#">Profile</a></li> |
|
|
31 |
</ul> |
|
|
32 |
</nav> |
|
|
33 |
|
|
|
34 |
<section class="connect"> |
|
|
35 |
|
|
|
36 |
<div class="connected_profiles"> |
|
|
37 |
<span>Angelo Chiacchio</span> |
|
|
38 |
<img src="img/profil.jpg" alt="photo de profil" /> |
|
|
39 |
</div><!-- /connected_profiles --> |
|
|
40 |
|
|
|
41 |
<span class="logout">loggout</span> |
|
|
42 |
|
|
|
43 |
</section> |
|
|
44 |
<!-- /connect --> |
|
|
45 |
</header> |
|
|
46 |
<div role="main"> |
|
|
47 |
<section class="central"> |
|
|
48 |
|
|
|
49 |
<div id="results" class="results d_block"> |
|
|
50 |
|
|
|
51 |
<h2>Speednoter</h2> |
|
|
52 |
<div class="breaker"></div> |
|
|
53 |
|
|
|
54 |
<!-- SPEEDNOTER --> |
|
|
55 |
<!-- --------------------- --> |
|
|
56 |
<div class="myAC_speednoter big-rating"> |
|
|
57 |
|
|
|
58 |
<div class="j_entity_container hide"> <span data-entity="{ "reftype" : "", "cref" : "" }" class="tt_r26 j_entity"> </span> </div> |
|
|
59 |
<div class="w-speednoter"> </div> |
|
|
60 |
<div class="hide" id="tmp_rating_save"> </div> |
|
|
61 |
<div class="hide" id="speednoter_staticrating_male"> |
|
|
62 |
<div> |
|
|
63 |
<div class="starsratelabel">Ma note : </div> |
|
|
64 |
<div class="star-rating starZero"><a style="margin-left: 0px; " title="0">0</a></div> |
|
|
65 |
<div class="flyingstarsform"> |
|
|
66 |
<div class="star-rating-control"> |
|
|
67 |
<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="0,5">0,5</a></div> |
|
|
68 |
<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="1">1</a></div> |
|
|
69 |
<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="1,5">1,5</a></div> |
|
|
70 |
<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="2">2</a></div> |
|
|
71 |
<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="2,5">2,5</a></div> |
|
|
72 |
<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="3">3</a></div> |
|
|
73 |
<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="3,5">3,5</a></div> |
|
|
74 |
<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="4">4</a></div> |
|
|
75 |
<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="4,5">4,5</a></div> |
|
|
76 |
<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="5">5</a></div> |
|
|
77 |
</div> |
|
|
78 |
</div> |
|
|
79 |
<div class="fm_rating_currentrate-class"></div> |
|
|
80 |
<div class="fm_rating_wanttosee_class"></div> |
|
|
81 |
<div class="fm_rating_notinterested_class"></div> |
|
|
82 |
<div class="rating-cancel icoredcross"><a title="Effacer ma note"></a></div> |
|
|
83 |
<div class="spacer"></div> |
|
|
84 |
</div> |
|
|
85 |
<div class="spacer"></div> |
|
|
86 |
</div> |
|
|
87 |
<div class="hide" id="speednoter_staticrating_female"> |
|
|
88 |
<div class="femaleparentobject"><!-- femaleparentobject --> |
|
|
89 |
<div> |
|
|
90 |
<div class="starsratelabel">Ma note : </div> |
|
|
91 |
<div class="star-rating starZero"><a style="margin-left: 0px; " title="0">0</a></div> |
|
|
92 |
<div class="flyingstarsform"> |
|
|
93 |
<div class="star-rating-control"> |
|
|
94 |
<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="0,5">0,5</a></div> |
|
|
95 |
<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="1">1</a></div> |
|
|
96 |
<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="1,5">1,5</a></div> |
|
|
97 |
<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="2">2</a></div> |
|
|
98 |
<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="2,5">2,5</a></div> |
|
|
99 |
<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="3">3</a></div> |
|
|
100 |
<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="3,5">3,5</a></div> |
|
|
101 |
<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="4">4</a></div> |
|
|
102 |
<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="4,5">4,5</a></div> |
|
|
103 |
<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="5">5</a></div> |
|
|
104 |
</div> |
|
|
105 |
</div> |
|
|
106 |
<div class="fm_rating_currentrate-class"></div> |
|
|
107 |
<div class="fm_rating_wanttosee_class"></div> |
|
|
108 |
<div class="fm_rating_notinterested_class"></div> |
|
|
109 |
<div class="rating-cancel icoredcross"><a title="Effacer ma note"></a></div> |
|
|
110 |
<div class="spacer"></div> |
|
|
111 |
</div> |
|
|
112 |
</div> |
|
|
113 |
<div class="spacer"></div> |
|
|
114 |
</div> |
|
|
115 |
<div class="speednoter "> |
|
|
116 |
<div style="z-index:+1; background-color: #FFF; position: absolute; width: 100%; height: 250px; opacity: 0.9; filter:Alpha(Opacity=90);" class="hide" id="speednoter_txt_nomoreitems"> |
|
|
117 |
<div style="position: absolute; top: 40%; width: 100%; align: center; vertical-align: middle; text-align: center;"> Il n'y a plus de fiches à afficher.<br> |
|
|
118 |
Veuillez rafraichir votre navigateur. </div> |
|
|
119 |
</div> |
|
|
120 |
<div style="z-index:+1; background-color: #FFF; position: absolute; width: 940px; height: 250px; opacity: 0.9; filter:Alpha(Opacity=90);" class="hide" id="speednoter_loader"> |
|
|
121 |
<div style="position: absolute; top: 40%; left: 45%; width: 100%; align: center; vertical-align: middle;"> <img alt="" style="width:32px; height:32px;" src="http://images.allocine.fr/commons/ajax-loader.gif"> </div> |
|
|
122 |
</div> |
|
|
123 |
<div id="speednotertabs_00"> <a href="#" class=""></a> <a href="#" class=""></a> <a href="#" class=""></a> <a href="#" class="current"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> </div> |
|
|
124 |
<div id="speednoterprevbtn_00" class="navprevbtn"><a><img width="0" height="0" src="http://images.allocine.fr/commons/empty.gif" alt=" " class="ico"></a></div> |
|
|
125 |
<div id="speednoter_00" class="speednotercontent"> |
|
|
126 |
<div id="speednoter_content_3" class="slide" style="display: block;"> |
|
|
127 |
<!--infos content--> |
|
|
128 |
<div id="speednoter_content_html_3"> |
|
|
129 |
<div class="picturezone"><img title="Prison Break" alt="Prison Break" src="http://fr.web.img1.acsta.net/r_160_x/medias/nmedia/18/85/25/52/19779382.jpg"></div> |
|
|
130 |
<!-- picturezone --> |
|
|
131 |
<div class="contentzone"> |
|
|
132 |
<h3 class="serieTV" >Prison Break <span>(2002)</span></h3> |
|
|
133 |
<!--h3>Prison Break</h3--> |
|
|
134 |
<p>Directed By <strong>Martin Scorcese</strong></p> |
|
|
135 |
<p>With <strong>Dominic Purcell, Wentworth Miller, Sarah Wayne Callies,Michael Rapaport, Amaury Nolasco</strong></p> |
|
|
136 |
<p>Michael Scofield s'engage dans une véritable lutte contre la montre : son frère Lincoln est dans le couloir de la mort, en attente de son exécution. Persuadé de son innocence mais à court de solutions, Michael décide de se faire incarcérer à son tour dans le pénitencier d'état de Fox River pour organiser leur évasion...</p> |
|
|
137 |
<!-- !! Existing template --> <!-- !! /Existing template --> |
|
|
138 |
<div class="spacer"></div> |
|
|
139 |
</div> |
|
|
140 |
<!-- /contenzone --><!-- /morezone --></div> |
|
|
141 |
<!--rating content--> |
|
|
142 |
<div class="speednoterstarsratezone"> |
|
|
143 |
<div id="speednoter_target_3"> |
|
|
144 |
<div data-rating="{"savedShowingTime":100}" class="sya w-opinion w-rating w-interest" id="j_entity_rating"> |
|
|
145 |
<div id="j_entity_rating_html" class=""> |
|
|
146 |
<div class="rate "> |
|
|
147 |
<p class="lighten_hl label">My opinion</p> |
|
|
148 |
<div class="picto_rating rate_cancel load_target hidden j_rate_cancel"></div> |
|
|
149 |
<div class="picto_rating rate_null_on load_target hide"> |
|
|
150 |
<div class="rate_tooltip">0 : Pourri |
|
|
151 |
<div class="arrow_b"></div> |
|
|
152 |
</div> |
|
|
153 |
</div> |
|
|
154 |
<div class="rating_module load_target"> |
|
|
155 |
<div class="star rated_b_l"> |
|
|
156 |
<div class="rate_tooltip">0.5 : Nul |
|
|
157 |
<div class="arrow_b"></div> |
|
|
158 |
</div> |
|
|
159 |
</div> |
|
|
160 |
<div class="star rated_b_r"> |
|
|
161 |
<div class="rate_tooltip">1.0 : Très mauvais |
|
|
162 |
<div class="arrow_b"></div> |
|
|
163 |
</div> |
|
|
164 |
</div> |
|
|
165 |
<div class="star rated_b_l"> |
|
|
166 |
<div class="rate_tooltip">1.5 : Mauvais |
|
|
167 |
<div class="arrow_b"></div> |
|
|
168 |
</div> |
|
|
169 |
</div> |
|
|
170 |
<div class="rated_b_r star"> |
|
|
171 |
<div class="rate_tooltip">2.0 : Pas terrible |
|
|
172 |
<div class="arrow_b"></div> |
|
|
173 |
</div> |
|
|
174 |
</div> |
|
|
175 |
<div class="rated_b_l star"> |
|
|
176 |
<div class="rate_tooltip">2.5 : Moyen |
|
|
177 |
<div class="arrow_b"></div> |
|
|
178 |
</div> |
|
|
179 |
</div> |
|
|
180 |
<div class="rated_off_r star"> |
|
|
181 |
<div class="rate_tooltip">3.0 : Pas mal |
|
|
182 |
<div class="arrow_b"></div> |
|
|
183 |
</div> |
|
|
184 |
</div> |
|
|
185 |
<div class="rated_off_l star"> |
|
|
186 |
<div class="rate_tooltip">3.5 : Bien |
|
|
187 |
<div class="arrow_b"></div> |
|
|
188 |
</div> |
|
|
189 |
</div> |
|
|
190 |
<div class="rated_off_r star"> |
|
|
191 |
<div class="rate_tooltip">4.0 : Très bien |
|
|
192 |
<div class="arrow_b"></div> |
|
|
193 |
</div> |
|
|
194 |
</div> |
|
|
195 |
<div class="rated_off_l star"> |
|
|
196 |
<div class="rate_tooltip">4.5 : Excellent |
|
|
197 |
<div class="arrow_b"></div> |
|
|
198 |
</div> |
|
|
199 |
</div> |
|
|
200 |
<div class="rated_off_r star"> |
|
|
201 |
<div class="rate_tooltip">5.0 : Chef d'œuvre |
|
|
202 |
<div class="arrow_b"></div> |
|
|
203 |
</div> |
|
|
204 |
</div> |
|
|
205 |
</div> |
|
|
206 |
<!--/rating_module--> |
|
|
207 |
<div class="loader"> |
|
|
208 |
<div class="j_saving loading_item"><img alt="" src="http://images.allocine.fr/skin/loader_green.gif" class="vam">En cours...</div> |
|
|
209 |
<div class="lighten align_c j_saved loaded_item">Enregistré</div> |
|
|
210 |
</div> |
|
|
211 |
</div> |
|
|
212 |
<!--/rate--> |
|
|
213 |
</div> |
|
|
214 |
<div class="fl margin_30l"> |
|
|
215 |
<span title="" class="button btn06"><span class="thumb">Oui</span></span> <span title="" class="button btn07"><span class="thumb">Non</span></span> |
|
|
216 |
</div> |
|
|
217 |
</div> |
|
|
218 |
</div> |
|
|
219 |
</div> |
|
|
220 |
</div> |
|
|
221 |
</div> |
|
|
222 |
<div id="speednoternextbtn_00" class="navnextbtn"><a> <img width="0" height="0" src="http://images.allocine.fr/commons/empty.gif" alt=" " class="ico"></a></div> |
|
|
223 |
</div> |
|
|
224 |
<!-- /speednoter --> |
|
|
225 |
|
|
|
226 |
</div> |
|
|
227 |
|
|
|
228 |
<!-- /SPEEDNOTER --> |
|
|
229 |
<!-- ---------------------- --> |
|
|
230 |
|
|
|
231 |
<p class="align_c"> |
|
|
232 |
<span class="stillToRate" >Still <span> 9 </span> to rate </span> |
|
|
233 |
<a href="#" class="btn_see uppercase my_reco">See my recommandations</a> |
|
|
234 |
</p> |
|
|
235 |
|
|
|
236 |
</div> |
|
|
237 |
<!-- /results --> |
|
|
238 |
|
|
|
239 |
<div id="basic-modal-content3" class="align_c"> |
|
|
240 |
<div class="tt_03 align_l margin_20b">Get Started</div> |
|
|
241 |
<p class="align_l fs18"> |
|
|
242 |
Allociné still lacks some rating of yours in order to get a good idea of your taste and being able to provide you with a recommendation of movies and series. |
|
|
243 |
</p> |
|
|
244 |
<p class="margin_40t margin_60b fs18 bold"> |
|
|
245 |
Please rate at least |
|
|
246 |
<span class="item_disk_big margin_10h"> |
|
|
247 |
<span class="">4</span> |
|
|
248 |
</span> |
|
|
249 |
movies |
|
|
250 |
</p> |
|
|
251 |
<a href="#" class="btn_see uppercase">START RATING NOW</a> |
|
|
252 |
</div> |
|
|
253 |
<!-- /modal2 --> |
|
|
254 |
|
|
|
255 |
</section> |
|
|
256 |
<!-- /central --> |
|
|
257 |
</div> |
|
|
258 |
<!-- /main --> |
|
|
259 |
<footer> |
|
|
260 |
<a href="#" class="logofoot" ><img src="img/logo-footer.png" alt="Cinégift" /></a> |
|
|
261 |
</footer> |
|
|
262 |
|
|
|
263 |
<script src="js/libs/jquery-1.7.1.min.js"></script> |
|
|
264 |
<script src="js/libs/jquery-ui-1.8.21.custom.min.js"></script> |
|
|
265 |
|
|
|
266 |
<script type='text/javascript' src='js/jquery.simplemodal.js'></script> |
|
|
267 |
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script> |
|
|
268 |
<!-- mousewheel plugin --> |
|
|
269 |
<script src="js/jquery.mousewheel.min.js"></script> |
|
|
270 |
<!-- custom scrollbars plugin --> |
|
|
271 |
<script src="js/jquery.mCustomScrollbar.js"></script> |
|
|
272 |
|
|
|
273 |
<script src="js/script.js"></script> |
|
|
274 |
|
|
|
275 |
<script> |
|
|
276 |
openNodal(); |
|
|
277 |
|
|
|
278 |
//call this function when a user note a movie... |
|
|
279 |
//youhouNumber(); |
|
|
280 |
|
|
|
281 |
//call this function to show "see my recommandations" button |
|
|
282 |
//activateSeeRecommandations(); |
|
|
283 |
|
|
|
284 |
</script> |
|
|
285 |
|
|
|
286 |
</body> |
|
|
287 |
</html> |