Source: dist/css/acc_boot.css, line 8752
6.1.1 Price Table Preferred (Inverted Color)
There is the preferred plan in the price table.
Example
Default styling
$99/Month
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus nostrum corporis laboriosam necessitatibus praesentium similique repellat cumque enim tempore maiores, animi minus ipsam? Id minima et odio nostrum expedita tempore.
- Automated
- Cross-platform
<li data-element="data-table" class="flex flex_column justify_start br_round bg_primary-n2 p_5:md p_4 c_white-8 shadow_bevel-bold bg_-n2">
<header class="font_display font_4">
<h2 data-element="table-title" class="font-size_down-2 font_medium m-b_0 "></h2>
<h3 class="font-size_up-2 lh_2"><span class="font_bold c_white">$99</span><span>/Month</span></h3>
</header>
<main>
<p class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus nostrum corporis laboriosam necessitatibus praesentium similique repellat cumque enim tempore maiores, animi minus ipsam? Id minima et odio nostrum expedita tempore.</p>
<ul class="ul_none flex flex_column gap-y_3 p-b_4 p-x_3 font-size_1 font_medium c_white-9">
<li><i class="fas fa-check-circle m-r_2 c_primary-5"></i></li>
<li><i class="fas fa-check-circle m-r_2 c_primary-5"></i>Automated</li>
<li><i class="fas fa-check-circle m-r_2 c_primary-5"></i>Cross-platform</li>
</ul>
</main>
<footer class="m-b_n3:md m-t_auto"><a href="" class="btn btn_primary bg_white h:bg_white-5 h:undecorated ">Choose Plan</a></footer>
</li>