I have already shortened the .html code for my pages by a substantial amount (By separating/Grouping styling and removing obsolete scripts), I will attempt to shorten this further but I doubt I can shorten the coding by too much.
The <U> tags and <Li> tags if I recall are necessary and the page will not without them. Those span tags are used as a basis for most of my pages and are necessary, right?
Ignoring my problem for a bit I'll post a current 'Working Page' and would you be able to highlight in red text what can be shortened? I only started web-development a month ago after all still a rookie.
URL: http://www.expertpcguides.com/about-us.html
0 Errors on W3 Validation.
Red = Areas which I know I can remove
Purple = Areas which I intend on replacing with my header
'About Us' Page (Currently 157 lines):
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us</title>
<link rel="stylesheet" href="css/common-reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/common-style.css" type="text/css" media="screen" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans%7CBaumans%7CArvo%7CRoboto' rel='stylesheet' type='text/css' />
<link rel="shortcut icon" href="customfavicon.ico" type="image/x-icon" />
<!--[if lt IE 9]>
<style>
header
{
margin: 0 auto 20px auto;
}
#four_columns .img-item figure span.thumb-screen
{
display:none;
}
</style>
<![endif]-->
</head>
<body>
<header>
<h1 class="style5">Expertpcguides.com</h1>
<p class="style6">Technology Explained.</p>
<select id="alternative_menu" size="1">
<option>Home</option>
<option>About</option>
<option>Contact us</option>
<option>Login/Register</option>
<option>Forums</option>
<option>Privacy Policy</option>
<option>Disclaimer</option>
<option>Legal Notice</option>
</select>
<nav>
<h2 class="hidden">Our navigation</h2>
<ul>
<li><a href="index.php" class="style19">Home</a></li>
<li><a href="about-us.html" class="style19">About</a></li>
<li><a href="contact-us.html" class="style19">Contact us</a></li>
<li><a href="javascript:void(0)" class="style19">Login/Register</a></li>
<li><a href="forums/index.php" class="style19">Forums</a></li>
</ul>
</nav>
</header>
<section id="spacer">
<h2 class="hidden">Dolor sit amet</h2>
<p><span class="class3"><a href="articles/dictionary.html" class="style22">Dictionary </a></span><span class="style19">|</span><span class="class4"> <a href="articles/articles.html">Articles </a></span><span class="style19">|</span><span class="class5"> <a href="articles/computerhistory.html">History of the PC</a></span><span class="style19"> |</span><span class="class6"> <a href="articles/freedownloads.html">Free Downloads</a></span></p>
<div class="search">
<form id="searchbox_000429658622879505763:gczdzyghogq" action="https://www.google.com/cse/publicurl?cx=000429658622879505763:gczdzyghogq">
<input value="000429658622879505763:gczdzyghogq" name="cx" type="hidden"/>
<input value="FORID:11" name="cof" type="hidden"/>
<input id="q" style="width:150px;" name="q" size="70" type="text" />
<input value="Search" name="sa" type="submit"/>
</form>
</div>
</section>
<section id="boxcontent">
<section id="four_columns">
<h2 class="style20">
About Us</h2>
<p class="style10">We are an online non-profit organisation who are continously increasing in numbers, thanks to you guys. With multiple articles providing information into PC personalisation, Problem removal, Tips & tweaks and general help you are sure to find something helpful to you. </p>
<p class="style10">We have a motto 'Technology Explained.' and this is exactly what we wish to stand by. We offer in-depth tutorials that focus on providing that little-bit of information which no other site will include. </p>
<p class="style10">Our goal is to combine multiple sites, so that you can receive more specific information which no other site will provide. In saying this, we certainly don't just copy and paste other peoples articles, but may use some of the concepts from other sites with our own wording or interpretation. If some of our wording alligns up with another website this is likely because the topic was broad and every website will have similar information.</p>
<p class="style10"> </p>
<div><h2 class="style20">General Questions and Answers:</h2></div>
<p class="style12"> </p>
<p class="style17">Can I email you guys?</p>
<p class="style14">You certainly can. But on a busy day you should probably post your thoughts in the forums. We aim to answer every relevant email within 24 hours. In the forums we generally rely on other users to help eachother out, but we may step in if we know the answer.</p>
<p class="style14"> </p>
<p class="style17">When and why did you start this site?</p>
<p class="style13"><span class="style14">This site was started on the 12th of the 7th, 2014. The intention behind this development was to create a website that would be functional with a variety of articles for many users. Worst case scenario, the authour would have a neat offline guide for all of his problems.</span></p>
<p class="style13"> </p>
<p class="style17">Would you be able to write articles for us?</p>
<p class="style13"><span class="style14">More than likely, just contact us and we will consider your inquiry.</span></p>
<p class="style13"> </p>
<p class="style17">Can I write articles for you?</p>
<p class="style13"><span class="style14">Less than likely, the articles on this site are in the copy of one person making access to others difficult. Pointing out clear influencies and spelling errors is appreciated, more information about this is </span><a href="create-a-page.html" class="style60">here.</a></p>
<p class="style13"> </p>
<p class="style17">Can I republish your articles?</p>
<p class="style13"><span class="style14">No way. Making this website took ages and because of that substancial amount of time spent, every single sentence on this sight is copyright. In saying this though some topics may be broad, and there may be only one way to word the situation at hand for example opening the start menu is generally something which will sound exactly the same on multiple sites.</span></p>
<p class="style13"> </p>
<p class="style17">Where do you guys get these ideas from?</p>
<p class="style13"><span class="style14">Most of these ideas come from what we had once searched up, user suggestions, or what we think other people might search up. This was done with the intention of linking multiple searches into one site, that many people would have the ability to access. </span></p>
<p class="style13"> </p>
<p><span class="style17">How many people are making this site?</span></p>
<p><span class="style14">At this point in time, there is one person developing on the site. Which is why all helpful contribution made by internet strangers is appreciated.</span></p>
<p> </p>
<p><span class="style17">What program did you use to make this website?</span></p>
<p><span class="style14">Adobe Dreamweaver CS3.</span></p>
</section>
</section>
<section id="text_columns">
<section class="column2"></section>
</section>
<footer>
<h2 class="hidden">Our footer</h2>
<section id="copyright">
<h3 class="hidden">Copyright notice</h3>
<div class="wrapper">
<div class="social"> <a href="index.html"><img src="img/G.png" alt="G" width="25"/></a> <a href="index.html"><img src="img/U.png" alt="U" width="25"/></a> <a href="index.html"><img src="img/I.png" alt="I" width="25"/></a> <a href="index.html"><img src="img/D.png" alt="D" width="25"/></a> <a href="index.html"><img src="img/E.png" alt="E" width="25"/></a> <a href="index.html"><img src="img/S.png" alt="S" width="25"/></a> </div>
© Copyright 2014 by Expertpcguides.com. All Rights Reserved. </div>
</section>
<section class="wrapper">
<h3 class="hidden">Footer content</h3>
<article class="column hide">
<h4>Site Links</h4>
<div class="class2">
<p><a href="web-contributors.html" class="style18">Developers/Contributors</a></p>
</div>
<div class="class2">
<p><a href="create-a-page.html" class="style18">Create a page</a></p>
</div>
<div class="class2">
<p><a href="point-system.html" class="style18">Rewards System</a></p>
</div>
<div class="class2">
<p><a href="privacy" class="style18">Privacy</a></p>
</div>
<div class="class1">
<p><a href="site-map.html" class="style18">Site Map</a></p>
</div>
</article>
<article class="column midlist2">
<h4 class="style4">Follow Us</h4>
<ul class="style4">
<li><div class="class2">
<p><img src="img/Facebook-logo.png" alt="Facebook Image" width="32" height="34"/><span class="style31"><a href="https://www.facebook.com/expertpcguides" class="style31"> Facebook</a></span></p></div></li>
<li><div class="class2">
<p><img src="img/Twitter-Logo.jpg" alt="Twitter Image" width="30" height="33"/><a href="https://twitter.com/ExpertPcGuides" class="style31"> Twitter</a></p></div>
<li>
<li><div class="class2">
<p><img src="img/Google+Logo.jpg" alt="Google + Image" width="31" height="35"/><a href="https://plus.google.com/115474035983654843441" class="style31"> Google Plus</a></p></div></li>
<li><div class="class2">
<p><img src="img/Pininterest-Logo.png" alt="Pininterest Image" width="33" height="34" ><a href="http://www.pinterest.com/expertpcguides/" class="style31"> Pininterest</a></p></div>
<li>
</ul>
</article>
<article class="column rightlist">
<h4>Interested in Exclusive Articles?</h4>
<div class="class2">
<p><a href="login.html" class="style18">All you need to do is login/register</a></p>
</div>
</article>
</section>
<section class="wrapper"><h3 class="hidden">If you are seeing this, then the site is losing stability</h3></section>
</footer>
</body>
</html>