equal
deleted
inserted
replaced
202 </p> |
202 </p> |
203 |
203 |
204 <div class="article-annotations"> |
204 <div class="article-annotations"> |
205 <a title="title" class="blue" href="#" style="width:20%;"></a> |
205 <a title="title" class="blue" href="#" style="width:20%;"></a> |
206 <a title="title" class="green" href="#" style="width:20%;"></a> |
206 <a title="title" class="green" href="#" style="width:20%;"></a> |
207 <a title="title" class="red" href="#" style="width:60%;"></a> |
207 <a title="title" class="red" href="#" style="width:40%;"></a> |
|
208 <a title="title" class="empty" href="#" style="width:20%;"></a> |
208 </div> |
209 </div> |
209 <div class="article-content"> |
210 <div class="article-content"> |
210 <div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div> |
211 <div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div> |
211 <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod |
212 <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod |
212 tempor incididunt ut labore et dolore magna aliqua. |
213 tempor incididunt ut labore et dolore magna aliqua. |
232 </p> |
233 </p> |
233 |
234 |
234 <div class="article-annotations"> |
235 <div class="article-annotations"> |
235 <a title="title" class="blue" href="#" style="width:20%;"></a> |
236 <a title="title" class="blue" href="#" style="width:20%;"></a> |
236 <a title="title" class="green" href="#" style="width:20%;"></a> |
237 <a title="title" class="green" href="#" style="width:20%;"></a> |
237 <a title="title" class="red" href="#" style="width:60%;"></a> |
238 <a title="title" class="red" href="#" style="width:40%;"></a> |
|
239 <a title="title" class="empty" href="#" style="width:20%;"></a> |
238 </div> |
240 </div> |
239 <div class="article-content"> |
241 <div class="article-content"> |
240 <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod |
242 <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod |
241 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, |
243 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, |
242 |
244 |
263 |
265 |
264 <div class="article-annotations"> |
266 <div class="article-annotations"> |
265 <a title="title" class="blue" href="#" style="width:20%;"></a> |
267 <a title="title" class="blue" href="#" style="width:20%;"></a> |
266 <a title="title" class="green" href="#" style="width:20%;"></a> |
268 <a title="title" class="green" href="#" style="width:20%;"></a> |
267 <a title="title" class="red" href="#" style="width:40%;"></a> |
269 <a title="title" class="red" href="#" style="width:40%;"></a> |
|
270 <a title="title" class="empty" href="#" style="width:20%;"></a> |
268 </div> |
271 </div> |
269 <div class="article-content"> |
272 <div class="article-content"> |
270 <div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div> |
273 <div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div> |
271 <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod |
274 <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod |
272 tempor incididunt ut labore et dolore magna aliqua. |
275 tempor incididunt ut labore et dolore magna aliqua. |
292 </p> |
295 </p> |
293 |
296 |
294 <div class="article-annotations"> |
297 <div class="article-annotations"> |
295 <a title="title" class="blue" href="#" style="width:20%;"></a> |
298 <a title="title" class="blue" href="#" style="width:20%;"></a> |
296 <a title="title" class="green" href="#" style="width:20%;"></a> |
299 <a title="title" class="green" href="#" style="width:20%;"></a> |
297 <a title="title" class="red" href="#" style="width:60%;"></a> |
300 <a title="title" class="red" href="#" style="width:40%;"></a> |
|
301 <a title="title" class="empty" href="#" style="width:20%;"></a> |
298 </div> |
302 </div> |
299 <div class="article-content"> |
303 <div class="article-content"> |
300 <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod |
304 <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod |
301 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, |
305 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, |
302 |
306 |
322 </p> |
326 </p> |
323 |
327 |
324 <div class="article-annotations"> |
328 <div class="article-annotations"> |
325 <a title="title" class="blue" href="#" style="width:20%;"></a> |
329 <a title="title" class="blue" href="#" style="width:20%;"></a> |
326 <a title="title" class="green" href="#" style="width:20%;"></a> |
330 <a title="title" class="green" href="#" style="width:20%;"></a> |
327 <a title="title" class="red" href="#" style="width:60%;"></a> |
331 <a title="title" class="red" href="#" style="width:40%;"></a> |
|
332 <a title="title" class="empty" href="#" style="width:20%;"></a> |
328 </div> |
333 </div> |
329 <div class="article-content"> |
334 <div class="article-content"> |
330 <div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div> |
335 <div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div> |
331 <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod |
336 <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod |
332 tempor incididunt ut labore et dolore magna aliqua. |
337 tempor incididunt ut labore et dolore magna aliqua. |