bsWidget.html

<script src="bsMerch.js"></script>
<div class="modal fade" id="bsModal" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-body">
				<div class="twPc-div">
					<a class="twPc-bg twPc-block"></a>
					<div>
						<a class="twPc-avatarLink">
								<img src="" class="twPc-avatarImg">
							</a>
						<div class="twPc-divUser">
							<div class="twPc-divName">
								<a></a>
							</div>
							<span>
									<a href=""  target="_blank">@<span></span></a>
							</span>
						</div>
						<div class="twPc-divStats">
							<ul class="twPc-Arrange">
								<li class="twPc-ArrangeSizeFit" id="transfersGolos">
									<a href="" target="_blank">
											<span class="twPc-StatLabel twPc-block">Balance</span>
											<span class="twPc-StatValue" id="balanceGolosValue"></span>
										</a>
								</li>
								<li class="twPc-ArrangeSizeFit" id="transfersGbg">
									<a href="" target="_blank">
											<span class="twPc-StatLabel twPc-block">Golos Gold</span>
											<span class="twPc-StatValue" id="transfersGbgValue"></span>
										</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!-- tw end -->
				<div class="card">
					<div class="card-body">
						<h5 class="card-title">Please, confirm the payment</h5>
						<h6 class="card-subtitle mb-2 text-muted">use the slider or just enter the amount manually</h6>
						<input id="totalAmount" type="range" value="0" style="width: 70%">
						<div class="input-group input-group-sm mb-3" style="width: 90%">
							<input id="inputAmount" type="number" class="form-control" placeholder="0.000">
							<div class="dropdown">
								<a class="btn btn-primary btn-sm dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">GOLOS</a>
								<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
									<a class="dropdown-item" href="#">GBG</a>
									<a class="dropdown-item" href="#">GOLOS</a>
								</div>
							</div>
						</div>
						<a href="#" id="confirmButton" class="btn btn-primary btn-sm">Confirm</a>
						<p class="card-text"><small class="text-muted"><br>All the proceeds will be delivered to the Canopy Project, organized by the Earth Day Network, a 501(c)(3) non-profit focused on broadening and diversifying the environmental movement worldwide, and mobilizing it as the most effective vehicle for promoting a healthy, sustainable environment. <br>Please, visit our website <a href="http://beesocial.in" target="_blank" class="card-link">beesocial.in</a>  for more details</small></p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>