-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathwgroups.html
More file actions
115 lines (109 loc) · 6.05 KB
/
wgroups.html
File metadata and controls
115 lines (109 loc) · 6.05 KB
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
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Global Brain Consortium Work Groups</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="This is the working groups page of the Global Brain Consortium (GBC)">
<meta name="keywords" content="Neuroscience, Brain, Global, Science, Research">
<!-- Google Fonts -->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,900italic,700italic,900,700,500italic,500,400italic,300italic,300,100italic,100|Open+Sans:400,300,400italic,300italic,600,600italic,700italic,700,800|Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600,600italic,700' rel='stylesheet' type='text/css'>
<!-- Styles -->
<link href="font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.default.css">
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/nav-styles.css" />
<!-- Scripts -->
<!-- <script src="js/jquery-2.2.2.js" type="text/javascript"></script> -->
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script type="text/javascript" src="js/drop-down.js"></script>
<script src="js/jquery.matchHeight.js" type="text/javascript"></script>
<script src="js/owl.carousel.min.js"></script>
</head>
<body>
<div id="main-wrapper">
<header class="header2 sticky">
<nav class="site-nav">
<div class="nav-container">
<div class="branding"><a href="index.html"><img src="images/gbc-logo.png" alt="Global Brain Consortium Homepage Link"></a></div>
<div id="showmenu">Menu</div>
<ul id="menu" class="nav-list hide">
<li class="nav-item active"><a href="projects.html">Projects</a></li>
<li class="nav-item"><a href="events.html">Events</a></li>
<li class="nav-item"><a href="news.html">News</a></li>
<li class="nav-item"><a href="about.html">About Us</a></li>
<li class="nav-item"><a href="contact.html">Contact</a></li>
</ul>
</div>
</nav>
</header>
<section class="banner">
<div class="top-image">
<img src="images/slider/banner.png" alt="" />
</div>
<div class="page-title">
<h1>Working groups</h1>
</section>
<section>
<div class="section-content white-bg">
<div class="owl-carousel owl-theme">
<img src="images/slider/slide1.png" alt="Slide background">
<img src="images/slider/slide2.png" alt="Slide background">
<img src="images/slider/slide3.png" alt="Slide background">
<img src="images/slider/slide4.png" alt="Slide background">
</div>
</div>
</section>
<section class="lt-grey-bg">
<div class="section-content">
<div class="col-3 pad-right">
<h2 class="header-underline">Group Leader</h2>
<div class="images-2">
<img src="images/thumbs/allainevans.png">
<p class="image-label">Alan Evans,<br> co-chair</p>
</div>
<div class="clear-all"></div>
</div>
<div class="col-3-2span pad-left">
<h2 class="header-underline">Working Group Name</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vitae nibh laoreet, pulvinar justo et, hendrerit velit. Sed id viverra enim. Suspendisse potenti. Etiam eleifend elementum ante, lobortis volutpat tortor lobortis et. Aliquam placerat efficitur tellus at pharetra. Sed ac felis ut tellus cursus ultrices id vel quam. In at ipsum eu diam ullamcorper lobortis. Pellentesque lacinia placerat mi, nec congue mauris. Aenean quis dictum tellus. Aliquam a elementum lectus. Etiam tristique orci nulla, vitae aliquet sapien dictum a. Vestibulum efficitur et nulla vitae aliquet. Nunc lacinia bibendum urna, in tincidunt libero egestas ut. Duis quis imperdiet purus, sed fermentum orci. Cras egestas, augue suscipit dignissim venenatis, quam augue hendrerit tellus, non tristique sem est a elit.</p>
<button class="float-right">read more</button>
</div>
</div>
<div class="clear-all"></div>
</section>
<footer class="dk-grey-bg">
<div class="section-content flex">
<a href="http://ludmercentre.ca"><img class="logo" src="images/thumbs/ludmerlogo.png"></a>
<a href="https://mcgill.ca"><img class="logo" src="images/thumbs/mcgill.png"></a>
<a href=""><img class="logo" src="images/thumbs/hbhl.png"></a>
</div>
</footer>
</div> <!-- end of main-wrapper -->
<script>
$(function(){
$("#showmenu").click(function(e){
$("#menu").slideUp();
if ($(this).next().is(":hidden")){
$(this).next().slideDown();
}
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".owl-carousel").owlCarousel({
items:1,
loop:true,
autoplay:true,
autoplayTimeout:5000,
autoplayHoverPause:true
}
);
});
</script>
</body>
</html>