Below are the available pre-built Features Section Components. More components are added overtime.
Link the following stylesheet to your html for this component to display properly:
<link type="text/css" rel="stylesheet" href="css/index.css">
You should also remove any other Features Sections related stylesheets.
<!-- FEATURES SECTION -->
<section class="features_section_wrapper" id="features">
<div class="pricing_mini_heading_container">
<span class="pricing_mini_heading">Features</span>
</div>
<h1 class="testimonials_section_heading">Easy to use boilerplate code built with a reliable stack</h1>
<p class="testimonials_section_subheading">FasterNode provides you with the boilerplate code you need to launch, FASTER. Cut Out API Integration Headaches: FasterNode Takes Care of Logins, Payments, Emails and much more.</p>
<div class="testimonials_wrapper">
<div class="feature_container">
<div class="features_details_container">
<img src="img/nodejs.png">
<div class="testimonial_name_container">
<h5 class="f_username">Server Side JavaScript</h5>
<p class="t_username_sub">Node.js + Express</p>
</div>
</div>
<ul class="fatures_ul">
<li><i class="far fa-check-circle"></i> Node.js & Express server</li>
<li><i class="far fa-check-circle"></i> Written in vanilla JavaScript</li>
<li><i class="far fa-check-circle"></i> Easy to use & understand</li>
<li><i class="far fa-check-circle"></i> Production ready code</li>
<li><i class="far fa-check-circle"></i> Copy paste code templates</li>
<li class="li_highlighted"><i class="far fa-check-circle"></i> Time saved: 12 hours</li>
</ul>
</div>
<div class="feature_container">
<div class="features_details_container">
<img src="img/mysql.png">
<div class="testimonial_name_container">
<h5 class="f_username">Database</h5>
<p class="t_username_sub">MySql</p>
</div>
</div>
<ul class="fatures_ul">
<li><i class="far fa-check-circle"></i> MySql database schema</li>
<li><i class="far fa-check-circle"></i> Ready to restore .sql file</li>
<li><i class="far fa-check-circle"></i> Data you own</li>
<li><i class="far fa-check-circle"></i> Stored on your server</li>
<li><i class="far fa-check-circle"></i> Sql injections protection</li>
<li class="li_highlighted"><i class="far fa-check-circle"></i> Time saved: 2 hours</li>
</ul>
</div>
<div class="feature_container">
<div class="features_details_container">
<img src="img/css.png">
<div class="testimonial_name_container">
<h5 class="f_username">CSS3 Styles</h5>
<p class="t_username_sub">Pure CSS3 Stylesheets</p>
</div>
</div>
<ul class="fatures_ul">
<li><i class="far fa-check-circle"></i> Modern & simple theme</li>
<li><i class="far fa-check-circle"></i> Built with pure CSS3</li>
<li><i class="far fa-check-circle"></i> Change CSS variables</li>
<li><i class="far fa-check-circle"></i> Easily cutomizable</li>
<li><i class="far fa-check-circle"></i> Pre-configured Tailwind CSS</li>
<li class="li_highlighted"><i class="far fa-check-circle"></i> Time saved: 3 hours</li>
</ul>
</div>
</div>
<div class="testimonials_wrapper">
<div class="feature_container">
<div class="features_details_container">
<img src="img/stripe.png">
<div class="testimonial_name_container">
<h5 class="f_username">Payments & Subscriptions</h5>
<p class="t_username_sub">Stripe</p>
</div>
</div>
<ul class="fatures_ul">
<li><i class="far fa-check-circle"></i> Set up Subscriptions</li>
<li><i class="far fa-check-circle"></i> Handle webhooks</li>
<li><i class="far fa-check-circle"></i> Customer portal</li>
<li><i class="far fa-check-circle"></i> Built-in pricing page</li>
<li><i class="far fa-check-circle"></i> Easy setup</li>
<li class="li_highlighted"><i class="far fa-check-circle"></i> Time saved: 6 hours</li>
</ul>
</div>
<div class="feature_container">
<div class="features_details_container">
<img src="img/mailgun.png">
<div class="testimonial_name_container">
<h5 class="f_username">Emails</h5>
<p class="t_username_sub">Mailgun</p>
</div>
</div>
<ul class="fatures_ul">
<li><i class="far fa-check-circle"></i> Send transactional emails</li>
<li><i class="far fa-check-circle"></i> Use the Mailgun API</li>
<li><i class="far fa-check-circle"></i> High email deliverability</li>
<li><i class="far fa-check-circle"></i> Fast and secure</li>
<li><i class="far fa-check-circle"></i> Setup in 15 minutes</li>
<li class="li_highlighted"><i class="far fa-check-circle"></i> Time saved: 3 hours</li>
</ul>
</div>
<div class="feature_container">
<div class="features_details_container">
<img src="img/auth.png">
<div class="testimonial_name_container">
<h5 class="f_username">Authentication</h5>
<p class="t_username_sub">Custom Auth + Google oAuth</p>
</div>
</div>
<ul class="fatures_ul">
<li><i class="far fa-check-circle"></i> Custom & reliable authentication</li>
<li><i class="far fa-check-circle"></i> Own your auth, don't pay for it</li>
<li><i class="far fa-check-circle"></i> Signup/Login with Google</li>
<li><i class="far fa-check-circle"></i> Save users in your MySql database</li>
<li><i class="far fa-check-circle"></i> Private/protected pages & API calls</li>
<li class="li_highlighted"><i class="far fa-check-circle"></i> Time saved: 6 hours</li>
</ul>
</div>
</div>
</section>