CODE
<?php
require_once('functions.php');
?>
<!doctype html>
<html>
<head>
<meta charset="utf-8/
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Untitled Document</title>
<meta name="keywords" content="">
<meta name="description" content="">
<link rel = "stylesheet" href = "Bixler.css">
<style type="text/css">
.cycle-slideshow {
width:600px;
margin-left:auto;
margin-right:auto;
}
.firstRowServicesPics {
float:left;
margin-top:5%;
margin-bottom:5%;
margin-right:12%;
}
.secondRowServicesPics {
float:left;
margin-bottom:5%;
}
figcaption {
text-align:center;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://malsup.github.com/jquery.cycle2.js"></script>
</head>
<body>
<?php echo headerInfo();?>
<div class="cycle-slideshow">
<img src="assets/minivan1.jpg">
<img src="assets/tractorSunset1.jpg">
<img src="assets/happyFamily1.jpg">
<img src="assets/newerHouse1.jpg">
<img src="assets/officeBuilding1.jpg">
</div>
<div class="firstRowServicesPics" style="padding-left:5%;">
<figure>
<img src="assets/minivan1a.jpg">
<figcaption>Auto Insurance </figcaption>
</figure>
</div>
<div class="firstRowServicesPics">
<figure>
<img src="assets/newerHouse1a.jpg">
<figcaption>Home Insurance </figcaption>
</figure>
</div>
<div class="firstRowServicesPics">
<figure>
<img src="assets/happyFamily1a.jpg">
<figcaption>Personal Insurance </figcaption>
</figure>
</div>
<div class="secondRowServicesPics" style="padding-left:22%;">
<figure>
<img src="assets/tractorSunset1a.jpg">
<figcaption>Farm Insurance </figcaption>
</figure>
</div>
<div class="secondRowServicesPics">
<figure>
<img src="assets/officeBuilding1a.jpg" style="margin-left:50%;">
<figcaption>Commercial Insurance </figcaption>
</figure>
</div>
<?php echo footerInfo();?>
</body>
</html>