Single Page Portfolio Site?

I want to create a single page portfolio site for my work, but finding it hard as i don’t know much code and its really confusing me?
I want to make a site like the one below i don’t know if its a wordpress theme or HTML CSS but i like it and want mine to be on similar lines.

Any advice tips?

http://bunton.com.au/

Sure. Hire a pro.

I see nothing to suggest it’s either Wordpress or a template. Looks like a simple hand coded job.

For someone willing to put in the time, creating something like this could be a good way to learn some basic HTML and CSS. What do you find puzzling about it?

This is an extremely simplistic web page, you could do this yourself or just get a free template if your looking to go cheap. If not I can give you a hand for a minimal fee.

well its to showcase my work as a web designer but i got layout sorted but think that puzzling me is the div boxes how to put image and text in same div, when i do it image goes all over.

Best way to get help is to put your work online and provide a link.

like this:

<div id=“whatever”><img src=“images/mypic.jpg”><br>some bs text</div>

How do i add a shadow to the bottom a div is it possible to hang out of a div underneath it??

I’m confused - you want to showcase your work as a webdesigner, yet you don’t know enough about webdesign to create a simple page? Am I missing something?

I couldn’t agree more. It would be way easier, in order to give some kind of advice, if we could see where you’re referring too. Within this post you have asked already two different questions! I guess they are CSS related, but I’m not sure, because I haven’t seen anything.

The easiest way to get the same drop shadow that is viewable in all browsers is to use the same background image of a drop shadow for all images. Of course this only works if you keep them all the same size. Just put it in your CSS

Yep, something is amiss.

I’ve run into a lot of people who misrepresent their skills and say they’re web designers but they can’t code html or CSS. It’s different if you’re up front about it and are in the learning stages, but until you learn the skills I don’t think it’s honest to claim the title.

I am really a designer not a coder, i know the basics but not advanced stuff. Is there any good CSS video tutorial as i watch some lynda ones and some of them are good.

I prefer books, of which there are many good ones, including here at SP. But you will be chasing your tail ab it trying to find the bits you need for this one page site. As others have said, if you post what you have we can suggest how to take it further. The shadows on the site you linked to result from a simple background image. When you talk about images going haywire etc., there will be a simple way around that, and the best way to learn here is to show what you have–even a sample–and we can show what to do to get what you want. It might help to post an image of what you want the final result to look like.

I dont have any hosting or a domain so how can i post up??? plus how do yo guys remember all the code all he time i always forget it?

You can post code samples here, preferably a whole html page with embedded CSS and absolute links to images (say on a free photo hosting site).

Building everything from scratch requires good and basic knowledge of at least CSS/HTML, as has been said. And that’s just scratching the surface.

If you’re a graphic designer rather than a web designer and prefer not to code at all, you could use some of the more modern services such as Tumblr or [URL=“http://cargocollective.com/”]Cargo Collective. That way you don’t need your own web host and can install pre-made themes.

For Tumblr there’s this theme which gives you that one-page portfolio like site: http://www.tumblr.com/theme/2463 And the demo: http://safe.tumblr.com/theme/preview/2463

Cargo Collective has this free template that is similar to what you want: http://cargocollective.com/biblio

Anyhow, I’m not trying to discourage you from learning to do it all by yourself, which is a lot more fun, but going with a free service like the above two could be a temporary alternative until you’ve honed/advanced your CSS/HTML skills.

Like Victorinox stated though, this particular type of site isn’t hard to do per se, but if you have no idea of CSS/HTML, have no host, no URL, the service approach might be an alternative for you.

ralph I can only but agree. Sitting at your computer/laptop doing a Tutorial is not a good idea, imho. I was always tempted to try things out before the tutorial was even ended. Reading a book without sitting in front of the computer, on the other hand, makes you think differently. You actually have to solve certain problems in your head!