first attempt at expanding landing page
This commit is contained in:
@ -30,6 +30,11 @@ footer {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6, p {
|
||||||
|
padding-top: 5px;
|
||||||
|
padding-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
// Navbar
|
// Navbar
|
||||||
// -------------------------
|
// -------------------------
|
||||||
|
|
||||||
@ -81,7 +86,6 @@ footer {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
border-radius: 3px;
|
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
-webkit-box-shadow: 2px 4px 1px rgba(0, 0, 0, 0.3);
|
-webkit-box-shadow: 2px 4px 1px rgba(0, 0, 0, 0.3);
|
||||||
-moz-box-shadow: 2px 4px 1px rgba(0, 0, 0, 0.3);
|
-moz-box-shadow: 2px 4px 1px rgba(0, 0, 0, 0.3);
|
||||||
@ -97,14 +101,6 @@ ul {
|
|||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* Pages */
|
/* Pages */
|
||||||
|
|
||||||
.pages {
|
.pages {
|
||||||
|
@ -39,7 +39,7 @@ $(document).ready(function() {
|
|||||||
|
|
||||||
// Sets the client's username
|
// Sets the client's username
|
||||||
function setUsername () {
|
function setUsername () {
|
||||||
username = cleanInput($usernameInput.val().trim());
|
username = auth.username;
|
||||||
|
|
||||||
// If the username is valid
|
// If the username is valid
|
||||||
if (username) {
|
if (username) {
|
||||||
|
@ -2,24 +2,36 @@ extends layout
|
|||||||
|
|
||||||
block content
|
block content
|
||||||
.page-header
|
.page-header
|
||||||
h3 Contact Form
|
h1 We love non-profits!
|
||||||
|
h2 We want to help you get things done faster and better!
|
||||||
|
h3 Our students will help you build that donor tracking system, community message board, or whatever your organization needs, at no cost. In exchange, we ask only that you:
|
||||||
|
h4
|
||||||
|
ul
|
||||||
|
li • meet with them regularly in person. If that's not possible, you can teleconference with them. This way, you can collaboratively establish and review milestones.
|
||||||
|
br
|
||||||
|
li • clearly communicate your goals for the project: what will this project solve, and for whom?
|
||||||
|
br
|
||||||
|
li • know that they will use cutting edge JavaScript frameworks to build your project. Please don't expect them to use Wordpress or other proprietary or old-school technologies.
|
||||||
|
br
|
||||||
|
li • don't lower your expectiations. Their goal is to produce work that's up to your standards.
|
||||||
|
h3 If you're OK with all this, great! We can help you!
|
||||||
|
h4 Fill this out and we'll get right back to you.
|
||||||
form.form-horizontal(role='form', method='POST')
|
form.form-horizontal(role='form', method='POST')
|
||||||
input(type='hidden', name='_csrf', value=_csrf)
|
input(type='hidden', name='_csrf', value=_csrf)
|
||||||
.form-group
|
.form-group
|
||||||
label(class='col-sm-2 control-label', for='name') Name
|
label(class='col-sm-2 control-label', for='name') Your name
|
||||||
.col-sm-8
|
.col-sm-8
|
||||||
input.form-control(type='text', name='name', id='name', autofocus=true)
|
input.form-control(type='text', name='name', id='name', autofocus=true)
|
||||||
.form-group
|
.form-group
|
||||||
label(class='col-sm-2 control-label', for='email') Email
|
label(class='col-sm-2 control-label', for='email') Your email
|
||||||
.col-sm-8
|
.col-sm-8
|
||||||
input.form-control(type='text', name='email', id='email')
|
input.form-control(type='text', name='email', id='email')
|
||||||
.form-group
|
.form-group
|
||||||
label(class='col-sm-2 control-label', for='message') Body
|
label(class='col-sm-2 control-label', for='message') Briefly describe what problem you need to solve, and for whom.
|
||||||
.col-sm-8
|
.col-sm-8
|
||||||
textarea.form-control(type='text', name='message', id='message', rows='7')
|
textarea.form-control(type='text', name='message', id='message', rows='7')
|
||||||
.form-group
|
.form-group
|
||||||
.col-sm-offset-2.col-sm-8
|
.col-sm-offset-2.col-sm-8
|
||||||
button.btn.btn-primary(type='submit')
|
button.btn.btn-primary(type='submit')
|
||||||
span.ion-paper-airplane
|
span.ion-paper-airplane
|
||||||
| Send
|
| Submit
|
||||||
|
@ -1,6 +1,7 @@
|
|||||||
extends layout
|
extends layout
|
||||||
block content
|
block content
|
||||||
.text-center.jumbotron
|
.jumbotron
|
||||||
|
.text-center
|
||||||
h1 Become a Software Engineer
|
h1 Become a Software Engineer
|
||||||
h2 Our free online coding bootcamp will help you land your first coding job!
|
h2 Our free online coding bootcamp will help you land your first coding job!
|
||||||
.row
|
.row
|
||||||
@ -19,19 +20,47 @@ block content
|
|||||||
a.btn.btn-cta.btn-primary(href="/login") Sign in now to get started (it's free)
|
a.btn.btn-cta.btn-primary(href="/login") Sign in now to get started (it's free)
|
||||||
br
|
br
|
||||||
br
|
br
|
||||||
a.btn.btn-primary(href="/nonprofit") I'm with a non-profit and want help from a Software Engineer
|
a.btn.btn-success(href="/contact") I'm with a non-profit and want free help from a Software Engineer
|
||||||
|
.text-left
|
||||||
|
br
|
||||||
|
h2 How long does this take?
|
||||||
|
p It takes about 1,000 hours to master the skills you need to get an entry level software engineering job, or roughly one year if you code for 20 hours per week.
|
||||||
|
h2 What will I learn, and in what sequence?
|
||||||
|
ol
|
||||||
|
h3 In the first 100 hours, you'll learn basic web design tools like:
|
||||||
|
h4
|
||||||
|
ul
|
||||||
|
li • HTML5
|
||||||
|
li • CSS3
|
||||||
|
li • Bootstrap
|
||||||
|
li • jQuery
|
||||||
|
h3 Then you'll spend about 400 hours learning programming and computer science:
|
||||||
|
h4
|
||||||
|
ul
|
||||||
|
li • JavaScript
|
||||||
|
li • Linux
|
||||||
|
li • Git
|
||||||
|
li • Relational Databases
|
||||||
|
li • Algorithms
|
||||||
|
h3 You'll spend the final 500 hours using Agile Methodologies and Full Stack JavaScript to build projects for non-profits:
|
||||||
|
h4
|
||||||
|
ul
|
||||||
|
li • MongoDB
|
||||||
|
li • AngularJS
|
||||||
|
li • ExpressJS
|
||||||
|
li • NodeJS
|
||||||
|
h2 How will I learn all this?
|
||||||
|
h3 By pair programming with other Free Code Camp students on our exercises. Don't think of programming as a lonely art - it's a collaborative process, and programmers learn better together. We've also built an optional curriculum of the best free courses on the web. Some people prefer working through the courses. Some people prefer to googling around for documentation and Stack Overflow posts when they get stuck. Most people do a little of both.
|
||||||
|
h2 Will I really be able to job afterward?
|
||||||
|
h3 At the end of Free Code Camp, you will have pair programmed around 1,000 hours with dozens of other students, built a portfolio of projects that people are actively using, and a roster of glowing references from non-profits you've helped. 75% of bootcamp graduates get software engineering jobs, and make an average annual salary of $76,000.
|
||||||
|
a(href='https://www.coursereport.com/2014-graduate-survey.pdf', target='_blank') (Source)
|
||||||
|
|
||||||
// script(src='https://cdn.firebase.com/js/client/1.0.21/firebase.js')
|
h2 Do you have job placement services?
|
||||||
// script(src='https://cdn.firebase.com/js/simple-login/1.6.3/firebase-simple-login.js')
|
h3 Yes. We work with reputable technical recruitment firms and can help you find a good job.
|
||||||
// script(src='https://cdnjs.cloudflare.com/ajax/libs/codemirror/4.5.0/codemirror.js')
|
h2 Is this really free? Do you claim part of my first year's salary like some bootcamps do?
|
||||||
// script(src='https://cdnjs.cloudflare.com/ajax/libs/codemirror/4.5.0/mode/javascript/javascript.js')
|
h3 Our name is Free Code Camp. We are a free code camp. If you had to pay us (or sign over future earnings), we'd have to change our name. And we are not going to do that.
|
||||||
// link(rel='stylesheet', href='https://cdnjs.cloudflare.com/ajax/libs/codemirror/4.5.0/codemirror.css')
|
h2 Does Free Code Camp have an application process?
|
||||||
// script(src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.js')
|
h3 Unlike most bootcamps, anyone can study at Free Code Camp. We're not going to tell you that you can't become a software engineer. We believe the only person who should be able to tell you that is you. If you perservere, and keep working through our challenges and non-profits' projects, you will become an employable software engineer.
|
||||||
// link(rel='stylesheet', href='https://cdn.firebase.com/libs/firepad/1.0.0/firepad.css')
|
br
|
||||||
// link(rel='stylesheet', href='https://cdn.firebase.com/libs/firepad/1.0.0/firepad.css')
|
.text-center
|
||||||
// script(src='https://cdn.firebase.com/libs/firepad/1.0.0/firepad.min.js')
|
a.btn.btn-cta.btn-primary(href="/login") Sign in now to get started (it's free)
|
||||||
// link(rel='stylesheet', href='css/firechat-default.css')
|
|
||||||
// script(src='js/firechat-default.js')
|
|
||||||
// #firepad-container
|
|
||||||
// #firechat-wrapper
|
|
||||||
// a(href='#', onclick='auth.login("twitter");') Login
|
|
Reference in New Issue
Block a user