anchor.diff:  ---
   breadcrumb: Cloud Foundry Documentation
  +has_subnav: true
   ---
  - <br>
  +<div class="main-container">
  +  <div class="main">
       <br>
       <br>
  -
  -      <p class="intro">
  -        <big>Get Started</big>
  -        <br>
  -        <big style="margin-left: 2em;">with</big>
  -        <br>
  -        <img style="margin-left: 7em; width:" src="images/landing-update/new_cf_logo.png">
  -        <p style="margin-left: 12em;">
  -          Cloud Foundry is an open-source platform as a service, or PaaS, 
  -          <br>
  -          that provides you with a choice of clouds, developer frameworks, and 
  -          <br>
  -          application services.</p>
  -        </p>
  -      </div>
  -    </div>
  -    <ul class="panels">
  -      <li class="panel span3">
  -        <a class="medium blue ghost button" href="/getstarted/pcf-docs.html" id="cf">
  -          <div class="prodname">
  -            <span class="title-deemph">First Steps</span> <span class="title-emph">Get Started</span><span class='tmr'></span>
  -          </div>
  -        </a>
  -      </li>
  -      <li class="panel span3">
  -        <a class="medium blue button" href="/getstarted/pcf-docs.html" id="cf">
  -          <div class="prodname">
  -            <span class="title-deemph">Participate</span> <span class="title-emph">Contribute</span><span class='tmr'></span>
  -          </div>
  -        </a>
  -      </li>            
  -      <li class="panel span3">
  -        <a class="medium ghost button" href="/getstarted/pcf-docs.html" id="cf">
  -          <div class="prodname">
  -            <span class="title-deemph">Sample Projects</span> <span class="title-emph">Explore</span><span class='tmr'></span>
  -          </div>
  -        </a>
  -      </li>            
  -    </ul>
  -/pcf-aws-om-config
  -
  -  <p>
  -    <h4><a class="title" href="/devguide/installcf/">cf Command Line Interface</a></h4>
  -    <div class="docs-module-description">A guide to using the cf CLI tool.</div>
  -  </p>
  -  <p>
  -    <h4><a class="title" href="/devguide/">Deploying and Managing Applications</a></h4>
  -    <div class="docs-module-description">A guide for developers on deploying and troubleshooting applications.</div>
  -  </p>
  -  <p>
  -    <h4><a class="title" href="/buildpacks/">Buildpacks</a></h4>
  -    <div class="docs-module-description">A guide to using system buildpacks.</div>
  -  </p>
  -  <p>
  -    <h4><a class="title" href="/client-tools/">Client Tools</a></h4>
  -    <div class="docs-module-description">Something here about client tools.</div>
  -  </p>
  -  <p>
  -    <h4><a class="title" href="/custom-services">Custom Services</a></h4>
  -    <div class="docs-module-description">Something here about custom services.</div>
  -  </p>
  -  <p>
  -    <h4><a class="title" href="/bosh/">BOSH</a></h4>
  -    <div class="docs-module-description">All of the BOSH documentation.</div>
  -  </p>
  -  <p>
  -    <h4><a class="title" href="/concepts/">Cloud Foundry Concepts</a></h4>
  -    <div class="docs-module-description">An explanation of the components in Cloud Foundry and how they work.</div>
  -  </p>
  -  <p>
  -    <h4><a class="title" href="/cloud-foundry/">Deploying, Running, and Administering Cloud Foundry</a></h4>
  -    <div class="docs-module-description">Release notes and known issues.</div>
  -  </p>
  -<div class="main-container">
  -<div class="main">
  +    <br>
  +    <p class="intro">
  +      <big>Get Started</big>
  +      <br>
  +      <big style="margin-left: 2em;">with</big>
  +      <br>
  +      <img style="margin-left: 7em; width: 70%;" src="images/landing-update/new_cf_logo.png">
  +      <p class="title-details" style="margin-left: 12em;">
  +        Cloud Foundry is an open-source platform as a service, or PaaS, 
  +        <br>
  +        that provides you with a choice of clouds, developer frameworks, and 
  +        <br>
  +        application services.</p>
  +      </p>
  +    </div>
  +  </div>
  +  <ul class="panels">
  +    <li class="panel span3">
  +      <a class="medium blue ghost button" href="/getstarted/cf-thing.html" id="cf">
  +        <div class="prodname">
  +          <span class="title-deemph">First Steps</span> <span class="title-emph">Get Started</span><br><span class='tmr'></span>
  +        </div>
  +      </a>
  +    </li>
  +    <li class="panel span3">
  +      <a class="medium blue button" href="/getstarted/cf-thing.html" id="cf">
  +        <div class="prodname">
  +          <span class="title-deemph">Participate</span> <span class="title-emph">Contribute</span><br><span class='tmr'></span>
  +        </div>
  +      </a>
  +    </li>            
  +    <li class="panel span3">
  +      <a class="medium ghost button" href="/getstarted/cf-thing.html" id="cf">
  +        <div class="prodname">
  +          <span class="title-deemph">Sample Projects</span> <span class="title-emph">Explore</span><br><span class='tmr'></span>
  +        </div>
  +      </a>
  +    </li>            
  +  </ul>
     <div class="main docs-column-main">
       <div class="docs-subsection">
         <h3><a class="title" href="/devguide/installcf/">cf Command Line Interface</a></h3>
  
positive.code:       </div>
      </div>
      <hr>
    <div class="docs-subsection">
        <h3><a class="title" href="/services/">Custom Services</a></h3>
        <div class="docs-module-description">A guide for developers and operators to creating Managed Services.</div>
        <br>
        <div class="docs-column-description">
      <div class="docs-link">
            <a href="/services/">Custom Services</a>
          </div>
          <div class="docs-link">
  
negative.code:       <h3><a class="title" href="https://bosh.io">BOSH documentation</a></h3>
      </div>
    </div>
  </div>