-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
267 lines (248 loc) · 11.1 KB
/
index.html
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
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>RSPCT</title>
<link rel="stylesheet" href="css/index.css" type="text/css" media="screen">
<link rel="icon" href="img/rspct-favicon.png" type="">
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><!-- javascript to collapse navbar -->
<script src="bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<!-- ..............
Navbar starts here
...................-->
<nav class="navbar navbar-default navbar-custom">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><!-- <img src="img/jaaga-logo-small-2.jpg" class="navbar-logo"> --><strong>RSPCT</strong></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class=""><a href="#">About</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Blog</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Deadline for <strong>RSPCT</strong> is __</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<!-- ..............
Navbar ends here
...................-->
<!-- .....................
Title content starts here
..........................-->
<div class="container">
<div class="row">
<div class="col-md-12 title-text">
<h1 class="text-center">RSPCT connects startups with software developers</h1>
</div><!-- /.col-md-10 -->
</div><!-- /.row -->
</div><!-- /.container -->
<!-- .....................
Title content ends here
..........................-->
<!-- .............................
First section paragraphs start here
..................................-->
<div class="container">
<div class="row">
<div class="col-md-offset-2 col-md-8 section-1">
<h2 class="text-justify moderate-margin-bottom">We conduct regular events connecting accepted startups and software developers for internships and jobs. At RSPCT we set a clear bar of what level of programming ability is expected out of developers and we make sure that the event is productive for everyone involved.</h2>
<!--...........................
Buttons with border start here
...............................-->
<h3>The next RSPCT is on April 11th</h3>
<div class="btn-group cta-btn btn-group-justified hidden-xs btn-lg" role="group" aria-label="...">
<div class="btn-group" role="group">
<button type="button" class="btn btn-default ">Find Software Developers</button>
</div>
<div class="btn-group" role="group">
<button type="button" class="btn btn-default ">Work in a Startup</button>
</div>
</div><!-- /.cta-btn -->
<!--...........................
Buttons with border end here
...............................-->
<!-- ................................
Buttons for extra small screens here
..................................... -->
<!-- Single button -->
<div class="btn-group cta-btn visible-xs ">
<button type="button" class="btn btn-default btn-block" data-toggle="dropdown" aria-expanded="false">
Find Software Developers
</button>
<button type="button" class="btn btn-default btn-block" data-toggle="dropdown" aria-expanded="false">
Work in a Startup
</button>
</div>
<!-- ................................
Buttons for extra small screens end here
..................................... -->
<hr>
</div><!-- /.col-md-8 -->
</div><!-- /.row -->
</div><!-- /.container -->
<!-- .............................
First section paragraphs end here
..................................-->
<!-- ...............................................
Second section paragraph (How we do it) starts here
....................................................-->
<div class="container">
<div class="row">
<div class="col-md-offset-2 col-md-8 heavy-margin-top">
<h3><strong>How we do it</strong></h3>
<h2>If you are a developer, to participate in RSPCT, you must demonstrate your software development skills with code you have posted on GitHub. We also take into consideration past projects, online classes, hackathons, workshops and programming challenges you have completed.</h2>
<h2>We review your application and will have personal conversations with you to understand your programming abilities. If you are qualified, we invite you to our next RSPCT event, otherwise we give you advice about specific things you can do to improve your skills.</h2>
<h2>If you are really interested in improving your skills, we invite you to our Learn to Code community where people, beginners and experienced alike, work together in practicing and improving their programming skills.</h2>
<h3>The next RSPCT Event is on April 11th</h3>
<div class="col-sm-offset-2 col-sm-8 col-md-offset-1 col-md-10">
<!-- ..........
CTA button here
................-->
<!-- Single button -->
<div class="btn-group cta-btn btn-group-justified hidden-xs btn-lg" role="group" aria-label="...">
<div class="btn-group" role="group">
<button type="button" class="btn btn-default ">Startups. Register Here.</button>
</div>
<div class="btn-group" role="group">
<button type="button" class="btn btn-default ">Developers. Apply Here.</button>
</div>
</div><!-- /.cta-btn -->
<!-- ................
CTA button ends here
.....................-->
<!-- ................................
Buttons for extra small screens here
..................................... -->
<hr>
<!-- Single button -->
<div class="btn-group cta-btn visible-xs ">
<button type="button" class="btn btn-default btn-block" data-toggle="dropdown" aria-expanded="false">
Find Software Developers
</button>
<button type="button" class="btn btn-default btn-block" data-toggle="dropdown" aria-expanded="false">
Work in a Startup
</button>
</div>
<!-- ................................
Buttons for extra small screens end here
..................................... -->
</div>
</div><!-- /.col-md-8 -->
</div><!-- /.row -->
</div><!-- /.container -->
<!-- ...............................................
Second section paragraph (How we do it) ends here
....................................................-->
<!-- ...............................................
Third section paragraph (RSPCT Community) starts here
....................................................-->
<div class="container heavy-margin-top">
<div class="row">
<div class="col-md-offset-2 col-md-8 moderate-margin-top">
<h3><strong>The RSPCT Learn to Code Community</strong></h3>
<h2>We believe anyone can become a solid software developer if you have the interest, discipline and is willing to put in the time and regular effort to learn the necessary skills. Writing good software requires clear thinking, practice and a familiarity with a variety of tools. Like medicine, law, or most other serious professions, one should expect to spend years getting good at it.</h2>
<h2>Fortunately everything one needs to know to become a professional software developer is freely available on the internet. Most software professionals taught themselves most of what they know by working on projects and exploring the internet for solutions to their problems.</h2>
<h2>We assist people who are serious in pursuing this path. The RSPCT Event we conduct provides a clear target to shoot for. The community guides people as to what they can study, gives support when people have questions, and arranges a variety of activities, both offline and online, to help people stay focused and motivated as they start building web and mobile applications.</h2>
<!-- ..........
CTA button here
................
Single button
<div class="btn-group rspct-btn">
<button type="button" class="btn">Come say Hello : )
</button>
</div>
................
CTA button ends here
..................... -->
<!-- <h2>Oh, our next RSPCT event is on April 11. You can register here (You don’t have to scroll up!)
</h2>
<div class="col-sm-offset-3 col-sm-6 col-md-offset-4 col-md-4">
..........
CTA button here
................
Single button
<div class="btn-group cta-btn btn-group-justified" role="group" aria-label="...">
<div class="btn-group" role="group">
<button type="button" class="btn btn-default ">Startups.</button>
</div>
<div class="btn-group" role="group">
<button type="button" class="btn btn-default ">Developers.</button>
</div>
</div>/.cta-btn
................
CTA button ends here
..................... -->
</div>
</div><!-- /.col-md-8 -->
</div><!-- /.row -->
</div><!-- /.container -->
<!-- ...............................................
Third section paragraph (RSPCT Community) ends here
....................................................-->
<!--.......................
Logos of partners start here
........................... -->
<div class="container heavy-margin-top">
<div class="row">
<div class="col-xs-12 col-sm-offset-1 col-sm-10 col-md-offset-4 col-md-4 moderate-margin-top">
<div class="col-xs-6 col-sm-4 col-md-6 jaaga-logo">
<img src="img/jaaga-logo.png" class="img-responsive">
</div>
<div class="col-xs-6 col-sm-4 col-md-6">
<img src="http://www.ispirt.in/Media/Stills/logo.png" class="img-responsive">
</div>
</div><!-- /.col-md-8 -->
</div><!-- /.row -->
</div><!-- /.container -->
<!--.......................
Logos of partners end here
........................... -->
<!-- ......................
Footer content starts here
...........................-->
<!-- <div class="container-fluid">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 footer moderate-margin-top">
<div class="col-xs-12 col-sm-offset-3 col-sm-6 col-md-offset-4 col-md-4 footer-content moderate-margin-top">
<ul>
<li><a href="#">FAQ</li>
<li><a href="#">About</li>
<li><a href="#">Contact</li>
<li><a href="#">Docs</li>
<li><a href="#">Affiliates</li>
<li><a href="#">Terms</li>
</ul>
</div>
</div>
</div>
</div> -->
<!-- ......................
Footer content ends here
...........................-->
</body>
</html>
<!--
problems!!
<!-- 1. navbar fonts need to be bigger --done--from 1em to 1.4em
2. landing message needs to be bigger--done from 2em to 2.5em
3. make buttons bigger--done--increased size from bootstrap normal to large
4. make the buttons separate
5. line after each logical section
6. -->