<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Find Focus Groups</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/focus-css.css" rel="stylesheet">
    <link href="yamm.css" rel="stylesheet">
    
    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans|Roboto" rel="stylesheet">



    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="container-fluid">
  <div class="row">
    <div class="col-md-12">
      <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="navbar-header">
           
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
             <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
          </button> <a class="navbar-brand" href="#">FindFocusGroups.com</a>
        </div>
        
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <li class="active">
              <a href="#">Link</a>
            </li>
            <li>
              <a href="#">Link</a>
            </li>
            <li class="dropdown">
               <a href="#" class="dropdown-toggle" data-toggle="dropdown">Search by city<strong class="caret"></strong></a>
              <ul class="dropdown-menu">
                <li>
                  <a href="#">Atlanta</a>
                </li>
                <li>
                  <a href="#">Austin</a>
                </li>
                <li>
                  <a href="#">Boston</a>
                </li>
                <li>
                  <a href="#">Chicago</a>
                </li>
                <li>
                  <a href="#">Dallas</a>
                </li>
                <li>
                  <a href="#">Denver</a>
                </li>
                <li>
                  <a href="#">Houston</a>
                </li>
                <li>
                  <a href="#">Los Angeles</a>
                </li>
                <li class="divider">
                </li>
                <li>
                  <a href="#">Separated link</a>
                </li>
                <li class="divider">
                </li>
                <li>
                  <a href="#">One more separated link</a>
                </li>
              </ul>
            </li>
            <li class="dropdown">
               <a href="#" class="dropdown-toggle" data-toggle="dropdown">Search by state<strong class="caret"></strong></a>
              <ul class="dropdown-menu">
                <li>
                  <a href="#">Atlanta</a>
                </li>
                <li>
                  <a href="#">Austin</a>
                </li>
                <li>
                  <a href="#">Boston</a>
                </li>
                <li class="divider">
                </li>
                <li>
                  <a href="#">Separated link</a>
                </li>
                <li class="divider">
                </li>
                <li>
                  <a href="#">One more separated link</a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
        
      </nav>

<br />
<br />
<br />
      <div class="jumbotron well">
        <h2>
          Find Focus Groups!
        </h2>
        <p>
          This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.
        </p>
        <p>
          <a class="btn btn-primary btn-large" href="#">Learn more</a>
        </p>
      </div>
      <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- FFg-2017 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8348093160227801"
     data-ad-slot="8731565331"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<h2 style="text-align: center; color:#2c3541;">Browse the newest focus groups in the United States</h2>
<h3 style="text-align: center; color:#787d83; margin-bottom: 45px;">211 focus groups found </h3>
<div id="focus-listing">
<div id="focus-title"><a href="http://google.com">Test focus group</a></div>
<div id="focus-geo"><span class="glyphicon glyphicon-globe"></span> 
  Nationwide, ALL </div>
<div id="focus-date">
<span class="glyphicon glyphicon-time"> </span> 
Posted on 01/02/2017</div>
<div id="focus-compensation">
<span class="glyphicon glyphicon-piggy-bank"> </span> Compensation: 100</div>
</div>
<div id="focus-listing">
<div id="focus-title"><a href="http://google.com">Focus group for moms</a></div>
<div id="focus-geo"><span class="glyphicon glyphicon-globe"></span> 
  Los Angeles, CA </div>
<div id="focus-date">
<span class="glyphicon glyphicon-time"> </span> 
Posted on 12/06/2016</div>
<div id="focus-compensation">
<span class="glyphicon glyphicon-piggy-bank"> </span> Compensation: 100</div>
</div>
<div id="focus-listing">
<div id="focus-title"><a href="http://findfoc.us/1gxr8yT">Patients with Peritoneal Dialysis</a></div>
<div id="focus-geo"><span class="glyphicon glyphicon-globe"></span> 
  Los Angeles, CA </div>
<div id="focus-date">
<span class="glyphicon glyphicon-time"> </span> 
Posted on 02/17/2014</div>
<div id="focus-compensation">
<span class="glyphicon glyphicon-piggy-bank"> </span> Compensation: 300</div>
</div>

<table class="table table-striped">
        <thead>
          <tr>
            <th>
              #
            </th>
            <th>
              Product
            </th>
            <th>
              Payment Taken
            </th>
            <th>
              Status
            </th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>
              1
            </td>
            <td>
              TB - Monthly
            </td>
            <td>
              01/04/2012
            </td>
            <td>
              Default
            </td>
          </tr>
          <tr class="active">
            <td>
              1
            </td>
            <td>
              TB - Monthly
            </td>
            <td>
              01/04/2012
            </td>
            <td>
              Approved
            </td>
          </tr>
          <tr class="success">
            <td>
              2
            </td>
            <td>
              TB - Monthly
            </td>
            <td>
              02/04/2012
            </td>
            <td>
              Declined
            </td>
          </tr>
          <tr class="warning">
            <td>
              3
            </td>
            <td>
              TB - Monthly
            </td>
            <td>
              03/04/2012
            </td>
            <td>
              Pending
            </td>
          </tr>
          <tr class="danger">
            <td>
              4
            </td>
            <td>
              TB - Monthly
            </td>
            <td>
              04/04/2012
            </td>
            <td>
              Call in to confirm
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="row">
    <div class="col-md-4">
      <h2>
        Heading
      </h2>
      <p>
        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
      </p>
      <p>
        <a class="btn" href="#">View details »</a>
      </p>
    </div>
    <div class="col-md-4">
      <h2>
        Heading
      </h2>
      <p>
        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
      </p>
      <p>
        <a class="btn" href="#">View details »</a>
      </p>
    </div>
    <div class="col-md-4">
      <h2>
        Heading
      </h2>
      <p>
        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
      </p>
      <p>
        <a class="btn" href="#">View details »</a>
      </p>
    </div>
  </div>
</div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>