I gang

HTML/CSS Andiamo-Website

HTML/CSS Template for a Erotic Wellness Club in Austria

Task

- Creating from a PSD-File a HTML/CSS template

- this html/css will be the basic for a wordpress theme

- XHTML 1.0 Transitional and CSS Level 2.1 valid

General

- centered layout, content width max 1000px

- background as pattern max width 1600px, rest as background color black

- screen resolution at least 1024px for the width without a horizontal scrollbar

Content

- content area with dynamic heigth and background pattern in the middle, the pattern should be starting at the smallest point (520px from the top)

- the content background has a lighter area on the top, like a spotlight

- the content shape has a glow outside, which is together with the content area in total wider than 1000px, but there should be now scrollbar with a screen resolution of 1024px! The same with the background pattern

Header

- header image exchangeable without editing the shape of the image, the shape of the header image must be faked by grafics overlay, so that I can exchange the image without preparing the shape of the image

- header image clickable -> later link to homepage

- main navigation top as layer over header image, font is a google font "PT Serif", will be dynamic generated in wordpress, so no longer detail work here, just the div at the right place

- every text in the psd (except "events" and "news"!) as real text with the google font

Teaser box small left:

- teaser image: adding round corners, highlight on top and ribbon with "event" with css, so that the image is exchangeable (will be the featured image from wordpress post)

- fixed width and height

- with transparent shadow, so that the box can be placed everywhere in the content, without a problem with the dop shadow to the content background

Teaser box big right:

- teaser image the same as the left box, but the ribbon with "news"

- fixed width and height

- with transparent shadow, so that the box can be placed everywhere in the content, without a problem with the dop shadow to the content background

The idea behind the images in the teaser boxes is, that later in wordpress the user can upload a normal image and with the css the image get the rounded corners, the ribbon and the highlight.

The html-template must be optimized for InternetExplorer 8 or newer and Firefox 3.6 or newer.

Font definitions:

Main Headline between header image and teasers -> h1

teaser headlines -> h2

Please create two css files, one for all the div container and one for all the font definitions!

If you have any questions or you think, I forgot to define something - please contact me!!!

The PSD File will be uploaded to a ftp-server or dropbox (preferred!).

Færdigheder: CSS, Photoshop, PSD to HTML

Se mere: template container, round events, dynamic problem, create grafics, create wellness website, create club website, container template, andiamo, wordpress html, wordpress html css, website html css, template work html css, teaser, teaser event, shape file, screen html website, round text website template, in austria, html level, html layout image, html editing, html css website, html css psd, html basic, h2

Om arbejdsgiveren:
( 0 bedømmelser ) Eisentratten, Austria

Projekt-ID: #993325

0 freelancere byder i gennemsnit € for dette job

dkouk

READY TO STARTt,check PM FOR MORE DETAILS

€40 EUR på 1 dag
(46 bedømmelser)
5.0