<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
<div class="container">
<div class="row">
<div id="no-more-tables">
<table class="col-md-12 table-striped table-condensed cf">
<thead class="cf">
<tr>
<th>Keyword</th>
<th>Engine</th>
<th>Campaign</th>
<th>Branded Vs. Non Branded</th>
<th class="numeric">Cost</th>
<th class="numeric">Clicks</th>
<th class="numeric">Conv. Rate</th>
<th class="numeric">CPC</th>
<th class="numeric">QS</th>
<th class="numeric">Avg. Pos.</th>
<th class="numeric">% Cost</th>
<th class="numeric">Lost Impression Share (Budget)</th>
<th class="numeric">Lost Impression Share (Ranking)</th>
<th class="numeric">Impressions</th>
<th class="numeric">CTR</th>
<th class="numeric">Conversions</th>
<th class="numeric">% Tot. Conv.</th>
<th class="numeric">CPL</th>
</tr>
</thead>
<tbody>
<tr>
<td data-title="Keyword">Auto Club</td>
<td data-title="Engine">Bing</td>
<td data-title="Campaign" >N_Brd_Search_Club</td>
<td data-title="Branded Vs. Non Branded" >Non Branded</td>
<td data-title="Cost" class="numeric">-0.36%</td>
<td data-title="Clicks" class="numeric">$1.39</td>
<td data-title="Conv. Rate" class="numeric">$1.39</td>
<td data-title="CPC" class="numeric">$1.38</td>
<td data-title="QS" class="numeric">9,395</td>
<td data-title="Avg. Pos." class="numeric">$1.38</td>
<td data-title="% Cost" class="numeric">-0.01</td>
<td data-title="Lost Impression Share (Budget)" class="numeric">-0.36%</td>
<td data-title="Lost Impression Share (Ranking)" class="numeric">$1.39</td>
<td data-title="Impressions" class="numeric">$1.39</td>
<td data-title="CTR" class="numeric">$1.38</td>
<td data-title="Conversions" class="numeric">$1.38</td>
<td data-title="% Tot. Conv" class="numeric">9,395</td>
<td data-title="CPL" class="numeric">9,395</td>
</tr>
<tr>
<td data-title="Keyword">Auto Club</td>
<td data-title="Engine">Bing</td>
<td data-title="Campaign" >N_Brd_Search_Club</td>
<td data-title="Branded Vs. Non Branded" >Non Branded</td>
<td data-title="Cost" class="numeric">-0.36%</td>
<td data-title="Clicks" class="numeric">$1.39</td>
<td data-title="Conv. Rate" class="numeric">$1.39</td>
<td data-title="CPC" class="numeric">$1.38</td>
<td data-title="QS" class="numeric">9,395</td>
<td data-title="Avg. Pos." class="numeric">$1.38</td>
<td data-title="% Cost" class="numeric">-0.01</td>
<td data-title="Lost Impression Share (Budget)" class="numeric">-0.36%</td>
<td data-title="Lost Impression Share (Ranking)" class="numeric">$1.39</td>
<td data-title="Impressions" class="numeric">$1.39</td>
<td data-title="CTR" class="numeric">$1.38</td>
<td data-title="Conversions" class="numeric">$1.38</td>
<td data-title="% Tot. Conv" class="numeric">9,395</td>
<td data-title="CPL" class="numeric">9,395</td>
</tr>
<tr>
<td data-title="Keyword">Auto Club</td>
<td data-title="Engine">Bing</td>
<td data-title="Campaign" >N_Brd_Search_Club</td>
<td data-title="Branded Vs. Non Branded" >Non Branded</td>
<td data-title="Cost" class="numeric">-0.36%</td>
<td data-title="Clicks" class="numeric">$1.39</td>
<td data-title="Conv. Rate" class="numeric">$1.39</td>
<td data-title="CPC" class="numeric">$1.38</td>
<td data-title="QS" class="numeric">9,395</td>
<td data-title="Avg. Pos." class="numeric">$1.38</td>
<td data-title="% Cost" class="numeric">-0.01</td>
<td data-title="Lost Impression Share (Budget)" class="numeric">-0.36%</td>
<td data-title="Lost Impression Share (Ranking)" class="numeric">$1.39</td>
<td data-title="Impressions" class="numeric">$1.39</td>
<td data-title="CTR" class="numeric">$1.38</td>
<td data-title="Conversions" class="numeric">$1.38</td>
<td data-title="% Tot. Conv" class="numeric">9,395</td>
<td data-title="CPL" class="numeric">9,395</td>
</tr>
<tr>
<td data-title="Keyword">Auto Club</td>
<td data-title="Engine">Bing</td>
<td data-title="Campaign" >N_Brd_Search_Club</td>
<td data-title="Branded Vs. Non Branded" >Non Branded</td>
<td data-title="Cost" class="numeric">-0.36%</td>
<td data-title="Clicks" class="numeric">$1.39</td>
<td data-title="Conv. Rate" class="numeric">$1.39</td>
<td data-title="CPC" class="numeric">$1.38</td>
<td data-title="QS" class="numeric">9,395</td>
<td data-title="Avg. Pos." class="numeric">$1.38</td>
<td data-title="% Cost" class="numeric">-0.01</td>
<td data-title="Lost Impression Share (Budget)" class="numeric">-0.36%</td>
<td data-title="Lost Impression Share (Ranking)" class="numeric">$1.39</td>
<td data-title="Impressions" class="numeric">$1.39</td>
<td data-title="CTR" class="numeric">$1.38</td>
<td data-title="Conversions" class="numeric">$1.38</td>
<td data-title="% Tot. Conv" class="numeric">9,395</td>
<td data-title="CPL" class="numeric">9,395</td>
</tr>
<tr>
<td data-title="Keyword">Auto Club</td>
<td data-title="Engine">Bing</td>
<td data-title="Campaign" >N_Brd_Search_Club</td>
<td data-title="Branded Vs. Non Branded" >Non Branded</td>
<td data-title="Cost" class="numeric">-0.36%</td>
<td data-title="Clicks" class="numeric">$1.39</td>
<td data-title="Conv. Rate" class="numeric">$1.39</td>
<td data-title="CPC" class="numeric">$1.38</td>
<td data-title="QS" class="numeric">9,395</td>
<td data-title="Avg. Pos." class="numeric">$1.38</td>
<td data-title="% Cost" class="numeric">-0.01</td>
<td data-title="Lost Impression Share (Budget)" class="numeric">-0.36%</td>
<td data-title="Lost Impression Share (Ranking)" class="numeric">$1.39</td>
<td data-title="Impressions" class="numeric">$1.39</td>
<td data-title="CTR" class="numeric">$1.38</td>
<td data-title="Conversions" class="numeric">$1.38</td>
<td data-title="% Tot. Conv" class="numeric">9,395</td>
<td data-title="CPL" class="numeric">9,395</td>
</tr>
<tr>
<td data-title="Keyword">Auto Club</td>
<td data-title="Engine">Bing</td>
<td data-title="Campaign" >N_Brd_Search_Club</td>
<td data-title="Branded Vs. Non Branded" >Non Branded</td>
<td data-title="Cost" class="numeric">-0.36%</td>
<td data-title="Clicks" class="numeric">$1.39</td>
<td data-title="Conv. Rate" class="numeric">$1.39</td>
<td data-title="CPC" class="numeric">$1.38</td>
<td data-title="QS" class="numeric">9,395</td>
<td data-title="Avg. Pos." class="numeric">$1.38</td>
<td data-title="% Cost" class="numeric">-0.01</td>
<td data-title="Lost Impression Share (Budget)" class="numeric">-0.36%</td>
<td data-title="Lost Impression Share (Ranking)" class="numeric">$1.39</td>
<td data-title="Impressions" class="numeric">$1.39</td>
<td data-title="CTR" class="numeric">$1.38</td>
<td data-title="Conversions" class="numeric">$1.38</td>
<td data-title="% Tot. Conv" class="numeric">9,395</td>
<td data-title="CPL" class="numeric">9,395</td>
</tr>
<tr>
<td data-title="Keyword">Auto Club</td>
<td data-title="Engine">Bing</td>
<td data-title="Campaign" >N_Brd_Search_Club</td>
<td data-title="Branded Vs. Non Branded" >Non Branded</td>
<td data-title="Cost" class="numeric">-0.36%</td>
<td data-title="Clicks" class="numeric">$1.39</td>
<td data-title="Conv. Rate" class="numeric">$1.39</td>
<td data-title="CPC" class="numeric">$1.38</td>
<td data-title="QS" class="numeric">9,395</td>
<td data-title="Avg. Pos." class="numeric">$1.38</td>
<td data-title="% Cost" class="numeric">-0.01</td>
<td data-title="Lost Impression Share (Budget)" class="numeric">-0.36%</td>
<td data-title="Lost Impression Share (Ranking)" class="numeric">$1.39</td>
<td data-title="Impressions" class="numeric">$1.39</td>
<td data-title="CTR" class="numeric">$1.38</td>
<td data-title="Conversions" class="numeric">$1.38</td>
<td data-title="% Tot. Conv" class="numeric">9,395</td>
<td data-title="CPL" class="numeric">9,395</td>
</tr>
<tr>
<td data-title="Keyword">Auto Club</td>
<td data-title="Engine">Bing</td>
<td data-title="Campaign" >N_Brd_Search_Club</td>
<td data-title="Branded Vs. Non Branded" >Non Branded</td>
<td data-title="Cost" class="numeric">-0.36%</td>
<td data-title="Clicks" class="numeric">$1.39</td>
<td data-title="Conv. Rate" class="numeric">$1.39</td>
<td data-title="CPC" class="numeric">$1.38</td>
<td data-title="QS" class="numeric">9,395</td>
<td data-title="Avg. Pos." class="numeric">$1.38</td>
<td data-title="% Cost" class="numeric">-0.01</td>
<td data-title="Lost Impression Share (Budget)" class="numeric">-0.36%</td>
<td data-title="Lost Impression Share (Ranking)" class="numeric">$1.39</td>
<td data-title="Impressions" class="numeric">$1.39</td>
<td data-title="CTR" class="numeric">$1.38</td>
<td data-title="Conversions" class="numeric">$1.38</td>
<td data-title="% Tot. Conv" class="numeric">9,395</td>
<td data-title="CPL" class="numeric">9,395</td>
</tr>
<tr>
<td data-title="Keyword">Auto Club</td>
<td data-title="Engine">Bing</td>
<td data-title="Campaign" >N_Brd_Search_Club</td>
<td data-title="Branded Vs. Non Branded" >Non Branded</td>
<td data-title="Cost" class="numeric">-0.36%</td>
<td data-title="Clicks" class="numeric">$1.39</td>
<td data-title="Conv. Rate" class="numeric">$1.39</td>
<td data-title="CPC" class="numeric">$1.38</td>
<td data-title="QS" class="numeric">9,395</td>
<td data-title="Avg. Pos." class="numeric">$1.38</td>
<td data-title="% Cost" class="numeric">-0.01</td>
<td data-title="Lost Impression Share (Budget)" class="numeric">-0.36%</td>
<td data-title="Lost Impression Share (Ranking)" class="numeric">$1.39</td>
<td data-title="Impressions" class="numeric">$1.39</td>
<td data-title="CTR" class="numeric">$1.38</td>
<td data-title="Conversions" class="numeric">$1.38</td>
<td data-title="% Tot. Conv" class="numeric">9,395</td>
<td data-title="CPL" class="numeric">9,395</td>
</tr>
<tr>
<td data-title="Keyword">Auto Club</td>
<td data-title="Engine">Bing</td>
<td data-title="Campaign" >N_Brd_Search_Club</td>
<td data-title="Branded Vs. Non Branded" >Non Branded</td>
<td data-title="Cost" class="numeric">-0.36%</td>
<td data-title="Clicks" class="numeric">$1.39</td>
<td data-title="Conv. Rate" class="numeric">$1.39</td>
<td data-title="CPC" class="numeric">$1.38</td>
<td data-title="QS" class="numeric">9,395</td>
<td data-title="Avg. Pos." class="numeric">$1.38</td>
<td data-title="% Cost" class="numeric">-0.01</td>
<td data-title="Lost Impression Share (Budget)" class="numeric">-0.36%</td>
<td data-title="Lost Impression Share (Ranking)" class="numeric">$1.39</td>
<td data-title="Impressions" class="numeric">$1.39</td>
<td data-title="CTR" class="numeric">$1.38</td>
<td data-title="Conversions" class="numeric">$1.38</td>
<td data-title="% Tot. Conv" class="numeric">9,395</td>
<td data-title="CPL" class="numeric">9,395</td>
</tr>
<tr>
<td data-title="Keyword">Auto Club</td>
<td data-title="Engine">Bing</td>
<td data-title="Campaign" >N_Brd_Search_Club</td>
<td data-title="Branded Vs. Non Branded" >Non Branded</td>
<td data-title="Cost" class="numeric">-0.36%</td>
<td data-title="Clicks" class="numeric">$1.39</td>
<td data-title="Conv. Rate" class="numeric">$1.39</td>
<td data-title="CPC" class="numeric">$1.38</td>
<td data-title="QS" class="numeric">9,395</td>
<td data-title="Avg. Pos." class="numeric">$1.38</td>
<td data-title="% Cost" class="numeric">-0.01</td>
<td data-title="Lost Impression Share (Budget)" class="numeric">-0.36%</td>
<td data-title="Lost Impression Share (Ranking)" class="numeric">$1.39</td>
<td data-title="Impressions" class="numeric">$1.39</td>
<td data-title="CTR" class="numeric">$1.38</td>
<td data-title="Conversions" class="numeric">$1.38</td>
<td data-title="% Tot. Conv" class="numeric">9,395</td>
<td data-title="CPL" class="numeric">9,395</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
body {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
}
th {
font-weight: 400 !important;
color: #024a85 !important;
text-transform: uppercase;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
background:#c4e1eb;
border: none;
}
@media only screen and (max-width: 800px) {
/* Force table to not be like tables anymore */
#no-more-tables table,
#no-more-tables thead,
#no-more-tables tbody,
#no-more-tables th,
#no-more-tables td,
#no-more-tables tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
#no-more-tables thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
#no-more-tables tr { border: none; }
#no-more-tables td {
/* Behave like a "row" */
border: none;
border-bottom: none;
position: relative;
padding-left: 50%;
white-space: normal;
text-align:left;
}
#no-more-tables td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align:left;
font-weight: 400 !important;
color: #024a85 !important;
text-transform: uppercase;
}
/*
Label the data
*/
#no-more-tables td:before { content: attr(data-title); }
}