oldcssa/community.html at main · cssaberkeley/oldcssa · 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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>CSSA</title>
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/prettyPhoto.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <link rel="shortcut icon" href="images/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
    <!-- Google Analystics -->
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-58935361-1', 'auto');
      ga('send', 'pageview');
    </script>
    <script src="//code.jquery.com/jquery.min.js"></script>
    <script>
        $.get("assets/header.html", function(data){
            $("#header-placeholder").replaceWith(data);
        });
    </script>

    <script>
        $.get("assets/footer.html", function(data){
            $("#footer-placeholder").replaceWith(data);
        });
    </script>
</head>

<body>
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=144716315690681";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    <div class="container">
        <div id="header-placeholder"></div>


        <section>
            <div class="row">
                <div class="col-md-6" style="padding-top: 15px">
                    <h2> Educational Outreach </h2>
                    <p> As members of the CSSA, we are grateful to have received the exposure to science and education that got us all hooked on brains. In order to give something back, we started an educational outreach program in which we teach basic neuroscience at local schools - particularly those with less access to hands-on science programs.Through the use of exciting presentations, hands-on demonstrations, and open discussions, we aim to impart our knowledge and passion to the students. Topics we cover include basic neuroanatomy, the connection between language and thought, how brains can be connected to computers, the nature of the mind, and how we can use scientific principles to improve our learning, health, and memory. The centerpiece of every lesson is a preserved human brain that students can touch and hold! </p>
                </div>

                <div id="scroller-1" class="col-md-6">
                    <div class="carousel slide wet-asphalt">

                        <ol class="carousel-indicators">
                            <li data-target="#scroller-1" data-slide-to="0" class="active"></li>
                            <li data-target="#scroller-1" data-slide-to="1"></li>
                            <li data-target="#scroller-1" data-slide-to="2"></li>
                            <li data-target="#scroller-1" data-slide-to="3"></li>
                            <li data-target="#scroller-1" data-slide-to="4"></li>
                        </ol>

                        <div class="carousel-inner">
                            <div class="item active">
                                <img src="images/community/outreach1.jpg" style="width:100%; height:100%">
                            </div>

                            <div class="item">
                                <img src="images/community/outreach2.jpg" style="width:100%; height:100%">
                            </div>

                            <div class="item">
                                <img src="images/community/outreach3.jpg" style="width:100%; height:100%">
                            </div>

                            <div class="item">
                                <img src="images/community/outreach4.jpg" style="width:100%; height:100%">
                            </div>

                            <div class="item">
                                <img src="images/community/outreach5.jpg" style="width:100%; height:100%">
                            </div>
                        </div>

                        <a class="prev hidden-xs" href="#scroller-1" data-slide="prev">
                            <i class="icon-angle-left"></i>
                        </a>

                        <a class="next hidden-xs" href="#scroller-1" data-slide="next">
                            <i class="icon-angle-right"></i>
                        </a>
                    </div>
                </div>
            </div>

            <div class="row" style="margin-top: 30px">
                <div id="scroller-2" class="col-md-6">
                    <div class="carousel slide wet-asphalt">

                        <ol class="carousel-indicators">
                            <li data-target="#scroller-2" data-slide-to="0" class="active"></li>
                            <li data-target="#scroller-2" data-slide-to="1"></li>
                            <li data-target="#scroller-2" data-slide-to="2"></li>
                        </ol>

                        <div class="carousel-inner">
                            <div class="item active">
                                <img src="images/community/volunteer1.jpg" style="width:100%; height:100%">
                            </div>

                            <div class="item">
                                <img src="images/community/volunteer2.jpg" style="width:100%; height:100%">
                            </div>

                            <div class="item">
                                <img src="images/community/volunteer3.jpg" style="width:100%; height:100%">
                            </div>
                        </div>

                        <a class="prev hidden-xs" href="#scroller-2" data-slide="prev">
                            <i class="icon-angle-left"></i>
                        </a>

                        <a class="next hidden-xs" href="#scroller-2" data-slide="next">
                            <i class="icon-angle-right"></i>
                        </a>
                    </div>
                </div>

                <div class="col-md-6" style="padding-top: 15px">
                    <h2> CSSA Volunteering </h2>
                    <p> Beyond visiting local schools, the CSSA travels around the Bay Area to give back to the community more broadly. CSSA has spent time working on the annual Berkeley Project, participating in local walks for health awareness, and presenting at science festivals. One of our favorites is the Bay Area Science Festival which takes place every fall, where we bring preserved brains to AT&T Park and give hands-on demos and mini lessons on neuroscience and cognition! </p>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <h2> How Do I Get Involved? </h2>
                    <p> We’d love to have you! There’s a lot of invaluable experience that can be gained by teaching students, making presentations and giving back to the community. For more information on how to get involved, come to our general meetings or email our outreach coordinator at cssa.berkeley@gmail.com.</p>
                </div>

                <div class="col-md-6">
                    <h2> Information for Educators </h2>
                    <p> If you are interested in having the Cognitive Science Student Association make a presentation at your academic institution, we would love to! Please send an email to our outreach coordinator at cssa.berkeley@gmail.com.</p>
                </div>
            </div>

        </section>

        <div id="buffer"></div>

        <div id=footer-placeholder></div>
    </div>

    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.prettyPhoto.js"></script>
    <script src="js/main.js"></script>

</body>
</html>