JSFiddle - React, Tailwind, and code Playground
HTML
<div class="myform">
<select class="sel" id="00N4600000Cdmk0" name="Avg_Pain_Level__c" title="Avg Pain Level">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<label><input class="rad rad-y" type="radio" name="rad-00N4600000Cdmk0" value="1">
<label><input class="rad rad-y" type="radio" name="rad-00N4600000Cdmk0" value="2">
<label><input class="rad rad-y" type="radio" name="rad-00N4600000Cdmk0" value="3">
</div>
<p class="info">
</p>
CSS
@import url('//fonts.googleapis.com/css?family=Lato');
@import url('//cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css');
.g-cols.offset_medium > .wpb_column1.wpb_column{
padding-left:60px;
background-image: url("//localhost/cpb/wp-content/uploads/sites/8/2017/11/like.png");
background-repeat:no-repeat;
background-position:left 10px top;
}
.g-cols.offset_medium > .wpb_column2.wpb_column{
padding-left:60px;
background-image: url("//localhost/cpb/wp-content/uploads/sites/8/2017/12/design.png");
background-repeat:no-repeat;
background-position:left 10px top;
}
.g-cols.offset_medium > .wpb_column3.wpb_column{
padding-left:60px;
background-image: url("//localhost/cpb/wp-content/uploads/sites/8/2017/12/logic.png");
background-repeat:no-repeat;
background-position:left 10px top;
}
.g-cols.offset_medium > .wpb_column4.wpb_column{
padding-left:60px;
background-image: url("//localhost/cpb/wp-content/uploads/sites/8/2017/12/product.png");
background-repeat:no-repeat;
background-position:left 10px top;
}
.g-cols.offset_medium > .wpb_column5.wpb_column{
padding-left:60px;
background-image: url("//localhost/cpb/wp-content/uploads/sites/8/2017/12/layers.png");
background-repeat:no-repeat;
background-position:left 10px top;
}
.g-cols.offset_medium > .wpb_column6.wpb_column{
padding-left:60px;
background-image: url("//localhost/cpb/wp-content/uploads/sites/8/2017/12/text.png");
background-repeat:no-repeat;
background-position:left 10px top;
}
.section-five .slide2 .left-side-five .radius-img img{
border-radius:8px;
}
.section-five .slide3 .left-side-five .radius-img img{
border-radius:8px;
}
.builder-head h2{
font-size:58px;
font-family: 'Lato', sans-serif;
color:#fff;
margin-bottom:60px;
font-weight:bold;
}
.p-font p{
font-family:"Open Sans", sans-serif;
font-size:18px;
line-height:36px;
}
.p-color-w, .p-color-w *{
color:#f8f8f8;...
JavaScript
$('.myform').change(function() {
var selVal = $('.sel').val();
$('.info').append(selVal);
});
.left-side-five .vc_column-inner {
position: relative;
}
.section-five .right-btn {
position: absolute;
/* left: 922px; */
top: 398px;
right: -31px;
cursor: pointer;
}