I have ran into a minor problem that I almost found an answer to. I have my header/footer that I made into an include file since the client was making me add and remove stuff to these daily. Now I can do all the changes in one file, boy what a nifty feature! The excitement didn't last long trust me, now I had to find a fix for adding the current or active state for each page's nav, and now I am in a big dilemma. I would like to keep the include files so I don't have to be wasting the clients time with extensive changes but I need to make this div only appear on the index file. The div at the very top that is a dark gray needs to appear on the homepage but hidden on the other pages. It says "Obamacare made easy - Get Professional Help at No Extra Cost!".
Any ideas on how I can achieve this desired effect?
If you need any more parts of the code or anything then just let me know.
Header include besides head section(GA, meta tags, and all that jazz)
</head>
<body>
<div class="hTitle"><em>Obamacare Made Easy – Get Professional Help at No Extra Cost!</em><span class="x"> <strong>X</strong></span></div>
<div class="header">
<div class="wrapper">
<a href="index.php"><img class="logo" src="images/logo.png" alt="OAHU logo" /></a>
<a class="fraud" href="http://insurance.ohio.gov/Newsroom/Pages/05092013ConsumerAlertHealthReform.aspx" target="blank">Fraud Alert<br /><p>Click to learn</p></a>
</div>
</div>
<nav>
<ul>
<li><a class="current" href="index.php">Home</a></li>
<li><a href="consumer.php">Find an Agent</a></li>
<li><a href="resources.php">Resources</a></li>
<li><a href="about.php">About OAHU</a></li>
<li><a href="http://www.ohioahu.org/" target="blank">Agent's Login</a></li>
</ul>
</nav>
The site is written in HTML5, CSS3, jQuery, and PHP so any of those are an option to fix this.
