This seems like an elementary problem but I can't figure out what 's wrong. Can I have some fresh set of eyes?
CODE
<?php
require_once('functions.php');
?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>marketing services for small businesses </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="marketing services,advertising agency, marketing creations ">
<meta name="description" content="If you are a small business or a nonprofit organization needing assistance with your marketing activities, we're here to help! We are highly skilled in social media management, marketing material creation and so much more! ">
<link href="MSU.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
<style type="text/css">
article {
width: 80%;
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
padding: 2%;
}
#mainContent {
background-color:#284a50;
width:100%;
padding-top:2%;
padding-bottom:2%;
}
h3 {
color:#284a50;
}
h5 {
margin-bottom:0%;
margin-top:0%;
color:#FFFFFF;
}
.samples {
background-color: #419DAF;
width: 160PX;
height: 150px;
float:left;
margin-left:8%;
margin-right:-5%;
}
.samples:hover {
top: 0px;
bottom: 0px;
}
.samples p {
visibility:hidden;
}
.samples:hover p {
visibility:visible;
}
#marketingPortfolio {
margin-right:5%;
}
#websitePortfolio {
margin-top:-48px;
}
.portfolioHeading {
font-family:'satisfy', cursive;
color: #419DAF;
margin-left:5%;
}
footer {
clear:both;
margin-top:10%;
}
</style>
</head>
<body>
<?php logoMenu();?>
<div id="mainContent">
<article>
<h3> Quality Marketing Services </h3>
Running an organization, of any size is rough, but it's especially hard for small businesses and non-for-profits. As the leader, you wear so many hats! You are the salesperson, producer of the product, and sometimes you have to do all the marketing work as well. Wouldn't it be nice if you could hand off the marketing tasks to someone else, without having to do them and/or hiring a full-time marketing staff? <br /><br />Well, fortunately there is! Media Services Unlimited is a full-service marketing and creative company specifically geared towards small businesses and non-for-profits. We handle all the marketing tasks, so you can focus on producing high-qualiy products, pleasing your consumers, and growing your organization!
</article>
</div>
<div id = "marketingPortfolio">
<h3 class="portfolioHeading">Marketing Portfolio </h3>
<article class ="samples">
<h5>Press Release Sample </h5>
<a href="assets/Benefit_Dinner_Press_Release.jpg"> <img height="150" width="150" src="assets/Benefit_Dinner_Press_Release.jpg"></a><p class="description">This press release announced Helping Hands annual benefit dinner. </p>
</article>
<article class ="samples">
<h5>Marketing Material Sample </h5><A HREF=" assets/murder_mystery_invite.jpg">
<IMG HEIGHT="150" WIDTH="150" SRC="assets/murder_mystery_invite.jpg" ></A><p class="description">The design of this invitation was created using Adobe InDesign. Click on the image to see the front and back of the invitation.
</p>
</article>
</div>
<div id="websitePortfolio">
<h3 class="portfolioHeading" style="margin-left:50%;">Website Portfolio </h3>
<article class="samples" style="margin-left:12%">
<a href="assets/Helping_Hands_Website_Screenshots.jpg"><img height="150" widt/h="150" src="assets/Helping_Hands_Website_Screenshots.jpg"></a>
</article>
</div>
<article class="samples" >
<a href="www.auntievics.com"> <img src="assets/auntievics.jpg" width="150" height="150" alt=""/></a>/article>
</div>
<?php footer();?>
</body>
</html>