Created
June 4, 2013 01:07
-
-
Save aElizabethU/5702847 to your computer and use it in GitHub Desktop.
Revisions
-
Ghaida Zahran revised this gist
Feb 28, 2013 . 1 changed file with 0 additions and 6 deletions.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal 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 "> -
Feb 28, 2013 . 1 changed file with 20 additions and 21 deletions.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal 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> </div> -
Feb 28, 2013 .There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal 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>© 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>
Ghaida Zahran
revised
this gist