As a user, I want a rules page with a search bar and three links (each link to the rules of Darts, Pool, and Table Tennis), so that I can quickly search for and navigate to the rules of the sport I am interested in.

Acceptance Criteria

• the user can see the top of the page includes a search bar where users can type keywords to search for related rules.
• the page contains a div with three links, each corresponding to a sports Darts, Pool, and Table Tennis
• the page should be responsive, ensuring proper display on phone
• When user type "Darts,Pool, and Table Tennis" in search bar the page should display the link to the different Rules.
• when user click the Darts Rules link should navigate the user to the detailed rules page.

Task

• design a page to have a search bar and tree buttons or div to link tree different div or page
• search bar can search the rules and show the search things
• tree sports div can link to tree different rules
• the display should adopt to the phone