Accordion with symbols
In this example we have added a “plus” sign to each button. When the user clicks on the button, the “plus” sign is replaced with a “minus” sign.
Section 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Section 2
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Section 3
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
2017
Change text.
2016
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.
2015
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.
2012
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.
2011
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.
2007
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.
Responsive Two Column Layout
Resize the browser window to see the responsive effect (the columns will stack on top of each other instead of floating next to each other, when the screen is less than 600px wide).
March 6
President Rodrigo Duterte appointed Saidamen Pangarungan, chief of the National Commission on Muslim Filipinos, as the new chairman of the Commission on Elections.
Duterte also appointed Aimee Torrefranca-Neri and George Garcia to fill two other vacant posts in the poll body.
March 6
President Rodrigo Duterte appointed Saidamen Pangarungan, chief of the National Commission on Muslim Filipinos, as the new chairman of the Commission on Elections.
Duterte also appointed Aimee Torrefranca-Neri and George Garcia to fill two other vacant posts in the poll body.
March 6
President Rodrigo Duterte appointed Saidamen Pangarungan, chief of the National Commission on Muslim Filipinos, as the new chairman of the Commission on Elections.
Duterte also appointed Aimee Torrefranca-Neri and George Garcia to fill two other vacant posts in the poll body.
March 6
President Rodrigo Duterte appointed Saidamen Pangarungan, chief of the National Commission on Muslim Filipinos, as the new chairman of the Commission on Elections.
Duterte also appointed Aimee Torrefranca-Neri and George Garcia to fill two other vacant posts in the poll body.