tributeBlog

index.html

<div class="container-fluid">
  <div class="row">
    <div class="col-xs-12">
      <h1 class="text-primary text-center"><a id="Questions_2"></a> Power of Questions</h1></div>
    <div class="col-xs-12">
      <p>
        <h4 class="text-center">"I, for one, want to be pulled and stretched and tested.  I want the discomfort of not knowing, because it’s in those tiny unknowing spaces that I feel the most alive (and connected with discovery).  It’s in those moments I have the best conversations—with people from all belief systems." <a href="http://j.mp/qTransform"> http://j.mp/qTransform</a></em></p>
    </div>
  </div>
  <img id = "idea" class="img-responsive center-block" src="http://launchany.com/wp-content/uploads/2016/01/idea.jpg">
  
  <p>I am dedicating my first hand-crafted webpage to the power of <strong>“Questions”</strong>. Man is unique among the species on this planet we call Earth. He is most unique in that he is the only creature who has the ability to “reflect” on himself.</p>
  <ul>
    <li>To enable transformation, the great saint Ramana Maharishi persuaded man to ask the question “Who am I?”</li>
    <li>When someone engages in deep inquiry, learning is more likely to stay with you <em>“long after you’ve graduated.”</em></li>
    <li>To start with, download a HTML file and review ~30 questions <a target="_" href="http://mykgi.sl/30Q">here</a></li>
  </ul>
  <div id = "quote" class = "row">
    <div class = "col-xs-12">
      <p><h4 class="text-center">“Call me naïve, but I think we can change the world together.” - <b>Elissa Eliot</b></h4></p>
    </div>
  </div>

  <footer class="text-center">
    <hr>
    <p>Written and coded by <a href="https://www.freecodecamp.com/kgashok" target="_blank">Ashok B</a>.</p>
    <hr>
  </footer>

script.js

$(document).ready(function() {
  for (var i = 0; i < 12; i++) { 
    var im = $("#idea").clone();
    im.addClass("col-xs-1");
    im.appendTo("#quote");
  }
});

scripts

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>

style.css

body {
  margin-top: 60px;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #000;
    margin: 1em 0;
    padding: 0; 
}

styles

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />

tributeBlog.markdown

tributeBlog

A Pen by Ashok Bakthavathsalam on CodePen.

License.