Skip to content

Instantly share code, notes, and snippets.

@aElizabethU
Created June 4, 2013 01:07
Show Gist options
  • Select an option

  • Save aElizabethU/5702847 to your computer and use it in GitHub Desktop.

Select an option

Save aElizabethU/5702847 to your computer and use it in GitHub Desktop.

Revisions

  1. Ghaida Zahran revised this gist Feb 28, 2013. 1 changed file with 0 additions and 6 deletions.
    6 changes: 0 additions & 6 deletions gistfile1.html
    Original file line number Diff line number Diff line change
    @@ -7,14 +7,8 @@ <h1>Feed Template</h1>
    </div>
    </div>
    </div>

    <!-- End Header and Nav -->


    <div class="row">



    <!-- Nav Sidebar -->
    <!-- This is source ordered to be pulled to the left on larger screens -->
    <div class="large-3 columns ">
  2. Ghaida Zahran revised this gist Feb 28, 2013. 1 changed file with 20 additions and 21 deletions.
    41 changes: 20 additions & 21 deletions gistfile1.html
    Original file line number Diff line number Diff line change
    @@ -21,27 +21,26 @@ <h1>Feed Template</h1>
    <div class="panel">
    <a href="#"><img src="http://placehold.it/300x240&text=[img]" /></a>
    <h5><a href="#">Your Name</a></h5>

    <div class="section-container vertical-nav" data-section data-options="deep_linking: false; one_up: true">
    <section class="section">
    <h5 class="title"><a href="#">Section 1</a></h5>
    </section>
    <section class="section">
    <h5 class="title"><a href="#">Section 2</a></h5>
    </section>
    <section class="section">
    <h5 class="title"><a href="#">Section 3</a></h5>
    </section>
    <section class="section">
    <h5 class="title"><a href="#">Section 4</a></h5>
    </section>
    <section class="section">
    <h5 class="title"><a href="#">Section 5</a></h5>
    </section>
    <section class="section">
    <h5 class="title"><a href="#">Section 6</a></h5>
    </section>
    </div>
    <div class="section-container vertical-nav" data-section data-options="deep_linking: false; one_up: true">
    <section class="section">
    <h5 class="title"><a href="#">Section 1</a></h5>
    </section>
    <section class="section">
    <h5 class="title"><a href="#">Section 2</a></h5>
    </section>
    <section class="section">
    <h5 class="title"><a href="#">Section 3</a></h5>
    </section>
    <section class="section">
    <h5 class="title"><a href="#">Section 4</a></h5>
    </section>
    <section class="section">
    <h5 class="title"><a href="#">Section 5</a></h5>
    </section>
    <section class="section">
    <h5 class="title"><a href="#">Section 6</a></h5>
    </section>
    </div>

    </div>
    </div>
  3. Ghaida Zahran created this gist Feb 28, 2013.
    147 changes: 147 additions & 0 deletions gistfile1.html
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,147 @@
    <!-- Header and Nav -->

    <div class="row">
    <div class="large-12 columns">
    <div class="panel">
    <h1>Feed Template</h1>
    </div>
    </div>
    </div>

    <!-- End Header and Nav -->


    <div class="row">



    <!-- Nav Sidebar -->
    <!-- This is source ordered to be pulled to the left on larger screens -->
    <div class="large-3 columns ">
    <div class="panel">
    <a href="#"><img src="http://placehold.it/300x240&text=[img]" /></a>
    <h5><a href="#">Your Name</a></h5>

    <div class="section-container vertical-nav" data-section data-options="deep_linking: false; one_up: true">
    <section class="section">
    <h5 class="title"><a href="#">Section 1</a></h5>
    </section>
    <section class="section">
    <h5 class="title"><a href="#">Section 2</a></h5>
    </section>
    <section class="section">
    <h5 class="title"><a href="#">Section 3</a></h5>
    </section>
    <section class="section">
    <h5 class="title"><a href="#">Section 4</a></h5>
    </section>
    <section class="section">
    <h5 class="title"><a href="#">Section 5</a></h5>
    </section>
    <section class="section">
    <h5 class="title"><a href="#">Section 6</a></h5>
    </section>
    </div>

    </div>
    </div>

    <!-- Main Feed -->
    <!-- This has been source ordered to come first in the markup (and on small devices) but to be to the right of the nav on larger screens -->
    <div class="large-6 columns">

    <!-- Feed Entry -->
    <div class="row">
    <div class="large-2 columns small-3"><img src="http://placehold.it/80x80&text=[img]" /></div>
    <div class="large-10 columns">
    <p><strong>Some Person said:</strong> Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong.</p>
    <ul class="inline-list">
    <li><a href="">Reply</a></li>
    <li><a href="">Share</a></li>
    </ul>


    <h6>2 Comments</h6>
    <div class="row">
    <div class="large-2 columns small-3"><img src="http://placehold.it/50x50&text=[img]" /></div>
    <div class="large-10 columns"><p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit</p></div>
    </div>
    <div class="row">
    <div class="large-2 columns small-3"><img src="http://placehold.it/50x50&text=[img]" /></div>
    <div class="large-10 columns"><p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit</p></div>
    </div>
    </div>
    </div>
    <!-- End Feed Entry -->

    <hr />

    <!-- Feed Entry -->
    <div class="row">
    <div class="large-2 columns small-3"><img src="http://placehold.it/80x80&text=[img]" /></div>
    <div class="large-10 columns">
    <p><strong>Some Person said:</strong> Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong.</p>
    <ul class="inline-list">
    <li><a href="">Reply</a></li>
    <li><a href="">Share</a></li>
    </ul>
    </div>
    </div>
    <!-- End Feed Entry -->

    <hr />

    <!-- Feed Entry -->
    <div class="row">
    <div class="large-2 columns small-3"><img src="http://placehold.it/80x80&text=[img]" /></div>
    <div class="large-10 columns">
    <p><strong>Some Person said:</strong> Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong.</p>
    <ul class="inline-list">
    <li><a href="">Reply</a></li>
    <li><a href="">Share</a></li>
    </ul>


    <h6>2 Comments</h6>
    <div class="row">
    <div class="large-2 columns small-3"><img src="http://placehold.it/50x50&text=[img]" /></div>
    <div class="large-10 columns"><p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit</p></div>
    </div>
    </div>
    </div>
    <!-- End Feed Entry -->

    </div>

    <!-- Right Sidebar -->
    <!-- On small devices this column is hidden -->
    <aside class="large-3 columns hide-for-small">
    <p><img src="http://placehold.it/300x440&text=[ad]" /></p>
    <p><img src="http://placehold.it/300x440&text=[ad]" /></p>
    </aside>

    </div>


    <!-- Footer -->

    <footer class="row">
    <div class="large-12 columns">
    <hr />
    <div class="row">
    <div class="large-5 columns">
    <p>&copy; Copyright no one at all. Go to town.</p>
    </div>
    <div class="large-7 columns">
    <ul class="inline-list right">
    <li><a href="#">Section 1</a></li>
    <li><a href="#">Section 2</a></li>
    <li><a href="#">Section 3</a></li>
    <li><a href="#">Section 4</a></li>
    <li><a href="#">Section 5</a></li>
    <li><a href="#">Section 6</a></li>
    </ul>
    </div>
    </div>
    </div>
    </footer>