I've purchased a HTML responsive website theme, that I would like to use as the basis for a very simple Q&A landing page.
The theme is already fully working , and I have created a PSD file of the new pages. So this is fairly easy if you know how (CSS / HTML)
Essentially we will be keeping the background, the link buttons and framework.
The changes I need you to code will be to create a short questionnaire (4 questions) appearing in the centre of the page using Yellow box design I will supply in PSD file.
Each questions should transition in when the answer is clicked with a) CSS3 fade
b) and then after a delay of a few seconds for highlighted words to change from white to black.
A roll over on clickable YES NO buttons would be cool too
NAVAGATION (see screenshots):
- The user will land on the page and see Q1 they will be prompted to answer Yes or No,
- Depending on previous answer the site will then reveal either Question 2 or 2A
- Depending on previous answer the site will then reveal either Question 3 (end of survey) or 3A (Click one of 3 links to continue)
END This is the end of the website >>links in 3A will lead to other web pages.
See screenshots below.
No design required only coding knowledge of CSS3, HTML, and responsive themes essential.