This page was developed using PHP, HTML, and CSS. Scroll down to discover the process behind its creation and learn how each element was brought to life.
Using the other pages as a template, I built the theme's structure. I then applied CSS classes to style these elements, ensuring consistency with the design of the other pages. To add movement, I leveraged the Animate.css library to animate the hero section, mirroring the animation found on the other project pages.
Using an associative array, I registered a custom post type for the sections, which are automatically generated for each post. I then created Advanced Custom Fields (ACF) for this custom post type, allowing me to add all the necessary fields required for the content of these sections.
The first step was to check have_posts() within the WP_Query object. Next, I used a while loop inside an if statement to determine which section would be generated based on the remainder of a sum. I checked If ($counter % 2 == 0) and then to increment $counter variable, meaning if the counter variable divided by 2 has no remainder, Section A is generated. Then, I increment $counter by 1 and check again. This time, the condition would produce a remainder, triggering the generation of Section B. Finally, I used the get_field() function to populate the ACF fields in their respective places.
