GlobalBrainConsortium.org/contact.html at master · 3design/GlobalBrainConsortium.org · GitHub

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
<!DOCTYPE html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Global Brain Consortium Contact Us</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="This is the contact page of the Global Brain Consortium (GBC)">
  <meta name="keywords" content="Neuroscience, Brain, Global, Science, Research">

  <!-- Favicon -->
  <link rel="apple-touch-icon" sizes="144x144" href="apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
  <link rel="manifest" href="site.webmanifest">
  <link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
  <meta name="msapplication-TileColor" content="#da532c">
  <meta name="theme-color" content="#ffffff">

  <!-- 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"><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 active"><a href="contact.html">Contact</a></li>
          </ul>
        </div>
      </nav>
      </header>
      <section class="banner">
        <div class="top-image">
          <img src="images/banner.png" alt="">
        </div>
        <div class="page-title">
          <h1>Contact Us</h1>
        </section>
        <section>
          <div class="section-content white-bg">
            <div class="col-3 pad-left">
              <h2 class="header-underline">Get Involved</h2>
              <div class="card">
               <div class="image-overlay-frame">
                 <img src="images/thumbs/gbc-bg-thumb.png">
                 <img src="images/thumbs/gbc-fg.png">
               </div>
               <p>There are several ways to get involved in the GBC:</p>
               <ul>
                <li>Share your unique perspectives, experiences, and knowledge with members around the world to create solutions that positively impact global mental health.</li>
                <li>Enhance your expertise by networking with leading professionals, discovering the latest trends in brain imaging, leveraging your scientific research, and being part of a global brain network.</li>
                <li>Become a member of one of our working groups or create your own special interest group.</li>
              </ul>
            </div>
          </div>
          <div class="col-3-2span pad-left">
            <h2 class="header-underline">Contact Us</h2>
            <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSeKTq37geZBhpgo8r6PSBeHWcHuFhOd_VWYekJnPNiVBRdbKw/viewform?embedded=true" class="contact-form">Loading…</iframe>
          </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.jpg"></a>
          <a href="https://www.mcgill.ca/hbhl/"><img class="logo" src="images/thumbs/healthybrain.jpg"></a>
          <a href="https://www.mcgill.ca/neuro/"><img class="logo" src="images/thumbs/neuro.png"></a>
          <a href="http://ccc-axis.org/"><img class="logo" src="images/thumbs/ccc-axis.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>