www/
app/
controllers/
models/
views/
public/
css/
img/
js/
$('#pizzaSize').html($(this).val())
<body<?if(is_home()):?> id="homePage"<?endif;?>>
...
</body>
<fieldset>
<legend>About us</legend>
<p>Lorem ipsum...</p>
</fieldset >
ВЕСЬ столбец должен выделяться при наведении.
В итоге не стал заморачиваться таблицами
<table>) сделать бы не получилось, так как для карусели нужно, чтобы прокручиваемые элементы были обёрнуты в какой-либо тег. А так как прокручивается всё, кроме первого столбца, то нужна была бы разметка вроде:<table>
<tr>
<th>Лиды</th>
<xxx>
<td>23</td>
<td>100</td>
<td>50</td>
<!-- ... -->
</xxx>
</tr>
</table><xxx> в html нет. 
<html>
<head>
...
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="materialPreloader.js"></script>
<link rel="stylesheet" type="text/css" href="css/materialPreloader.css">
<script type="text/javascript">
jQuery(document).ready(function($) {
preloader = new $.materialPreloader({
position: 'top',
height: '5px',
col_1: '#159756',
col_2: '#da4733',
col_3: '#3b78e7',
col_4: '#fdba2c',
fadeIn: 200,
fadeOut: 200
});
$(window).on('load', function(){console.log('BlaBla'); preloader && preloader.off();});
preloader.on();
setTimeout(preloader.off,9000);
});
</script>