qutcode-site/index.html at master · qutcode/qutcode-site · 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
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>QUT Code</title>


<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">


<!--[if lte IE 8]>

    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/grids-responsive-old-ie-min.css">

<![endif]-->
<!--[if gt IE 8]><!-->

    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/grids-responsive-min.css">

<!--<![endif]-->


<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">


    <!--[if lte IE 8]>
        <link rel="stylesheet" href="css/layouts/style-old-ie.css">
    <![endif]-->
    <!--[if gt IE 8]><!-->
        <link rel="stylesheet" href="css/layouts/style.css">
    <!--<![endif]-->


</head>
<body>


<div class="header">
    <div class="home-menu pure-menu pure-menu-horizontal pure-menu-fixed">
        <a class="pure-menu-heading" href="">./qutcode</a>
        <ul class="pure-menu-list">
            <li class="pure-menu-item"><a href="#" class="pure-menu-link">Home</a></li>
            <li class="pure-menu-item"><a href="#" class="pure-menu-link">Calendar</a></li>
            <li class="pure-menu-item"><a href="#get-in-touch" class="pure-menu-link">Sign Up</a></li>
        </ul>
    </div>
</div>

<div class="splash-container">
    <div class="splash">
        <img class="pure-img-responsive" alt="Qut Code" width="1000" src="img/common/qutcode-shrunk.jpg">
        <p>
            <a href="#get-in-touch" class="pure-button pure-button-primary">Get in touch!</a>

        </p>
    </div>
</div>

<div class="content-wrapper">
    <div class="content">
        <h2 class="content-head is-center">Build whatever, as long as it is awesome</h2>

        <div class="pure-g">
            <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-3">

                <h3 class="content-subhead">
                    <i class="fa fa-rocket"></i>
                    Open Source Projects
                </h3>
                <p>
                    We actively stimulate collaboration between students on opensource projects. We build awesome things, with awesome people.
                </p>
            </div>
            <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-3">
                <h3 class="content-subhead">
                    <i class="fa fa-book"></i>
                    Education
                </h3>
                <p>
                    Student run workshops ranging from introductory to advanced, provide opportunities for students to engage and learn with other students and developers.
                </p>
            </div>
            <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-3">
                <h3 class="content-subhead">
                    <i class="fa fa-list"></i>
                    Objectives
                </h3>
                <p>
                    Whether it be venture ideas, research projects or industry backed hackathons. If it is awesome, we want to do it.

                </p>

        </div>
    </div>

    <div class="ribbon l-box-lrg pure-g">
        <div class="l-box-lrg is-center pure-u-1 pure-u-md-1-2 pure-u-lg-2-5">
            <img class="pure-img-responsive" alt="QUT Code e Icon" width="300" src="img/common/qutcode-web-banner.png">
        </div>
        <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-3-5">

            <h2 class="content-head content-head-ribbon">Our mission</h2>

            <p>

We have started QUT Code in order to build the best environment possible for innovation, collaboration and education within the codespace at QUT.
            </p>
             <p>
QUT Codes success will come from members, doing awesome things. Whether it is producing awesome opensource projects, seeing cool results from research, building a startup company with the people they meet here, or hell learning to code a bit better than yesterday. We just want to do awesome stuff, simple as that.
            </p>
        </div>
    </div>

    <div class="content">
        <a name="get-in-touch"></a>
        <h2 class="content-head is-center">GET IN TOUCH</h2>

        <div class="pure-g">
            <div class="l-box-lrg pure-u-1 pure-u-md-2-5">
                <form class="pure-form pure-form-stacked">
                    <fieldset>
                        <input type="text" class="pure-input-2-1" placeholder="Your Name">
                        <input type="text" class="pure-input-2-1" placeholder="Your Email">
                        <textarea class="pure-input-1-1" placeholder="Say Hello" rows=5% cols=40%></textarea>
                    </fieldset>
                        <button type="submit" class="pure-button">Contact</button>

                </form>
            </div>

            <div class="l-box-lrg pure-u-1 pure-u-md-3-5">
                <h4>Students</h4>
                <p>
                    Students and should email us or check us out on:

                </p>
                    <a href="https://www.facebook.com/groups/QUTCode/" class="pure-button">Facebook</a></li>
                    <a href="https://github.com/qutcode" class="pure-button">Github</a></li>


                <h4>Everyone Else</h4>
                <p>
                    We are always looking for things to do, so lets chat!
Shoot us an email via the form, facebook, or directly at info@qutcode.com

                </p>
            </div>
        </div>

    </div>
</div>
</div>


</body>
</html>