New Portfolio Site

yeh, merci beaucoup for that, srsly :)

-hand on bible- I swear I'll not alter the html :D
 
No worries bud, I've encoded your email address now too, this is the working version:

HTML: 
UPDATED

Let me know if you get an email from me, just to make sure it works.

Disclaimer: I know that's not the most secure encryption available, but given the site's size it will work just fine.
 
Wow, really nice of Harry to step in & help out young Tim on the coding side, nice work Harry! :)

On to the design side, I'm not 100% sure on the colours Tim, maybe you could try working on a logo to settle on 2/3 colours to use as a starting point? The simple layout/grid works nicely, so should be easy enough to apply other styles/colours/graphics to (using the CSS ;))

HTH & keep going :)
Greg
 
Merci beaucoup Gregula, will see which may work... although maybe it's "add-a-grey-into-main-content" moments, as Jack suggested :)
 
well now I know who's brains to pick about HTML :D (you wouldn't happen to know alot about PHP too would you Harry? :))
 
Updated:

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<title>timmp &mdash; The Online Portfolio For the West Midlands Based Web and Graphic Designer</title>
	<meta name="robots" content="noindex" />
	<meta name="description" content="I am a Birmingham based designer of websites and graphics, an establisher of brands and a search engine optimiser. I&rsquo;m keen on good communication with my clients and also in design; if something doesn&rsquo;t communicate well, it doesn&rsquo;t work." />
	<meta name="keywords" content="timmp, tim pennington, web and graphic designer, tim-ater, web design birmingham, graphic design birmingham" /><!--CSS-->
	<link rel="stylesheet" type="text/css" href="http://www.timmp.co.uk/screen2.css" media="screen, projection" />
</head>
<body>
<div id="content">
	<h1 id="top"><strong>timmp</strong> &mdash; Web and Graphic Designer</h1>
	<div id="masthead">
		<p>I am a Birmingham based designer of websites and graphics, an establisher of brands and a search engine optimiser. I&rsquo;m keen on good communication with my clients and also in design; if something doesn&rsquo;t communicate well, it doesn&rsquo;t work.</p>
		<p>Want to get in touch with me? Email me <a href="mailto:[email protected]">direct</a> or using the <a href="#contact">contact form</a>.</p>
	</div>
	<h2>Projects</h2>
	<div id="intro">Below you&rsquo;ll see a selection of my previous work, both personal and paid.</div>
	<div id="portfolio">
		<div class="portfolio-item">
			<a href="http://www.lionleathers.com/"><img src="_img/lion.png" alt="Lion Leathers Logo Design" /></a>
			<h3>___01 Lion Leathers Logo</h3>
		</div>
		
		<div class="portfolio-item">
			<a href="http://findcollege.info"><img src="_img/findcollegeinfo.png" alt="Find College Info SEO Job" /></a>
			<h3>___02 Find College Info <abbr title="Search Engine Optimistaion">SEO</abbr></h3>
		</div>
		
		<div class="portfolio-item">
			<img src="_img/hpshoppers.png" alt="Highest Paid Shoppers Coding Improvement" />
			<h3>___03 Highest Paid Shoppers Coding Improvement</h3>
		</div>
		
		<div class="portfolio-item">
			<a href="http://www.indigobuy.com"><img src="_img/indigobuy.png" alt="Indigo Buy SEO" /></a>
			<h3>___04 IndigoBuy <abbr title="Search Engine Optimistaion">SEO</abbr></h3>
		</div>
		
		<div class="portfolio-item">
			<a href="http://www.ladz.biz"><img src="_img/ladz.png" alt="Ladz E-commerce" /></a>
			<h3>___05 Ladz.biz E-commerce</h3>
		</div>
		
		<div class="portfolio-item">
			<a href="http://www.redmusicpromotions.co.cc"><img src="_img/rmpromo.png" alt="Red Music Promotions Coding Improvement" /></a>
			<h3>___06 Red Music Promotions Coding Improvement and Blog</h3>
		</div>
		
		<div class="portfolio-item">
			<a href="http://www.thespotlightbook.co.uk"><img src="_img/spotlightbook.png" alt="Spotlight Book Coding Improvement" /></a>
			<h3>___07 The Spotlight Book Coding Improvement</h3>
		</div>
		
		<div class="portfolio-item">
			<a href="http://www.turnkeyit.co.uk"><img src="_img/tkit.png" alt="Turnkey IT Coding Improvement" /></a>
			<h3>___08 Turnkey IT Flyers and Coding Improvement</h3>
		</div>
		
		<div class="portfolio-item">
			<img src="_img/oldtimmp.png" alt="timmp old portfolio site" />
			<h3>___09 Timmp.co.uk &mdash; January&ndash;April Identity</h3>
		</div>
		
		<div class="portfolio-item">
			<img src="_img/hannah.png" alt="&lsquo;Vote Hannah Warwick&rsquo; Poster" />
			<h3>___10 &lsquo;Vote Hannah Warwick&rsquo; Poster</h3>
		</div>
		
		<a href="#top" title="Jump back to the top">Back to Top</a>
	</div>
	<h2>Testimonials</h2>
	<div id="testimonials">
		<blockquote><p>&ldquo;I decided to hire Tim to do my <abbr title="Search Engine Optimistaion">SEO</abbr> and in my business decisions I think it was my best decision to date. I have already seen my sales rise and new unique hits on my site have increased considerably. Tim always kept me up to date with what he was doing and how he was planning on going about the work. There are so many <abbr title="Search Engine Optimistaion">SEO</abbr> experts out there but I have not come across any like Tim. I highly recommend him, and we shall be using Tim for more jobs throughout the year.&rdquo;</p></blockquote>
		<cite>Omar Marcel Gashi &mdash; IndigoBuy.com</cite>
		<a href="#top" title="Jump back to the top">Back to Top</a>
	</div>
	<h2>Want a quote?</h2>
	<div id="contact">
		<p>If your company needs a makeover, a logo, an e-commerce capability, or <abbr title="Search Engine Optimistaion">SEO</abbr>, send an email over on the below form or <a href="mailto:[email protected]">direct</a>.</p>
		<a href="#top" title="Jump back to the top">Back to Top</a>
		<form method="post" action="./">
			<p><input name="op" type="hidden" value="send" /></p>
			<div class="form-row">
				<label for="name">Name:</label>
				<input name="name" id="name" type="text" size="30" maxlength="150" />
			</div>
			<div class="form-row">
				<label for="email">E-mail:</label>
				<input name="email" id="email" type="text" size="30" maxlength="150" />
			</div>
			<div class="form-row">
				<label for="budget">Budget:</label>
				<input name="budget" id="budget" type="text" size="30" maxlength="150" />
			</div>
			<div class="form-row">
				<label for="message">Message:</label>
				<textarea name="message" id="message" cols="55" rows="12"></textarea>
			</div>
			<div class="form-row">
				<input name="submit" type="submit" value="Send Message" />
			</div>
		</form>
	</div>
</div>
</body>
</html>

and add this to your CSS:

Code: 
abbr{color:#whateverYouLike; cursor:help;}blockquote p{text-indent:-0.3em;}
 
chrismitchell said:
well now I know who's brains to pick about HTML :D (you wouldn't happen to know alot about PHP too would you Harry? :))
Click to expand...

Not really I'm afraid, a bit of non DB stuff at best.
 
ahhh ok :) just thought i would check to make sure LOL I work almost entirely in PHP these days so its always good to have a second set of eyes for code checking sometimes :D :lol:
 
I like PHP, just never got into learning it much. I'm just an accessibility, semantics and font-end freak, oh and CSS Wizard, of course ;)
 
well naturally :lol: I love CSS too.. but only in its applicational use with PHP :)
 
Haven't read the whole thread i'm afraid but i do like this one compared to your old one.

One thing that baffles me is most of the sites on there you haven't designed am I right? You just "improved" the code, what does that actually mean?
 
Kudosis said:
One thing that baffles me is most of the sites on there you haven't designed am I right? You just "improved" the code, what does that actually mean?
Click to expand...

:lol: couple that with:

tim-ater said:
i now realise i know nothing about coding :p
Click to expand...

;)
 
Thats what i was hinting at, and in my opinion there should be more work that you've designed on there than just code improving, if you just improving code you'd be a coder/developer, but as your labelling yourself as a designer i think you should focus on filling the site with designed work.

Whether it be mocked up and just testing your skills or other ways, i think you'd benefit more by showing what you can do
 
Thanks for the feedback.

Regarding the coding improvement, alot of it I got emails saying "Will you check my code for anything stupid", so I just removed <font> tags and all that crap, not necessarily did anything major. I didn't do the jobs for money, I just thought I could chuck it on my portfolio, being as I haven't been getting hundreds of design clients.

I'm working on random mock-ups/fake proposals, just need the time to produce them to a portfolio quality.
 
You must log in or register to reply here.
Back
Top