dickwyn

<div class="testorange-content mdl-layout__content">
    <div class="testorange-hero-section mdl-typography--text-center">
        <a name="#top"></a>
        <div class="hero-font testorange-slogan">welcome to the orange world</div>
        <div class="hero-font testorange-sub-slogan">orange, orange and more orange</div>
        <a href="#why-orange">
            <button class="more-fab mdl-button mdl-button--colored mdl-js-button mdl-button--fab mdl-js-ripple-effect">
            <i class="material-icons">expand_more</i>
        </button>
        </a>

dickwyn

<div class="container">
  <div class="row">
    <div class="col-sm-12 col-md-6 col-lg-3">
      <!-- content here -->
    </div>
  </div>
</div>
  

dickwyn

<div class="mdl-grid testorange-article-section">
    <div class="mdl-cell mdl-cell--3-col mdl-cell--6-col-tablet mdl-cell--12-col-phone mdl-card mdl-shadow--3dp">
        <!-- content here -->
    </div>
</div>

<style>
    .testorange-article-section {
        padding: 40px 0;
        max-width: 1044px;

dickwyn

/* this is a comment */
var firstString = "Hello World";
print(firstString);


/* multiplication! */
var computePower = 7
var coreNumber = 8

var totalPower = computePower * coreNumber