CivicIdeas Bootstrap Template

Simple index page

by Pete Fecteau

HTML

<script src="https://buttonpresser.com/CivicIdeas_BS/js/bootstrap.min.js"></script>
<div class="standard-nav alone navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <div class="nav-collapse" id="main-menu">
                <ul class="nav" id="main-menu-left">
                    <li><a href="/ideas">Ideas</a></li>
                    <li><a href="/projects">Projects</a></li>
                    <li><a href="/discussions">Discussions</a></li>
                    <li class="active"><a href="/forums">Forums</a></li>
                    <li><a href="/meetings">Meetings</a></li>
                    <li><a href="#">Surveys</a></li>
                </ul>
                <ul class="nav pull-right" id="main-menu-right">
                    <li>
                        <form class="navbar-search pull-left" action="">
                            <input type="text" class="search-query span2" placeholder="Search">
                        </form>
                    </li>
                    <li class="dropdown">
                    <a href="/users/sign_in" id="navbar-login">Login</a>
                    <ul class="dropdown-menu" id="swatch-menu">
                        <li><a href="../default">Log Out</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Edit Profile</a></li>
                        <li><a href="#">My Ideas</a></li>
                        <li><a href="#">My Connections</a></li>
                        <li><a href="#">My Apps</a></li>
                    </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
    
<div class="row page-top">
    <div class="span9">
        <ul class="nav nav-tabs">
            <li class="active"><a href="#open_order">All</a></li>
            <li><a href="#open_order">New</a></li>
            <li><a href="#close_soon_order">Ending</a></li>
            <li><a...

CSS

@import url('https://buttonpresser.com/CivicIdeas_BS/css/bootstrap.css');
@import url('https://buttonpresser.com/CivicIdeas_BS/css/bootstrap-custom.css');
@import url('https://buttonpresser.com/CivicIdeas_BS/css/global-nav.css');
@import url('https://buttonpresser.com/CivicIdeas_BS/css/global-sidebar.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700');

body {background:#DEDFE0;}

section.idea {
	border-bottom: 1px solid #DEDFE0;
	padding-bottom:20px;
}
section.idea::last-child {
  border:none;
}
section.idea h2 {
  margin-top:35px;
}
section.idea .badge.date {
  margin-top:-36px;
}
section.idea .body {
  margin:0 0 20px 0;
  padding-top:10px;
}
section.idea .body img {
  max-width:220px;
  float:left;
  margin:0 20px 10px 0;
}