<Cfinclude template="indexheader.cfm">

    <div class="container">
        <div class="row">
            <div class="span9">
                <!-- BLOG POST -->
                <article class="post">
                    <div class="post-img">
                        <!-- HOVER IMAGE -->
                        <a class="hover-img" href="indexblogentry.cfm">
                            <img src="img/150x150.png" alt="Image Alternative text" title="Our Coffee miss u" /><i class="icon-link hover-icon"></i>
                        </a>
                    </div>
                    <div class="post-inner">
                        <h4 class="post-title"><a href="indexblogentry.cfm">Netus himenaeos</a></h4>
                        <ul class="post-meta">
                            <li><i class="icon-calendar"></i><a href="indexblogentry.cfm">03 August, 2013</a>
                            </li>
                            <li><i class="icon-user"></i>by <a href="indexblogentry.cfm">Brandon Burgess</a>
                            </li>
                            <li><i class="icon-tags"></i><a href="indexblogentry.cfm">Digital</a>
                            </li>
                            <li><i class="icon-comments"></i><a href="indexblogentry.cfm">3 Comments</a>
                            </li>
                        </ul>
                        <p class="post-desciption">Arcu libero auctor porttitor netus euismod ultrices sodales litora eget lorem eros rutrum magnis neque urna cubilia sed netus felis nunc id fringilla imperdiet sodales ut cursus non tempor porta ultrices velit fermentum iaculis vehicula tortor est dignissim class inceptos fermentum taciti porta ultricies nam nostra nisi libero nibh cursus</p><a class="btn btn-small btn-primary" href="indexblogentry.cfm">Read More</a>
                    </div>
                </article>
                <!-- BLOG POST -->
                <article class="post">
                    <div class="post-img">
                        <!-- HOVER IMAGE -->
                        <a class="hover-img" href="indexblogentry.cfm">
                            <img src="img/150x150.png" alt="Image Alternative text" title="In the bokeh forest" /><i class="icon-link hover-icon"></i>
                        </a>
                    </div>
                    <div class="post-inner">
                        <h4 class="post-title"><a href="indexblogentry.cfm">Class libero</a></h4>
                        <ul class="post-meta">
                            <li><i class="icon-calendar"></i><a href="indexblogentry.cfm">29 July, 2013</a>
                            </li>
                            <li><i class="icon-user"></i>by <a href="indexblogentry.cfm">Carl Butler</a>
                            </li>
                            <li><i class="icon-tags"></i><a href="indexblogentry.cfm">Web</a>, <a href="indexblogentry.cfm">Design</a>
                            </li>
                            <li><i class="icon-comments"></i><a href="indexblogentry.cfm">18 Comments</a>
                            </li>
                        </ul>
                        <p class="post-desciption">Purus varius lacus elit fames vestibulum habitasse placerat dictum porta posuere quam vestibulum sodales sit turpis quisque nullam nascetur convallis curabitur ridiculus eros tempor elementum magna quisque conubia nostra massa interdum fusce hendrerit aliquam amet maecenas class sapien ad aliquet torquent ac cursus venenatis habitasse imperdiet sociis primis nascetur curae</p><a class="btn btn-small btn-primary" href="indexblogentry.cfm">Read More</a>
                    </div>
                </article>
                <!-- BLOG POST -->
                <article class="post">
                    <div class="post-img">
                        <!-- HOVER IMAGE -->
                        <a class="hover-img" href="indexblogentry.cfm">
                            <img src="img/150x150.png" alt="Image Alternative text" title="Andrea" /><i class="icon-link hover-icon"></i>
                        </a>
                    </div>
                    <div class="post-inner">
                        <h4 class="post-title"><a href="indexblogentry.cfm">Mollis hac</a></h4>
                        <ul class="post-meta">
                            <li><i class="icon-calendar"></i><a href="indexblogentry.cfm">15 July, 2013</a>
                            </li>
                            <li><i class="icon-user"></i>by <a href="indexblogentry.cfm">Joe Smith</a>
                            </li>
                            <li><i class="icon-tags"></i><a href="indexblogentry.cfm">Travel</a>, <a href="indexblogentry.cfm">Typography</a>
                            </li>
                            <li><i class="icon-comments"></i><a href="indexblogentry.cfm">5 Comments</a>
                            </li>
                        </ul>
                        <p class="post-desciption">Maecenas diam fringilla feugiat justo taciti lacinia facilisi cras habitant cursus pretium proin sodales in nibh sed auctor ligula hendrerit leo erat dolor ac enim condimentum venenatis vulputate fames sodales nibh euismod duis dignissim lacus hendrerit at hendrerit felis dignissim ligula bibendum nisl eget luctus nam convallis ligula pretium mi</p><a class="btn btn-small btn-primary" href="indexblogentry.cfm">Read More</a>
                    </div>
                </article>
                <!-- BLOG POST -->
                <article class="post">
                    <div class="post-img">
                        <!-- HOVER IMAGE -->
                        <a class="hover-img" href="indexblogentry.cfm">
                            <img src="img/150x150.png" alt="Image Alternative text" title="AMaze" /><i class="icon-link hover-icon"></i>
                        </a>
                    </div>
                    <div class="post-inner">
                        <h4 class="post-title"><a href="indexblogentry.cfm">Integer dignissim</a></h4>
                        <ul class="post-meta">
                            <li><i class="icon-calendar"></i><a href="indexblogentry.cfm">21 June, 2013</a>
                            </li>
                            <li><i class="icon-user"></i>by <a href="indexblogentry.cfm">Ava McDonald</a>
                            </li>
                            <li><i class="icon-tags"></i><a href="indexblogentry.cfm">Web</a>, <a href="indexblogentry.cfm">Typography</a>, <a href="indexblogentry.cfm">Digital</a>
                            </li>
                            <li><i class="icon-comments"></i><a href="indexblogentry.cfm">5 Comments</a>
                            </li>
                        </ul>
                        <p class="post-desciption">Malesuada a proin morbi ornare fermentum nibh quis morbi aenean semper ridiculus scelerisque sodales purus at magnis viverra eget non eget diam non tellus class nulla primis semper phasellus aptent ut ullamcorper blandit platea at cras turpis elementum lorem vel eget ut volutpat feugiat parturient maecenas vestibulum primis et congue</p><a class="btn btn-small btn-primary" href="indexblogentry.cfm">Read More</a>
                    </div>
                </article>
                <!-- BLOG POST -->
                <article class="post">
                    <div class="post-img">
                        <!-- HOVER IMAGE -->
                        <a class="hover-img" href="indexblogentry.cfm">
                            <img src="img/150x150.png" alt="Image Alternative text" title="iJump" /><i class="icon-link hover-icon"></i>
                        </a>
                    </div>
                    <div class="post-inner">
                        <h4 class="post-title"><a href="indexblogentry.cfm">Orci mi</a></h4>
                        <ul class="post-meta">
                            <li><i class="icon-calendar"></i><a href="indexblogentry.cfm">30 April, 2013</a>
                            </li>
                            <li><i class="icon-user"></i>by <a href="indexblogentry.cfm">Ava McDonald</a>
                            </li>
                            <li><i class="icon-tags"></i><a href="indexblogentry.cfm">Web</a>
                            </li>
                            <li><i class="icon-comments"></i><a href="indexblogentry.cfm">7 Comments</a>
                            </li>
                        </ul>
                        <p class="post-desciption">Malesuada quisque consectetur ac donec dictum sociis pharetra cubilia bibendum convallis volutpat in placerat suscipit urna mus posuere habitasse venenatis praesent himenaeos litora arcu magna imperdiet mollis phasellus vel viverra ipsum sed porta tellus lacus torquent sit etiam lectus ullamcorper urna ullamcorper sagittis gravida condimentum vulputate faucibus cubilia ut erat</p><a class="btn btn-small btn-primary" href="indexblogentry.cfm">Read More</a>
                    </div>
                </article>
                <!-- BLOG POST -->
                <article class="post">
                    <div class="post-img">
                        <!-- HOVER IMAGE -->
                        <a class="hover-img" href="indexblogentry.cfm">
                            <img src="img/150x150.png" alt="Image Alternative text" title="Happy Bokeh Day" /><i class="icon-link hover-icon"></i>
                        </a>
                    </div>
                    <div class="post-inner">
                        <h4 class="post-title"><a href="indexblogentry.cfm">Proin luctus</a></h4>
                        <ul class="post-meta">
                            <li><i class="icon-calendar"></i><a href="indexblogentry.cfm">14 January, 2013</a>
                            </li>
                            <li><i class="icon-user"></i>by <a href="indexblogentry.cfm">Cheryl Gustin</a>
                            </li>
                            <li><i class="icon-tags"></i><a href="indexblogentry.cfm">Typography</a>, <a href="indexblogentry.cfm">Digital</a>, <a href="indexblogentry.cfm">Travel</a>
                            </li>
                            <li><i class="icon-comments"></i><a href="indexblogentry.cfm">11 Comments</a>
                            </li>
                        </ul>
                        <p class="post-desciption">Potenti fames lectus euismod senectus sapien nisl convallis conubia habitasse auctor vitae duis potenti dictumst etiam dignissim blandit sapien adipiscing orci dignissim eleifend per pellentesque elit habitant dictumst sociis vitae maecenas ante est netus magna duis morbi sed porttitor dapibus risus suscipit vestibulum tellus montes leo nunc rutrum ut sed</p><a class="btn btn-small btn-primary" href="indexblogentry.cfm">Read More</a>
                    </div>
                </article>
                <!-- BLOG POST -->
                <article class="post">
                    <div class="post-img">
                        <!-- HOVER IMAGE -->
                        <a class="hover-img" href="indexblogentry.cfm">
                            <img src="img/150x150.png" alt="Image Alternative text" title="Going out tonight" /><i class="icon-link hover-icon"></i>
                        </a>
                    </div>
                    <div class="post-inner">
                        <h4 class="post-title"><a href="indexblogentry.cfm">Orci nunc</a></h4>
                        <ul class="post-meta">
                            <li><i class="icon-calendar"></i><a href="indexblogentry.cfm">14 June, 2012</a>
                            </li>
                            <li><i class="icon-user"></i>by <a href="indexblogentry.cfm">Joseph Watson</a>
                            </li>
                            <li><i class="icon-tags"></i><a href="indexblogentry.cfm">Travel</a>, <a href="indexblogentry.cfm">Typography</a>
                            </li>
                            <li><i class="icon-comments"></i><a href="indexblogentry.cfm">5 Comments</a>
                            </li>
                        </ul>
                        <p class="post-desciption">Sollicitudin vestibulum diam magnis posuere vulputate tincidunt proin eget dictumst consectetur sem massa ridiculus potenti porttitor cras litora adipiscing tellus donec luctus tempus euismod felis mollis odio lacinia mus taciti convallis elit mauris dapibus posuere duis facilisis phasellus duis felis magna congue vulputate ac dignissim pharetra tincidunt erat volutpat commodo</p><a class="btn btn-small btn-primary" href="indexblogentry.cfm">Read More</a>
                    </div>
                </article>
                <div class="pagination">
                    <ul>
                        <li class="prev disabled">
                            <a href="indexblogentry.cfm"></a>
                        </li>
                        <li class="active"><a href="indexblogentry.cfm">1</a>
                        </li>
                        <li><a href="indexblogentry.cfm">2</a>
                        </li>
                        <li><a href="indexblogentry.cfm">3</a>
                        </li>
                        <li><a href="indexblogentry.cfm">4</a>
                        </li>
                        <li><a href="indexblogentry.cfm">5</a>
                        </li>
                        <li class="next">
                            <a href="indexblogentry.cfm"></a>
                        </li>
                    </ul>
                </div>
                <div class="gap"></div>
            </div>
            <div class="span3">
                <aside class="sidebar-right hidden-phone">
                    <h4>Categories</h4>
                    <ul class="list list-icon list-icon-caret-right list-icon-color">
                        <li><a href="indexblogentry.cfm">Digital</a>
                        </li>
                        <li><a href="indexblogentry.cfm">Lifestyle</a>
                        </li>
                        <li><a href="indexblogentry.cfm">Design</a>
                        </li>
                        <li><a href="indexblogentry.cfm">Travel</a>
                        </li>
                        <li><a href="indexblogentry.cfm">Typography</a>
                        </li>
                        <li><a href="indexblogentry.cfm">Web</a>
                        </li>
                    </ul>
                    <div class="gap gap-small"></div>
                    <h4>Newsletter singup</h4>
                    <form class="sign-up">
                        <input type="text" class="span3" placeholder="E-mail">
                        <small class="help-block">*We never send spam</small>
                        <input type="submit" class="btn btn-primary" value="Subscribe">
                    </form>
                    <div class="gap gap-small"></div>
                    <h4>Recent Posts</h4>
                    <ul class="list post-list">
                        <li class="post-thumb">
                            <h5 class="title"><a href="indexblogentry.cfm">Sit penatibus eleifend</a></h5><small>09 August, 2013</small>
                            <p class="post-desciption">Lectus varius habitant commodo platea hac tempus natoque curabitur nam</p>
                        </li>
                        <li class="post-thumb">
                            <h5 class="title"><a href="indexblogentry.cfm">Hac tellus</a></h5><small>08 August, 2013</small>
                            <p class="post-desciption">Per mattis himenaeos potenti neque pharetra ad fermentum proin aenean</p>
                        </li>
                    </ul>
                    <div class="gap gap-small"></div>
                    <h4>Twitter Feed</h4>
                    <!-- START TWITTER -->
                    <div class="twitter" id="twitter"></div>
                    <!-- END TWITTER -->
                    <div class="gap gap-small"></div>
                </aside>

            </div>
        </div>
    </div>

<Cfinclude template="indexfooter.cfm">