about.html

---
layout: layout
title: "About"
---

<!-- You can edit this whole page, remove it, or use it as basis for any non-post pages you have. -->
<section class="content">
  <h1>{{ site.name }}</h1>

  <[>Ruby Off Rails is dedicated to accelerating the mastering of Ruby and
  increasing developer happiness everywhere.</p>
  
  <p>There are two distinct sets of programmers:
  <ol>
    <li>those who know Ruby</li>
    <li>and those who haven’t learned it yet.</li>
  </ol>
  <p>People who learn Ruby have an
  easier time understanding Rails, gems, and what magic voodoo is going on. And
  most importantly, they can cast wicked voodoo themselves.</p>

  <p>You can learn more about RubyOffRails at <a
    href="https://rubyoffrails.com/">https://rubyoffrails.com/</a></p>


<div id="home-convert" class="alternate-section" style="position: relative; left: 0px; top: 0px;">
        <div class="container">
          
<section>
<a id="convertkit"></a>
<div class="row">
<div class="ck_subscription_form ck_horizontal_subscription_form">
  <div class="span7 offset2" style="position: relative; left: 0px; top: 0px; width: 676px; height: 51px;">
    <h2 class="page_title">Free Email Course on Learning Ruby Effectively</h2>
    <div class="">
      <p class="lead">You'll learn about the Ruby ecosystem, and how to effectively dive in, and master Ruby</p>
    </div>
  </div>

  <div class="ck_subscription_form_content span2 offset2">
    <p></p>
    <span class="ck_image">
      <img alt="Screen_shot_2013-05-27_at_1.59.21_pm" class="img-rounded" style="display: none;">
    </span>
    <br clear="all">
</div>    
    <p id="ck_success_msg" style="display: none; opacity: 0;">Thanks! Now check your email.</p>
    <!--  Form starts here  -->
    <form id="ck_subscribe_form" class="ck_subscribeForm span4" action="https://convertkit.com/app/landing_pages/124/subscribeFromId" style="position: relative; left: -208px; top: -3px; width: 581px; height: 287px;">
      <input type="hidden" name="id" value="299" id="landing_page_id">
      <p class="ck_errorArea"></p>
      <div class="ck_control_group">
        <label class="ck_label" for="ck_firstNameField">First Name</label>
        <input type="text" name="first_name" class="ck_first_name" id="ck_firstNameField" style="position: relative; left: 0px; top: 0px; width: 567.9969971179962px; height: 24.996997117996216px;">
      </div>  
      <div class="control_group fields">
        <label class="ck_label" for="ck_emailField">Email Address</label>
          <input type="text" name="email" class="ck_email_address" id="ck_emailField" style="position: relative; left: 0px; top: 0px; width: 563.9969971179962px; height: 24.996997117996216px;">
      </div>
      <label class="ck_checkbox">
        <input class="optIn ck_course_opted" type="checkbox" id="optIn" checked="">
        I'd like to receive a free 30 day course on Learning Ruby
      </label>

      <button class="subscribe_button ck_subscribe_button button color6">
        Start My Free Email Course</button>
      <p><span class="ck_guarantee" style="position: relative; left: 0px; top: 17px;">We won't send you spam. Unsubscribe at any time.</span></p>
    </form>
  </div>
</div>
</section>
<style type="text/css">
.ck_subscription_form {
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #dbdbdb;
  overflow: hidden;
} 

.ck_vertical_subscription_form {
  width: 320px;
  padding: 30px 40px 40px;
} 

.ck_horizontal_subscription_form .ck_subscription_form_content {
  margin-right: 10px;
}
  
.ck_horizontal_subscription_form .ck_subscribeForm {
}

.ck_subscription_form .ck_subscription_form_title {
    color: #222;
    margin-top: 0px;
    padding: 0px;
    font-weight: 400;
    font-size: 22px;
  }
  
.ck_subscription_form .ck_image {
    width: 150px;
    padding: 30px 20px 20px 0;
  }
  
.ck_subscription_form .ck_subscription_description {
    float: left;
    margin-left: 10px;
    width: 150px;
  }
  
.ck_subscription_form input[type="text"], .ck_subscription_form input[type="text"] {
  font-size: 14px;
  border: 1px solid #ddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:  5px;
  width: 240px;
} 

.ck_subscription_form input[type="text"]:focus, .ck_subscription_form input[type="text"]:focus {
  outline: none;
  border-color: #aaa;
} 

/* Horizontal Styles */ 
.ck_horizontal_subscription_form .ck_label {
    font-weight: bold;
    display: block;
    }
    
.ck_subscription_form .ck_form-horizontal.ck_controls {
      margin-left: 110px;
    }
    
/* Vertical Styles */

.ck_vertical_subscription_form #ck_subscribe_form {
  clear: both;
  padding-top: 20px;
  } 
        
.ck_vertical_subscription_form .ck_label {
  font-weight: bold;
  display: block;
  width:  100px;
  float: left;
  text-align: right;
  height: 32px;
  line-height: 32px;
  }
        
.ck_vertical_subscription_form input[type="text"], .ck_vertical_subscription_form input[type="text"] {
  width: 200px;
  float: right;
  } 

.ck_checkbox {
  padding: 10px 0px 10px 20px;
  display: block;
  clear: both;
}

.ck_checkbox input.optIn {
  margin-left:  -20px;
}
  
.ck_subscription_form .ck_subscribe_button {
    width: 100%;
    margin: 0px 0px 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 18px;
  }
  
.ck_subscription_form .ck_guarantee {
    color: #777;
    font-size: 13px;
    clear: left;
    display: block;
  }
  
.ck_horizontal_subscription_form {
padding: 50px;
margin: 20px auto 40px;
}
</style>


            

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