-
Notifications
You must be signed in to change notification settings - Fork 0
/
article.php
108 lines (107 loc) · 5.67 KB
/
article.php
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
<?php
include 'header.php';
include 'nav.php';
?>
<div class="article">
<div class="article__nav">
<ul>
<li>
<a href="#" class="article__nav__active">
<p class="article__nav__date p1">Published: Apr 26, 2016 at 11:20 PM GMT</p>
<h3>XVth meeting: New Technologies for Animal Cell Culture</h3>
</a>
</li>
<li>
<a href="#">
<p class="article__nav__date p1">Published: Apr 26, 2016 at 11:20 PM GMT</p>
<h3>XIVth meeting: Modern Biology for a New Era</h3>
</a>
</li>
<li>
<a href="#">
<p class="article__nav__date p1">Published: Apr 26, 2016 at 11:20 PM GMT</p>
<h3>XIIIth meeting: When Science Goes Beyond Expectations</h3>
</a>
</li>
</ul>
</div>
<div class="article__content">
<div class="article__header">
<div class="article__content__container">
<p class="article__label p1">Event</p>
<h1>XVth meeting: New Technologies for Animal Cell Culture</h1>
<p class="article__date p1">Published: Apr 26, 2016 at 11:20 PM GMT</p>
<h2>As these new technologies advance, they will have important implications in recombinant protein production, drug screening or tissue engineering. Leading scientists in these fields will provide cutting edge overview of these advances for improving animal cell cultures.</h2>
</div>
<div class="article__header__img__container">
<div class="article__header__img" style="background-image: url(../img/lln.jpg)" />
</div>
</div>
<div class="article__text">
<div class="article__content__container">
<p class="p1">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
<blockquote cite="Belact editors, Jérémie Barbau and Sébastien Sart">
<p class="p1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat.</p>
</blockquote>
<div class="article__content__container">
<p class="p1">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
<div class="article__content__gallery">
<a class="article__content__gallery__el fancybox" rel="group" href="http://www.careers.hw.ac.uk/info/bio_sci/aside_image.png"><img src="http://www.careers.hw.ac.uk/info/bio_sci/aside_image.png" alt="" /></a>
<a class="article__content__gallery__el fancybox" rel="group" href="http://www.rh.gatech.edu/hg/image/521411/original"><img src="http://www.rh.gatech.edu/hg/image/521411/original" alt="" /></a>
<a class="article__content__gallery__el fancybox" rel="group" href="http://lerablog.org/wp-content/uploads/2014/04/marinebiology.jpg"><img src="http://lerablog.org/wp-content/uploads/2014/04/marinebiology.jpg" alt="" /></a>
<a class="article__content__gallery__el fancybox" rel="group" href="http://everything-pr.com/wp-content/uploads/2015/10/PR-Conference.jpg"><img src="http://everything-pr.com/wp-content/uploads/2015/10/PR-Conference.jpg" alt="" /></a>
<a class="article__content__gallery__el fancybox" rel="group" href="http://www.hdrinc.com/sites/all/files/content/projects/images/4697-nanoscale-material-science-and-engineering-4725.jpg"><img src="http://www.hdrinc.com/sites/all/files/content/projects/images/4697-nanoscale-material-science-and-engineering-4725.jpg" alt="" /></a>
<a class="article__content__gallery__el fancybox" rel="group" href="http://www.managenergy.net/lib/images/690/original_full%20room%20straight%20on.JPG"><img src="http://www.managenergy.net/lib/images/690/original_full%20room%20straight%20on.JPG" alt="" /></a>
</div>
</div>
</div>
</div>
<footer id="contact">
<div class="container">
<div id="register" class="register">
<div class="register__content">
<h2>Contact</h2>
<p>Please contact us if you need any information or inquiries related to the Belact via this form or this email.</p>
<br />
<a href="mailto:[email protected]"><b>[email protected]</b></a>
</div>
<div class="register__form">
<form action="" method="post">
<p class="p1">Email *</p>
<input type="email" name="email" placeholder="Please enter your email" required="required">
<p class="p1">Message *</p>
<textarea name="comment" placeholder="Enter your message here..."></textarea>
<button type="submit" name="submit" class="btn">Send</button>
</form>
</div>
</div>
<p>© BELACT Copyright 2016</p>
<ul>
<li style="margin-right: 8px;"><a target="_blank" href="http://users.skynet.be/belact/">Executive Committee</a></li>
<li><a href="mailto:[email protected]">[email protected]</a></li>
<!-- <li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li> -->
</ul>
</div>
</footer>