naren
BAN USER
- 0
-1of 1 vote
AnswersThe provided 'site.html' document passes validation (using a service like: http://validator.w3.org/check), however it's not quite "right". Please take a look at it, and: There are 22 errors in site.html
- naren in United States
Apply any fixes to the document (in the 'site.html' file)
Changes can be related to best practices, syntax, semantics, formatting, whatever is missing/lacking.
Do not create/add any CSS. We only looking for solid markup and fast/functional JavaScript to perform the content truncation.
site.html
<!DOCTYPE html>
<html lang="en">
<head>
<!-- DO NOT REMOVE THIS LINE: DDC-EX-REV-D -->
<title></title>
<meta charset="utf-8">
<meta content="Lorem ipsum" name="description">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
console.log('document is ready');
$("html body .main-content #primaryContent .press-releases .press_release").each(function(){
if($(this).children("p").length > 1){
$('<div><a href="#readmore" class="readmore">Read More…</a></div>').appendTo($(this));
$(this).children("p").first().addClass('first-p');
$(this).children("p").not('.first-p').hide();
$(this).find('.readmore').click(function(){
$(this).parent().siblings('p').not('.first-p').slideToggle(500);
return false;
});
}
});
});
</script>
</head>
<body>
<header>
<h4><a target="_blank" href="http://www.dealer.com">Dealer.com</a>
</h4>
<nav>
<ul>
<li>
<a href="#solutions">Solutions</a>
<a href="#products">Products</a>
<a href="#services" class="active highlightOrange" style="border-bottom-width:5px;">Services</a>
<a href="#company">Company</a>
</li>
</ul>
</nav>
<span class="contact-info-phone">Call Us Today <a href="#">(802) 555-5555</a></span>
</header>
<section class="main-content">
<div id="primaryContent" class="pressReleasesContainer">
<section class="press-releases">
<article class="press_release">
<h2>Dealer.com Awarded Patent for its Human Voice Inventory Video Technology</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tortor libero, volutpat ut lacinia ut, lobortis at massa. Etiam condimentum laoreet dolor, cursus auctor leo tristique a. Donec congue vulputate nisl, a aliquam libero aliquet at. Proin auctor enim vitae lectus lacinia vitae ullamcorper dolor tempus. Ut at ligula mi. Curabitur nisl sapien, laoreet vel blandit quis, condimentum interdum eros. Duis eget sem justo. Vivamus sit amet ante massa, eu facilisis ipsum. Ut fermentum convallis placerat. Suspendisse sit amet felis cursus mauris tempor facilisis.</p>
</article>
<article class="press_release">
<h2>Dealer.com Awarded "Highest Rated" Dealer Satisfaction Award for MobileSites by DrivingSales</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tortor libero, volutpat ut lacinia ut, lobortis at massa. Etiam condimentum laoreet dolor, cursus auctor leo tristique a. Donec congue vulputate nisl, a aliquam libero aliquet at. Proin auctor enim vitae lectus lacinia vitae ullamcorper dolor tempus. Ut at ligula mi. Curabitur nisl sapien, laoreet vel blandit quis, condimentum interdum eros. Duis eget sem justo. Vivamus sit amet ante massa, eu facilisis ipsum. Ut fermentum convallis placerat. Suspendisse sit amet felis cursus mauris tempor facilisis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tortor libero, volutpat ut lacinia ut, lobortis at massa. Etiam condimentum laoreet dolor, cursus auctor leo tristique a. Donec congue vulputate nisl, a aliquam libero aliquet at. Proin auctor enim vitae lectus lacinia vitae ullamcorper dolor tempus. Ut at ligula mi. Curabitur nisl sapien, laoreet vel blandit quis, condimentum interdum eros. Duis eget sem justo. Vivamus sit amet ante massa, eu facilisis ipsum. Ut fermentum convallis placerat. Suspendisse sit amet felis cursus mauris tempor facilisis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tortor libero, volutpat ut lacinia ut, lobortis at massa. Etiam condimentum laoreet dolor, cursus auctor leo tristique a. Donec congue vulputate nisl, a aliquam libero aliquet at. Proin auctor enim vitae lectus lacinia vitae ullamcorper dolor tempus. Ut at ligula mi. Curabitur nisl sapien, laoreet vel blandit quis, condimentum interdum eros. Duis eget sem justo. Vivamus sit amet ante massa, eu facilisis ipsum. Ut fermentum convallis placerat. Suspendisse sit amet felis cursus mauris tempor facilisis.</p>
</article>
<div class="press_release">
<h2>The Dealer.com Digital Website Suite Features Powerful Marketing & Management Apps in One Platform</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tortor libero, volutpat ut lacinia ut, lobortis at massa. Etiam condimentum laoreet dolor, cursus auctor leo tristique a. Donec congue vulputate nisl, a aliquam libero aliquet at. Proin auctor enim vitae lectus lacinia vitae ullamcorper dolor tempus. Ut at ligula mi. Curabitur nisl sapien, laoreet vel blandit quis, condimentum interdum eros. Duis eget sem justo. Vivamus sit amet ante massa, eu facilisis ipsum. Ut fermentum convallis placerat. Suspendisse sit amet felis cursus mauris tempor facilisis.</p>
</div>
</section>
</div>
<div id="secondaryContent" class="aside-right">
<section class="previous-releases previous-releases-individual">
<h2>Previous Releases</h2>
<ul>
<li>
<time datetime="2012-01-23">January 23, 2012</time>
<p>Dealer.com awarded coolest place to work in Burlington, VT. After weeks of voting...</p>
<p>
<a href="#">read more >> </a>
</p>
</li>
<li>
<time datetime="2012-01-01">January 1, 2012</time>
<p>Dealer.com brings in the new year with a bang! The month of January is always an...</p>
<p>
<a href="#">read more >> </a>
</p>
</li>
<li>
<time datetime="2011-12-18">December 18, 2011</time>
<p>Dealer.com awarded coolest place to work in Burlington, VT. After weeks of voting...</p>
<p>
<a href="#">read more >> </a>
</p>
</li>
</ul>
</section>
<section>
<h2>Previous Releases</h2>
<h4>2012 Archive</h4>
<ul>
<li><a href="#">April</a></li>
<li><a href="#">March</a></li>
<li><a href="#">February</a></li>
<li><a href="#">January</a></li>
</ul>
</section>
<section>
<h2>Full Releases Archive</h2>
<ol>
<li><a href="#">2011 Full Archive</a></li>
<li><a href="#">2010 Full Archive</a></li>
<li><a href="#">2009 Full Archive</a></li>
<li><a href="#">2008 Full Archive</a></li>
</ol>
</section>
</div>
</section>
<div class="footer">
<div>
<h1>Learn More About Dealer.com</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tortor libero, volutpat ut lacinia ut, lobortis at massa. Etiam condimentum laoreet dolor, cursus auctor leo tristique a. Donec congue vulputate nisl, a aliquam libero aliquet at. Proin auctor enim vitae lectus lacinia vitae ullamcorper dolor tempus. Ut at ligula mi. Curabitur nisl sapien, laoreet vel blandit quis, condimentum interdum eros. Duis eget sem justo. Vivamus sit amet ante massa, eu facilisis ipsum. Ut fermentum convallis placerat. Suspendisse sit amet felis cursus mauris tempor facilisis.</p>
<table>
<tbody>
<tr>
<td>
<a href="#linkedin" class="linked">
<span class="icon"></span> LinkedIn
</a>
</td>
<td>
<a href="#facebook" class="facebook">
<span class="icon"></span> Facebook
</a>
</td>
<td>
<a href="#rss" class="rss">
<span class="icon"></span> Subscribe
</a>
</td>
</tbody>
</table>
</div>
<div class="asideRight">
<p>Please fill out the form below and a sales representative will contact you.</p>
<form action="#" method="post" id="quick-contact-form">
<fieldset>
<ul>
<li>
<label for="field-name">Full Name </label>
<input type="text" id="field-name" name="name" required>
</li>
<li>
<label for="field-phone">Phone </label>
<input type="text" id="field-phone" name="phone" required class="phoneUS" placeholder="(555) 555-5555">
</li>
<li>
<label for="field-email">Email</label>
<input type="email" id="field-email" name="email" required placeholder="me@example.com">
</li>
<li>
<label for="field-comments">Comments</label>
<textarea required id="field-comments" name="comments" rows="4" cols="20"></textarea>
</li>
<li>
<input type="submit" value="Contact Now" name="quick-contact-submit">
</li>
</ul>
</fieldset>
</form>
</div>
</div>
</body>
</html>| Report Duplicate | Flag | PURGE
dealer.com Web Developer Front End Web Development