title: How to load html from clicking a div class button without page refresh
body: <p>I'm sorry for asking a simple question as I'm still learning html/css/js. What I want to do is to be able to click on this button that is a div class made from css and js, to load it's content without refreshing the page, which I believe requires ajax or jquery, but not sure how. Here is my github page <a href="http://danielroberto.github.io" rel="nofollow noreferrer">danielroberto.github.io</a> and the repo <a href="https://github.com/danielroberto/danielroberto.github.io" rel="nofollow noreferrer">https://github.com/danielroberto/danielroberto.github.io</a> so you can get an idea of what I mean. I basically want to click on any of the navigation buttons and then loads whatever content I want without redirecting to whole new html page. For example, when I want to click on the "photography" button, I want the button effect to happen while my images load on the bottom without redirecting to something like photography.html. Similar to clicking on the "design" button, I want it to transition and load my content.</p>