# Sputnik CSS Layout.
This project is to develop 1 page, taking our design and rendering it in html, css3 and javascript.
CSS files are linked.
As per good coding standards in-line css is to be avoided.
Should be accessible and css3 verified.
## Questions Welcome.
##
See the advanced requirements section.
## Deliverables
## Put the word 'read-it' in your reply subject line or first line of your reply so I know you have read this spec.
## Website :
CSS3, HTML
Maximum Width : 1000 - larger than that, page centred with white on either side
Minimum Width: 480
Maximum Height:600
Minimum Height: 600
Able to be viewed on mobile phones as well as 'standard' browsers.
Use Arial / Helvetica as the base font.
## Files included:
1 Photo showing website page
[login to view URL] - Measurements and general layout
[login to view URL] - all the parts / areas of the page named
[login to view URL] - PaintDotNet version with layers of above picture
5 other photos of each section of the layout named individually so you can see where they go.
## Other details:
### Filmstrip:
The filmstrip is going to be php inserted code from either coppermine or openephoto (
<[login to view URL]> )
### Thumbnails:
On click = goto a new page.(trip<n>.html)
On hover - change text in Text area.
Each thumbnail will show a different text in the text area.
e.g.
Thumbnail one will show text1 in text area and on click goto [login to view URL] page
Thumbnail two will show text2 in text area and on click goto [login to view URL] page
### Text
If text is longer than height of area, auto scroll bar. Otherwise no scroll bar.
'Find out more' and 'See photo gallery' stay where they are no matter what the text does. Text scrolls above the find out more and see our photo gallery signs ( See [login to view URL] file)
Find Out more points to ./[login to view URL]
See our photo gallery points to [login to view URL]
## Footer:
Footer links goto
[login to view URL]
[login to view URL]
[login to view URL]
[login to view URL]
[login to view URL]
[login to view URL]