The accordion we have in this post has pink and blue headers. The contents of the accordions have a white background and the text of the accordions is black. The titles of the accordions are white. This accordion is placed in the middle of the screen in full width. By opening and closing the accordion, its content changes. The background color of the headers changes when the mouse is placed on them.