</div>
<div class="col-lg-6 col-sm-6">
<div class="summary-info clearfix">
<?php
$device = 'desktop';
?>
<div class="screenshot <?php
echo $device;
?>
" style="-webkit-user-select: none;">
<div class="screenshot-img-container">
<img class="img-responsive" src="data:<?php
echo $pageSpeed[$device]['screenshot']['mime_type'];
?>
;base64,<?php
echo PageSpeedInsights::decodeData($pageSpeed[$device]['screenshot']['data']);
?>
">
</div>
</div>
<div class="clearfix">
<p></p>
<?php
foreach ($pageSpeed[$device]['formattedResults']['ruleResults'] as $group => $impacts) {
?>
<div class="clearfix">
<div class="col-sm-6 p5 text-right text-left-xs">
<label class="font-sm"><?php
echo _t($group);
?>
</label>
<thead>
<tr>
<th><h4 class="header"><?php
echo _t(ucfirst($device));
?>
</h4><br/></th>
</tr>
</thead>
<tbody>
<tr>
<td>
<img src="data:<?php
echo $result['screenshot']['mime_type'];
?>
;base64,<?php
echo PageSpeedInsights::decodeData($result['screenshot']['data']);
?>
" width="<?php
echo $dimension[$device]['width'];
?>
px" height="<?php
echo $dimension[$device]['height'];
?>
px">
</td>
</tr>
<tr>
<td>
<!-- Impact groups (USABILITY SPEED) -->
<?php
$j = 0;
