I am new to this and new to coding in general. I have done several HTML and CSS websites previously, but I am no expert!
Basically I have a portfolio website that is one page. On the page is a header, some information and then a list of work I have produced. (The list of work includes an image and some text)
The website is currently at:
so you can see all the code there.
I want to be able to add in new work as they are completed. So I have created a structure of:
I plan to copy and paste this code and then just change the image and the text and put a 'spacer div' in-between to show through the background.Code:<div id="worktemplatewhite"> <div class="workimageholder"> <div class="workimageslider"><img src="images/Slide-01.jpg" /></div> <div class="workimagetextbox"><p1>Uptaecepedia ducid quiame pra qui qui renimenditas estius ea veliquo idel erspel ma debita nis ut que volupta sseque de labores tiandae prero blacium dendam, sedi tem.</p1></div> </div> </div> <div id="spacer"></div>
The 'Worktemplatewhite' spans the full width of the screen and has a white background.
The 'workimageholder' is 1000px wide and contains the 'workimageslider' (The image) and 'workimagetextbox' (textual content)
]I want the user to scroll to the bottom of the page and this will load up new 5 new posts below the ones on screen. Is this possible? If so, how can it be achieved?
I would also like the 'web, print and logo' buttons to be click and only show the divs which relate to that... (No idea how to go about doing this)
I am having one last attempt to sort this out before I pay for someone to complete it!
Any help but would be appreciated but remember I am a beginner so be kind
PS. The website is still ongoing to there are a few bugs and it has only been tested on safari and firefox for mac for now...