#freecodecamp Product Landing Page
A Pen by Neel Patel on CodePen.
#freecodecamp Product Landing Page
A Pen by Neel Patel on CodePen.
A Pen by Nunaram Hembram on CodePen.
| <div class="pricing-container"> | |
| <div class="pricing-switcher"> | |
| <p class="fieldset"> | |
| <input type="radio" name="duration-1" value="monthly" id="monthly-1" checked> | |
| <label for="monthly-1">Monthly</label> | |
| <input type="radio" name="duration-1" value="yearly" id="yearly-1"> | |
| <label for="yearly-1">Yearly</label> | |
| <span class="switch"></span> | |
| </p> | |
| </div> |
| <div id="app"> | |
| <password-reset></password-reset> | |
| </div> | |
** NEW ** Updated for Bootstrap 4.x
FAQ example with tabs and accordions in vertical navigation.
Notice: It's very important that you get the ID's right. The Bootstrap JS is matching up the accordion/collapse with data-target, and if you get them wrong, it won't work as intended.