Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Fixed blog stuff

  • Loading branch information...
commit 7518398130da1136fec66c882aa34ec8a40fe08f 1 parent f420789
Phillip Lackey authored
View
12 app/assets/stylesheets/sass/blog/_blog.scss
@@ -1,13 +1,3 @@
-.blog-roll {
- background: white;
-
- .media {
- //padding: 5px;
- .row-fluid {
-
- }
- }
-
-}
+@import "blog_post";
View
13 app/assets/stylesheets/sass/blog/_blog_post.scss
@@ -0,0 +1,13 @@
+
+
+.blog-post {
+ background: white;
+
+ .media {
+ //padding: 5px;
+ .row-fluid {
+
+ }
+ }
+
+}
View
408 app/views/layouts/application.html.erb
@@ -149,122 +149,15 @@
-<div id="content">
-
- <div class="container">
- <ul class="breadcrumb">
- <li><a href="#">Home</a> <span class="divider">/</span></li>
- <li><a href="#">Library</a> <span class="divider">/</span></li>
- <li class="active">Data</li>
- </ul>
-
- <div class="pagination span6">
- <ul>
- <li><a href="#">Prev</a></li>
- <li><a href="#">1</a></li>
- <li><a href="#">2</a></li>
- <li><a href="#">3</a></li>
- <li><a href="#">4</a></li>
- <li><a href="#">5</a></li>
- <li><a href="#">Next</a></li>
- </ul>
+<div id="content">
+ <div class="container">
+ <div class="row-fluid">
+ <h2 class="title-divider"><span>Company <span class="de-em">Blog</span></span> <small><a href="blog.htm"><i class="icon-arrow-left"></i> Back to Blog</a></small></h2>
</div>
- <div class="input-append pull-right">
- <input class="span2" id="appendedInputButton" type="text" placeholder="Search">
- <button class="btn" type="button">Go!</button>
- </div>
-
-
<div class="row">
- <!--Blog Roll Content-->
- <div class="span12 blog-roll blog-list">
-
- <!-- Blog post -->
- <div class="media row-fluid">
- <div class="span1 hidden-phone">
- <!-- Date desktop -->
- <div class="date-wrapper"> <span class="date-m">Jan</span> <span class="date-d">20</span> </div>
- <!-- Meta details desktop -->
- <p class="meta muted"> <i class="icon-user"></i> <a href="#">Alex</a> </p>
- </div>
- <div class="span11">
- <div class="media-body">
- <div class="tags"><a href="#" class="tag">coding</a> / <a href="#" class="type">event</a></div>
- <h4 class="title media-heading"><a href="blog-post.htm">a nec in sed hac ultrices cursus</a></h4>
-
- <!-- Meta details mobile -->
- <ul class="inline meta muted visible-phone">
- <li><i class="icon-calendar"></i> <span class="visible-desktop">Created:</span> Sun 20th Jan 2013</li>
- <li><i class="icon-user"></i> <a href="#">Alex</a></li>
- </ul>
- <a href="blog-post.htm" class="media-object"> <img src="assets/blog/ape.jpg" alt="Picture of frog by Ben Fredericson" /> </a>
- <p>Nam risus magna, fringilla sit amet blandit viverra, dignissim eget est. Ut <strong>commodo ullamcorper risus nec</strong> mattis. Morbi tincidunt posuere turpis eu laoreet. Nulla facilisi. Aenean at massa leo. Vestibulum in varius arcu.</p>
- <p>Nam risus magna, fringilla sit amet blandit viverra, dignissim eget est. Ut <strong>commodo ullamcorper risus nec</strong> mattis</p>
- <ul class="inline links">
- <li><a href="blog-post.htm" class="btn btn-mini"><i class="icon-circle-arrow-right"></i> Read more</a></li>
- <li><a href="blog-post.htm#comments" class="btn btn-mini"><i class="icon-comment"></i> 50 Comments</a></li>
- </ul>
- </div>
- </div>
- </div>
-
- <!-- Blog post -->
- <div class="media row-fluid">
- <div class="span1 hidden-phone">
- <!-- Date desktop -->
- <div class="date-wrapper"> <span class="date-m">Jan</span> <span class="date-d">10</span> </div>
- <!-- Meta details desktop -->
- <p class="meta muted"> <i class="icon-user"></i> <a href="#">Dave</a> </p>
- </div>
- <div class="span11">
- <div class="media-body">
- <div class="tags"><a href="#" class="tag">coding</a> / <a href="#" class="type">event</a></div>
- <h4 class="title media-heading"><a href="blog-post.htm">Turpis odio dictumst tempor ac et!</a></h4>
-
- <!-- Meta details mobile -->
- <ul class="inline meta muted visible-phone">
- <li><i class="icon-calendar"></i> <span class="visible-desktop">Created:</span> Thu 10th Jan 2013</li>
- <li><i class="icon-user"></i> <a href="#">Dave</a></li>
- </ul>
- <a href="blog-post.htm" class="media-object"> <img src="assets/blog/fly.jpg" alt="Picture of frog by Ben Fredericson" /> </a>
- <p>Nam risus magna, fringilla sit amet blandit viverra, dignissim eget est. Ut <strong>commodo ullamcorper risus nec</strong> mattis. Morbi tincidunt posuere turpis eu laoreet. Nulla facilisi. Aenean at massa leo. Vestibulum in varius arcu.</p>
- <p>Nam risus magna, fringilla sit amet blandit viverra, dignissim eget est. Ut <strong>commodo ullamcorper risus nec</strong> mattis</p>
- <ul class="inline links">
- <li><a href="blog-post.htm" class="btn btn-mini"><i class="icon-circle-arrow-right"></i> Read more</a></li>
- <li><a href="blog-post.htm#comments" class="btn btn-mini"><i class="icon-comment"></i> 80 Comments</a></li>
- </ul>
- </div>
- </div>
- </div>
-
- <!-- Blog post -->
- <div class="media row-fluid">
- <div class="span1 hidden-phone">
- <!-- Date desktop -->
- <div class="date-wrapper"> <span class="date-m">Jan</span> <span class="date-d">09</span> </div>
- <!-- Meta details desktop -->
- <p class="meta muted"> <i class="icon-user"></i> <a href="#">Tom</a> </p>
- </div>
- <div class="span11">
- <div class="media-body">
- <div class="tags"><a href="#" class="tag">jobs</a> / <a href="#" class="type">feature</a></div>
- <h4 class="title media-heading"><a href="blog-post.htm">amet urna integer urna enim, sit arcu pid in nec?</a></h4>
-
- <!-- Meta details mobile -->
- <ul class="inline meta muted visible-phone">
- <li><i class="icon-calendar"></i> <span class="visible-desktop">Created:</span> Wed 9th Jan 2013</li>
- <li><i class="icon-user"></i> <a href="#">Tom</a></li>
- </ul>
- <a href="blog-post.htm" class="media-object"> <img src="assets/blog/frog.jpg" alt="Picture of frog by Ben Fredericson" /> </a>
- <p>Nam risus magna, fringilla sit amet blandit viverra, dignissim eget est. Ut <strong>commodo ullamcorper risus nec</strong> mattis. Morbi tincidunt posuere turpis eu laoreet. Nulla facilisi. Aenean at massa leo. Vestibulum in varius arcu.</p>
- <p>Nam risus magna, fringilla sit amet blandit viverra, dignissim eget est. Ut <strong>commodo ullamcorper risus nec</strong> mattis</p>
- <ul class="inline links">
- <li><a href="blog-post.htm" class="btn btn-mini"><i class="icon-circle-arrow-right"></i> Read more</a></li>
- <li><a href="blog-post.htm#comments" class="btn btn-mini"><i class="icon-comment"></i> 15 Comments</a></li>
- </ul>
- </div>
- </div>
- </div>
+
+ <!--Main Content-->
+ <div class="span9 blog-post">
<!-- Blog post -->
<div class="media row-fluid">
@@ -272,191 +165,150 @@
<!-- Date desktop -->
<div class="date-wrapper"> <span class="date-m">Jan</span> <span class="date-d">07</span> </div>
<!-- Meta details desktop -->
- <p class="meta muted"> <i class="icon-user"></i> <a href="#">Tom</a> </p>
- </div>
- <div class="span11">
- <div class="media-body">
- <div class="tags"><a href="#" class="tag">culture</a> / <a href="#" class="type">news</a></div>
- <h4 class="title media-heading"><a href="blog-post.htm">a nec in sed hac ultrices cursus</a></h4>
-
- <!-- Meta details mobile -->
- <ul class="inline meta muted visible-phone">
- <li><i class="icon-calendar"></i> <span class="visible-desktop">Created:</span> Mon 7th Jan 2013</li>
- <li><i class="icon-user"></i> <a href="#">Tom</a></li>
- </ul>
- <a href="blog-post.htm" class="media-object"> <img src="assets/blog/ladybird.jpg" alt="Picture of frog by Ben Fredericson" /> </a>
- <p>Nam risus magna, fringilla sit amet blandit viverra, dignissim eget est. Ut <strong>commodo ullamcorper risus nec</strong> mattis. Morbi tincidunt posuere turpis eu laoreet. Nulla facilisi. Aenean at massa leo. Vestibulum in varius arcu.</p>
- <p>Nam risus magna, fringilla sit amet blandit viverra, dignissim eget est. Ut <strong>commodo ullamcorper risus nec</strong> mattis</p>
- <ul class="inline links">
- <li><a href="blog-post.htm" class="btn btn-mini"><i class="icon-circle-arrow-right"></i> Read more</a></li>
- <li><a href="blog-post.htm#comments" class="btn btn-mini"><i class="icon-comment"></i> 91 Comments</a></li>
- </ul>
- </div>
- </div>
- </div>
-
- <!-- Blog post -->
- <div class="media row-fluid">
- <div class="span1 hidden-phone">
- <!-- Date desktop -->
- <div class="date-wrapper"> <span class="date-m">Jan</span> <span class="date-d">03</span> </div>
- <!-- Meta details desktop -->
- <p class="meta muted"> <i class="icon-user"></i> <a href="#">Alex</a> </p>
- </div>
- <div class="span11">
- <div class="media-body">
- <div class="tags"><a href="#" class="tag">culture</a> / <a href="#" class="type">podcast</a></div>
- <h4 class="title media-heading"><a href="blog-post.htm">Urna natoque in phasellus rhoncus aliquet penatibus</a></h4>
-
- <!-- Meta details mobile -->
- <ul class="inline meta muted visible-phone">
- <li><i class="icon-calendar"></i> <span class="visible-desktop">Created:</span> Thu 3rd Jan 2013</li>
- <li><i class="icon-user"></i> <a href="#">Alex</a></li>
- </ul>
- <a href="blog-post.htm" class="media-object"> <img src="assets/blog/water-pump.jpg" alt="Picture of frog by Ben Fredericson" /> </a>
- <p>Nam risus magna, fringilla sit amet blandit viverra, dignissim eget est. Ut <strong>commodo ullamcorper risus nec</strong> mattis. Morbi tincidunt posuere turpis eu laoreet. Nulla facilisi. Aenean at massa leo. Vestibulum in varius arcu.</p>
- <p>Nam risus magna, fringilla sit amet blandit viverra, dignissim eget est. Ut <strong>commodo ullamcorper risus nec</strong> mattis</p>
- <ul class="inline links">
- <li><a href="blog-post.htm" class="btn btn-mini"><i class="icon-circle-arrow-right"></i> Read more</a></li>
- <li><a href="blog-post.htm#comments" class="btn btn-mini"><i class="icon-comment"></i> 100 Comments</a></li>
- </ul>
- </div>
- </div>
- </div>
-
- <!-- Blog post -->
- <div class="media row-fluid">
- <div class="span1 hidden-phone">
- <!-- Date desktop -->
- <div class="date-wrapper"> <span class="date-m">Dec</span> <span class="date-d">27</span> </div>
- <!-- Meta details desktop -->
<p class="meta muted"> <i class="icon-user"></i> <a href="#">Erin</a> </p>
</div>
<div class="span11">
<div class="media-body">
- <div class="tags"><a href="#" class="tag">jobs</a> / <a href="#" class="type">podcast</a></div>
- <h4 class="title media-heading"><a href="blog-post.htm">Magna aliquet diam mauris tortor turpis vel porta</a></h4>
+ <div class="tags"><a href="#" class="tag">coding</a> / <a href="#" class="type">feature</a></div>
+ <h3 class="title media-heading">Porta risus porttitor facilisis sit dapibus</h3>
<!-- Meta details mobile -->
<ul class="inline meta muted visible-phone">
- <li><i class="icon-calendar"></i> <span class="visible-desktop">Created:</span> Thu 27th Dec 2012</li>
+ <li><i class="icon-calendar"></i> <span class="visible-desktop">Created:</span> Mon 7th Jan 2013</li>
<li><i class="icon-user"></i> <a href="#">Erin</a></li>
</ul>
- <a href="blog-post.htm" class="media-object"> <img src="assets/blog/butterfly.jpg" alt="Picture of frog by Ben Fredericson" /> </a>
- <p>Nam risus magna, fringilla sit amet blandit viverra, dignissim eget est. Ut <strong>commodo ullamcorper risus nec</strong> mattis. Morbi tincidunt posuere turpis eu laoreet. Nulla facilisi. Aenean at massa leo. Vestibulum in varius arcu.</p>
- <p>Nam risus magna, fringilla sit amet blandit viverra, dignissim eget est. Ut <strong>commodo ullamcorper risus nec</strong> mattis</p>
- <ul class="inline links">
- <li><a href="blog-post.htm" class="btn btn-mini"><i class="icon-circle-arrow-right"></i> Read more</a></li>
- <li><a href="blog-post.htm#comments" class="btn btn-mini"><i class="icon-comment"></i> 33 Comments</a></li>
- </ul>
+ <div class="media-object"> <img src="assets/blog/water-pump.jpg" alt="Picture of frog by Ben Fredericson" /> </div>
+ <p class="lead">Montes cursus, turpis scelerisque adipiscing vel in. Ultrices platea ridiculus nascetur vut aliquet odio vel placerat! A, ultricies augue turpis scelerisque, porta diam ac!</p>
+ <p>Montes cursus, turpis scelerisque adipiscing vel in. Ultrices platea ridiculus nascetur vut aliquet odio vel placerat! A, ultricies augue turpis scelerisque, porta diam ac! Pulvinar pulvinar enim odio enim dictumst, amet lorem aliquet ut rhoncus! Nisi. Ut aliquet non tincidunt, sit proin. Vel egestas, urna non tincidunt tincidunt, ultricies et vut placerat dis ac porttitor, in, facilisis. Etiam?</p>
+ <p>Egestas scelerisque, vel auctor rhoncus. Urna penatibus, velit dis, non parturient scelerisque ac tempor a enim? Aenean? Urna dictumst, enim nec odio, turpis. Magnis tempor mus, egestas integer sit eu eu lectus vel. Hac lorem aliquet nec mattis, purus parturient in pulvinar nascetur aliquam! Sed cursus? Pid, nec eros quis, tincidunt odio pellentesque integer, porta, nunc? Duis aenean! In tortor risus enim.</p>
+ <p>Sed elit ac? Vel parturient magna placerat non etiam.</p>
</div>
</div>
</div>
- <!-- Blog post -->
- <div class="media row-fluid">
- <div class="span1 hidden-phone">
- <!-- Date desktop -->
- <div class="date-wrapper"> <span class="date-m">Dec</span> <span class="date-d">26</span> </div>
- <!-- Meta details desktop -->
- <p class="meta muted"> <i class="icon-user"></i> <a href="#">Dave</a> </p>
- </div>
- <div class="span11">
- <div class="media-body">
- <div class="tags"><a href="#" class="tag">design</a> / <a href="#" class="type">podcast</a></div>
- <h4 class="title media-heading"><a href="blog-post.htm">a nec in sed hac ultrices cursus</a></h4>
-
- <!-- Meta details mobile -->
- <ul class="inline meta muted visible-phone">
- <li><i class="icon-calendar"></i> <span class="visible-desktop">Created:</span> Wed 26th Dec 2012</li>
- <li><i class="icon-user"></i> <a href="#">Dave</a></li>
- </ul>
- <a href="blog-post.htm" class="media-object"> <img src="assets/blog/ape.jpg" alt="Picture of frog by Ben Fredericson" /> </a>
- <p>Nam risus magna, fringilla sit amet blandit viverra, dignissim eget est. Ut <strong>commodo ullamcorper risus nec</strong> mattis. Morbi tincidunt posuere turpis eu laoreet. Nulla facilisi. Aenean at massa leo. Vestibulum in varius arcu.</p>
- <p>Nam risus magna, fringilla sit amet blandit viverra, dignissim eget est. Ut <strong>commodo ullamcorper risus nec</strong> mattis</p>
- <ul class="inline links">
- <li><a href="blog-post.htm" class="btn btn-mini"><i class="icon-circle-arrow-right"></i> Read more</a></li>
- <li><a href="blog-post.htm#comments" class="btn btn-mini"><i class="icon-comment"></i> 41 Comments</a></li>
- </ul>
- </div>
+ <!--Comments-->
+ <div class="comments" id="comments">
+ <h3>Comments</h3>
+ <ul class="media-list">
+ <li class="media row-fluid"> <a class="span1" href="#"> <img src="assets/team/deniro.jpg" alt="Picture of Erin" class="media-object img-polaroid" /> </a>
+ <div class="span11 media-body">
+ <ul class="inline meta muted">
+ <li><i class="icon-calendar"></i> <span class="visible-desktop">Created:</span> Thu 24th Jan 2013</li>
+ <li><i class="icon-user"></i> <span class="visible-desktop">By</span> <a href="#">Dave</a></li>
+ </ul>
+ <h5 class="media-heading">a nec in sed hac ultrices cursus</h5>
+ <p>a nec in sed hac ultrices cursusa nec in sed hac ultrices cursusa nec in sed hac ultrices cursusa nec in sed hac ultrices cursus</p>
+ </div>
+ </li>
+ <li class="media row-fluid"> <a class="span1" href="#"> <img src="assets/team/deniro.jpg" alt="Picture of Tom" class="media-object img-polaroid" /> </a>
+ <div class="span11 media-body">
+ <ul class="inline meta muted">
+ <li><i class="icon-calendar"></i> <span class="visible-desktop">Created:</span> Tue 15th Jan 2013</li>
+ <li><i class="icon-user"></i> <span class="visible-desktop">By</span> <a href="#">Alex</a></li>
+ </ul>
+ <h5 class="media-heading">Turpis odio dictumst tempor ac et!</h5>
+ <p>Turpis odio dictumst tempor ac et!Turpis odio dictumst tempor ac et!Turpis odio dictumst tempor ac et!Turpis odio dictumst tempor ac et!</p>
+ </div>
+ </li>
+ <li class="media row-fluid"> <a class="span1" href="#"> <img src="assets/team/bono.jpg" alt="Picture of Joe" class="media-object img-polaroid" /> </a>
+ <div class="span11 media-body">
+ <ul class="inline meta muted">
+ <li><i class="icon-calendar"></i> <span class="visible-desktop">Created:</span> Fri 11th Jan 2013</li>
+ <li><i class="icon-user"></i> <span class="visible-desktop">By</span> <a href="#">Jo</a></li>
+ </ul>
+ <h5 class="media-heading">Urna natoque in phasellus rhoncus aliquet penatibus</h5>
+ <p>Urna natoque in phasellus rhoncus aliquet penatibusUrna natoque in phasellus rhoncus aliquet penatibusUrna natoque in phasellus rhoncus aliquet penatibusUrna natoque in phasellus rhoncus aliquet penatibus</p>
+ </div>
+ </li>
+ <li class="media row-fluid"> <a class="span1" href="#"> <img src="assets/team/bono.jpg" alt="Picture of Jo" class="media-object img-polaroid" /> </a>
+ <div class="span11 media-body">
+ <ul class="inline meta muted">
+ <li><i class="icon-calendar"></i> <span class="visible-desktop">Created:</span> Sat 5th Jan 2013</li>
+ <li><i class="icon-user"></i> <span class="visible-desktop">By</span> <a href="#">Dave</a></li>
+ </ul>
+ <h5 class="media-heading">Urna natoque in phasellus rhoncus aliquet penatibus</h5>
+ <p>Urna natoque in phasellus rhoncus aliquet penatibusUrna natoque in phasellus rhoncus aliquet penatibusUrna natoque in phasellus rhoncus aliquet penatibusUrna natoque in phasellus rhoncus aliquet penatibus</p>
+ </div>
+ </li>
+ <li class="media row-fluid"> <a class="span1" href="#"> <img src="assets/team/deniro.jpg" alt="Picture of Jo" class="media-object img-polaroid" /> </a>
+ <div class="span11 media-body">
+ <ul class="inline meta muted">
+ <li><i class="icon-calendar"></i> <span class="visible-desktop">Created:</span> Thu 3rd Jan 2013</li>
+ <li><i class="icon-user"></i> <span class="visible-desktop">By</span> <a href="#">Alex</a></li>
+ </ul>
+ <h5 class="media-heading">Enim augue elit adipiscing placerat natoque</h5>
+ <p>Enim augue elit adipiscing placerat natoqueEnim augue elit adipiscing placerat natoqueEnim augue elit adipiscing placerat natoqueEnim augue elit adipiscing placerat natoque</p>
+ </div>
+ </li>
+ <li class="media row-fluid"> <a class="span1" href="#"> <img src="assets/team/jobs.jpg" alt="Picture of Tom" class="media-object img-polaroid" /> </a>
+ <div class="span11 media-body">
+ <ul class="inline meta muted">
+ <li><i class="icon-calendar"></i> <span class="visible-desktop">Created:</span> Tue 1st Jan 2013</li>
+ <li><i class="icon-user"></i> <span class="visible-desktop">By</span> <a href="#">Tom</a></li>
+ </ul>
+ <h5 class="media-heading">Urna natoque in phasellus rhoncus aliquet penatibus</h5>
+ <p>Urna natoque in phasellus rhoncus aliquet penatibusUrna natoque in phasellus rhoncus aliquet penatibusUrna natoque in phasellus rhoncus aliquet penatibusUrna natoque in phasellus rhoncus aliquet penatibus</p>
+ </div>
+ </li>
+ <li class="media row-fluid"> <a class="span1" href="#"> <img src="assets/team/adele.jpg" alt="Picture of Dave" class="media-object img-polaroid" /> </a>
+ <div class="span11 media-body">
+ <ul class="inline meta muted">
+ <li><i class="icon-calendar"></i> <span class="visible-desktop">Created:</span> Fri 28th Dec 2012</li>
+ <li><i class="icon-user"></i> <span class="visible-desktop">By</span> <a href="#">Erin</a></li>
+ </ul>
+ <h5 class="media-heading">Porta risus porttitor facilisis sit dapibus</h5>
+ <p>Porta risus porttitor facilisis sit dapibusPorta risus porttitor facilisis sit dapibusPorta risus porttitor facilisis sit dapibusPorta risus porttitor facilisis sit dapibus</p>
+ </div>
+ </li>
+ </ul>
+ <div class="comment-form">
+ <form id="comment-form">
+ <fieldset>
+ <legend>Add Comment</legend>
+ <input type="text" class="input-block-level" placeholder="Name">
+ <br />
+ <input type="text" class="input-block-level" placeholder="Email">
+ <br />
+ <textarea rows="8" class="input-block-level" placeholder="Comment"></textarea>
+ <label class="checkbox">
+ <input type="checkbox">
+ Subscribe to updates </label>
+ <button type="submit" class="btn btn-primary">Submit</button>
+ </fieldset>
+ </form>
</div>
</div>
-
</div>
-
-
-
-
-
-
- </div>
-</div>
-
-
-<!-- FOOTER -->
-<footer id="footer">
- <div class="container">
- <div class="row">
- <div class="span3 col">
- <div class="block contact-block">
- <!--@todo: replace with company contact details-->
- <h3>Contact Us</h3>
- <address>
- <p><abbr title="Phone"><i class="icon-phone"></i></abbr> 019223 8092344</p>
- <p><abbr title="Email"><i class="icon-envelope"></i></abbr> info@appstrap.me</p>
- <p><abbr title="Address"><i class="icon-home"></i></abbr> Sunshine House, Sunville. SUN12 8LU.</p>
- </address>
- </div>
- </div>
- <div class="span5 col">
- <div class="block">
- <h3>About Us</h3>
- <p>Making the web a prettier place one template at a time! We make beautiful, quality, responsive Drupal & web templates!</p>
- </div>
- </div>
- <div class="span4 col">
- <div class="block newsletter">
- <h3>Newsletter</h3>
- <p>Stay up to date with our latest news and product releases by signing up to our newsletter.</p>
- <!--@todo: replace with mailchimp code-->
- <form class="form-inline">
+ <!--Sidebar-->
+ <div class="span3 sidebar sidebar-right">
+ <div class="inner">
+ <div class="block">
<div class="input-append">
- <input class="input-medium" type="text" placeholder="Email" />
- <button class="btn btn-primary" type="button">Go!</button>
+ <input class="span2" id="appendedInputButton" type="text" placeholder="Search">
+ <button class="btn" type="button">Go!</button>
</div>
- </form>
+ </div>
+ <div class="block">
+ <h4 class="title-divider"><span>Tags</span></h4>
+ <div class="tag-cloud"> <span><a href="#">culture</a> (99)</span> <span><a href="#">general</a> (2)</span> <span><a href="#">coding</a> (60)</span> <span><a href="#">design</a> (55)</span> <span><a href="#">weather</a> (4)</span> <span><a href="#">jobs</a> (53)</span> <span><a href="#">health</a> (64)</span> </div>
+ </div>
+ <div class="block">
+ <h4 class="title-divider"><span>Archive</span></h4>
+ <ul class="big-list tags">
+ <li><a href="#">January 2013</a> (12)</li>
+ <li><a href="#">December 2012</a> (37)</li>
+ <li><a href="#">November 2012</a> (36)</li>
+ <li><a href="#">October 2012</a> (7)</li>
+ <li><a href="#">September 2012</a> (37)</li>
+ <li><a href="#">August 2012</a> (66)</li>
+ <li><a href="#">July 2012</a> (81)</li>
+ </ul>
+ </div>
+ <div class="block"> <a href="#" class="btn btn-warning"><i class="icon-rss"></i> Subscribe via RSS feed</a> </div>
</div>
</div>
</div>
- <div class="row-fluid">
- <!--@todo: replace with company copyright details-->
-
- </div>
</div>
-</footer>
-
-<!--Scripts -->
-<!-- <script src="assets/jquery.js"></script> -->
-<!-- @todo: remove unused Javascript for better performance -->
-<!-- <script src="assets/bootstrap-transition.js"></script>
-<script src="assets/bootstrap-alert.js"></script>
-<script src="assets/bootstrap-affix.js"></script>
-<script src="assets/bootstrap-modal.js"></script>
-<script src="assets/bootstrap-dropdown.js"></script>
-<script src="assets/bootstrap-scrollspy.js"></script>
-<script src="assets/bootstrap-tab.js"></script>
-<script src="assets/bootstrap-tooltip.js"></script>
-<script src="assets/bootstrap-popover.js"></script>
-<script src="assets/bootstrap-button.js"></script>
-<script src="assets/bootstrap-collapse.js"></script>
-<script src="assets/bootstrap-carousel.js"></script>
-<script src="assets/bootstrap-typeahead.js"></script> -->
-<!--Non-Bootstrap JS-->
-<!-- <script src="assets/jquery.quicksand.js"></script>
-<script src="assets/jquery.flexslider-min.js"></script> -->
-
-<!--Custom scripts mainly used to trigger libraries -->
-<!-- <script src="assets/script.js"></script> -->
-</body>
+</div>
</html>
Please sign in to comment.
Something went wrong with that request. Please try again.