%h1 Buildpacks

.alert.alert-info
  %i.fa.fa-flask.fa-3x.pull-left
  N.B. Buildpacks are currently experimental and not available to everyone. If you would like access
  to Buildpacks and agree to give us feedback please contact us and we'll enable the feature for you.

:markdown
  #{render "buildpacks.md"}

  ## Ruby

  #{render "buildpacks_ruby.md"}

  ## PHP

  #{render "buildpacks_php.md"}

  ## Perl

  #{render "buildpacks_perl.md"}

  ## Python

  #{render "buildpacks_python.md"}

%h1 Buildpacks

.alert.alert-info
  %i.fa.fa-flask.fa-3x.pull-left
  N.B. Buildpacks are currently experimental and not available to everyone. If you would like access
  to Buildpacks and agree to give us feedback please contact us and we'll enable the feature for you.

:markdown
  #{render "buildpacks.md"}

%ul.nav.nav-tabs
  %li.active= link_to "Ruby", "#ruby", data: {toggle: "tab"}
  %li= link_to "PHP", "#php", data: {toggle: "tab"}
  %li= link_to "Perl", "#perl", data: {toggle: "tab"}
  %li= link_to "Python", "#python", data: {toggle: "tab"}
.tab-content
  .tab-pane.fade.in.active#ruby
    :markdown
      #{render "buildpacks_ruby.md"}
  .tab-pane.fade#php
    :markdown
      #{render "buildpacks_php.md"}
  .tab-pane.fade#perl
    :markdown
      #{render "buildpacks_perl.md"}
  .tab-pane.fade#python
    :markdown
      #{render "buildpacks_python.md"}

Put different language sections in a tab area
Put different language sections in a tab area
