JSFiddle - React, Tailwind, and code Playground

Code pros iconstrip for the presentation

by Csaba Hellinger

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<div class="pros">
    <i class="fa fa-eye"></i>
    <i class="fa fa-keyboard-o"></i>
    <i class="fa fa-line-chart"></i>
    <i class="fa fa-clone"></i>
    <i class="fa fa-bug"></i>
    <i class="fa fa-shield"></i>
<!--    <i class="fa fa-trash"></i> -->
</div>

CSS

body {
    background-color: darkgray;
    padding: 10px;
}

.pros {
    display: inline-block;
    background-color: #212121;
    font-size: 0;
    padding: 10px 0 10px 20px;
}

.pros i {
    font-size: 60px;    
    padding-right: 20px;
    color: #303030;
}

.pros i.glow {
    color: #C0FFC0;
    text-shadow: 0 0 6px #80FF80;
}

JavaScript

$('i').click(function () {
	$(this).toggleClass('glow');
});