Website to be built and separated into 3 things css html and javascript

Closed

Description

Hi people... basically i need a website to be designed by hand from scratch without any programs used like free website builders and to be clearly hand written.

IT needs to be separated into css/html and css separately. Please let me know of the costs and asap!

Your task is to create a website for a singer. The web site will act as her portfolio - it is a showcase. This will be an actual real-life project working with a client's data. You will be provided with the content (i.e. text, images, audio and video). Everyone will use the same content, although you are free to add stock images/images of your own making (provided they do not breach copyright). Here's an example of the sort of website you might create (note: DO NOT copy or use any code from this website, it's just given as an example of the style of web site that the client likes).

The client, Lucia Pupilli, has said:

"I'd like the website to include something like a home page/profile/Listen to me/photo gallery and video/Repertoire/contacts, I imagine a bar at the top of the page with these to click on. The main home page I imagine with a photo of me and sort of jazzy (but classy), perhaps using black and red colours maybe with some star sparkles...a picture of a piano,or a red rose or a 1950's style microphone...I'm just thinking out loud really but you get the sort of idea. I want it to be a bit glitzy but not tacky. I sing a lot of 1950's stuff and cabaret/musical theatre so we could go for that kind of theme. I also have an Italian repertoire..."

You are not limited to the client's ideas. You are free to design your own theme, bearing in mind the client's style of music and the type of image she portrays.

The content in the content folder is as follows:

• [url removed, login to view] - text for the web site

• [url removed, login to view] - a link to a video that should be included on the web site

• [url removed, login to view] - audio file

• [url removed, login to view] - audio file

• [url removed, login to view] - audio file

• [url removed, login to view] - audio file

• [url removed, login to view] - audio file

• [url removed, login to view] - audio file

• [url removed, login to view] - audio file

• [url removed, login to view] - photo

• [url removed, login to view] - photo

• [url removed, login to view] - photo

• [url removed, login to view] - photo

The techniques you are expected to use are as follows:

Basic:

rotating GIF banner

self-made JavaScript slideshow

clear distinction between menu bar and content area

Desktop version and Mobile version using CSS3 media queries

Desktop version needs to looks good in IE8 and IE9, as well as Firefox and Chrome

no layout tags like

semantically correct

clean markup, accessible

embedded HTML5 video

good, matching colour scheme

correct use of HTML 5 tags like , , etc

Bonus points - you can gain extra marks by including these techniques (most of which will be covered in lectures 8 and 9):

relative sizes (em and % instead of px)

fluid layouts (> % used for w and h of block elements)

a third CSS query size for vertical tablet layouts

special mobile version features like bigger buttons and bigger text

CSS animations/transitions for rollover effects and for the slideshow transitions

Rollover effects

useful jQuery or JavaScript effects (like popping in social media bar)

good use of background images

@font-face Web font usage (like from [url removed, login to view])

use of pure CSS for gradients, shadows, buttons etc etc with graphic fallback for IE8

get HTML5 tags to work in IE8

latest twitter feed displayed (via JS Twitter API)

clean grid-base layout like on [url removed, login to view]

website centred in page, but text etc left-aligned within it

separate CSS and JS files

reasonable imgae sizes and compression

jquery UI

jqTouch

sencha Touch

conversion of website into App using PhoneGap or similar

minified JavaScript and CSS

Skills: CSS, HTML, HTML5, Javascript, Website Design

See more: music mp3, you should be here banner, www free website com, working at h&m, work from home italian, work from home ideas free, work at home programs that really work, which is the latest website design colours style, we i should design website, website vertical menu design, website top menu bar design, website to design your own site, website to design banner, website to create website for free, website to create website, website programs free, website layout using html5, website gallery design ideas, website gallery design free code, web site design costs, web page design with html and css, web page design using html and css, web design programs free, vertical web page design, vertical menu web

Project ID: #4013686

16 freelancers are bidding on average $290 for this job

webzin

Hi Have Gone through your requirement and understood, we are very sure that we can do your needs with your entire satisfaction. We have left a PMB for you plz feel free to have a look over there. Thnx Ram Webzin I More

$250 USD in 7 days
(82 Reviews)
6.7
ricardofreitas

Hello, I'm interested in your project, please check the private message for detailed bid, thanks.

$400 USD in 12 days
(26 Reviews)
6.0
profitcom220

I'll help u, sir. Read your pm.

$350 USD in 4 days
(57 Reviews)
5.6
seoaceindia

We would love to discuss the opportunity of working on the project as we have understood your requirement and would like to share we are a company with experience in design and development of similar kind of website yo More

$350 USD in 20 days
(4 Reviews)
5.3
Butterfly718

Hello sir. I read all your requirements. And i am good at all that. Please check attached doc for my previous works. Hope to hear from you soon. Thanks!!

$400 USD in 7 days
(41 Reviews)
4.9
annie4u

Get your job done by an expert to avail 100% guaranteed satisfaction. I am ready to work with you. Please see PMB for more information on my BID:

$250 USD in 10 days
(18 Reviews)
4.9
kinectic

Hi I am a very experienced HTML5, CSS3 front-end developer. Please read my private message.

$200 USD in 10 days
(7 Reviews)
4.4
topfreelancers

Dear Buyer, Thanks for posting this project on freelancer.com.we had gone through the description and understood what exactly needed to be done.Lets discuss in more detail.Kindly refer Private message for more details More

$175 USD in 8 days
(10 Reviews)
4.4
orgglobe

Hello, i would like to undertake this website work. The features you requested will be in-place and overall you will like our work. Try us.

$250 USD in 7 days
(5 Reviews)
2.9
santanubera9

Hi, Thanks for the opportunity to bid on your project. I have gone through your details and ready to start the job. Please check PMB for details and initial mockup. Thanks

$220 USD in 5 days
(1 Review)
1.4
Romie64

Sir, i have done a lot of work in slicing HTMl from PSD. I am sending u the links of works in private message. company link : spiracletech.us

$160 USD in 4 days
(1 Review)
1.0
yakamuri

Hello, I have experience in portfolio website for artists, I have some idea how can look, please check my portfolio for examples. All the best.

$200 USD in 8 days
(1 Review)
1.0
WebiSites

Hi My names Roger from The Web i Sites Team based in London UK. We specialise in web design, music downloads, shopping retail, content writing, live streaming, social wids, api, & development with proven reviews in th More

$250 USD in 21 days
(0 Reviews)
0.0
sm7

We are a team of individuals dedicated to developing and designing the professional applications for our Clients. www.snowmicro.com We worked with similar website as per your requirments. Please check your PMB for More

$190 USD in 4 days
(0 Reviews)
0.0
Je7Lm92ZS

We are freelance software developers. If you contact me I can give a quote for your project and we can discuss the details. <b><i>Removed by Admin</i></b>

$140 USD in 1 day
(0 Reviews)
0.0
Abramovik

Hey there. Your job description matches my skill set and expertise. If given a chance i will deliver exactly what you need.

$240 USD in 15 days
(0 Reviews)
0.0
tkbeduvn

Hello Please read more than private message thank you

$200 USD in 3 days
(1 Review)
1.8
indiasofts

hi, i have very much experience in this field, and i believe that i can finish this project before time, with good quality, i would like to make good business relationship with you for long time, i have team of s More

$1000 USD in 20 days
(0 Reviews)
0.0