<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<a href="http://www.sirajsolutions.com" target="_blank"><div style="float: left;width: 147px;">
<div class="logfire"></div>
<div class="firecontainer">
<div class="red flame"></div>
<div class="orange flame"></div>
<div class="yellow flame"></div>
<div class="white flame"></div>
</div>
</div></a>
<span class="badge">DOWNLOAD FREE EBOOK</span>
<a href="#" class="btn btn-danger" data-toggle="modal" data-target=".slacker-modal">
<span class="glyphicon glyphicon-floppy-disk"></span>
BitCoin Free EBook</a>
<div class="row">
<div class="col-sm-3 col-md-3">
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"class="btn btn-info"><span class="glyphicon glyphicon-eye-open"></span> Reactions</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
<table class="table">
<tr>
<td>
<button type="button" class="btn btn-nav ladda-button" onclick="_pcq.push(['triggerOptIn',{httpWindowOnly: true}]);">Web Notifications<span class="glyphicon glyphicon-envelope"></span>
</button>
</td>
</tr>
<tr>
<td>
<div class="getsocial gs-reaction-button"></div>
</td>
</tr>
<tr>
<td>
<div class="modal fade in slacker-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="false">
<div class="modal-dialog modal-slacker">
<div style="position:relative; z-index:10" class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myLargeModalLabel">Free BitCoin Ebook (Download!)</h4>
</div>
<div class="modal-body">
<h2>Read On</h2>
<p><a class="btn btn-default" href="#" role="button">Thanks!»</a></p>
<a href="TL/login.php" class="btn btn-info"><span class="glyphicon glyphicon-retweet"></span> Twitter SignIn</a>
<a href="https://twitter.com/share" class="twitter-share-button" data-via="sirajsol" data-size="large" data-hashtags="SirajSolutions" data-dnt="true">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<a href="https://twitter.com/sirajsol" class="twitter-follow-button" data-show-count="true" data-size="large" data-show-screen-name="false" data-dnt="true">Follow Siraj Solutions</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<iframe src="https://drive.google.com/a/sirajsolutions.com/file/d/0ByK5sQV3DAb2ejFVU21MWGU2d2M/preview" width="640" height="480"></iframe>
<div class="col-md-6 text-center">
<img class="img-circle" alt="140x140" src="http://sirajsolutions.weebly.com/uploads/1/0/6/0/10604083/2440679.png" style="width: 140x; height: 140px;">
<div id="btc-quote"></div>
<script type="text/javascript" src="https://www.weusecoins.com/embed.js"></script>
</div>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" class="btn btn-danger"><span class="glyphicon glyphicon-info-sign"></span> Site Information</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div class="panel-body">
<table class="table">
<tr>
<td>
<a class="btn btn-success" data-toggle="collapse" href="#menu">
<span class="glyphicon glyphicon-question-sign"></span>
</a>
<div class="collapse menu" id="menu">
<ul class="list-inline">
<li><a href="https://wappalyzer.com/applications/apache?pk_campaign=chrome&pk_kwd=popup"><img src="https://wappalyzer.com/sites/default/files/icons/Apache.png"><span>Apache</span> 2</a></li>
<li><a target="_blank" href="https://wappalyzer.com/applications/font-awesome?pk_campaign=chrome&pk_kwd=popup"><img src="https://wappalyzer.com/sites/default/files/icons/Font Awesome.png"><span>Font Awesome</span></a></li>
<li><a target="_blank" href="https://wappalyzer.com/applications/google-font-api?pk_campaign=chrome&pk_kwd=popup"><img src="https://wappalyzer.com/sites/default/files/icons/Google Font API.png"><span>Google Font API</span></a></li>
<li><a target="_blank" href="https://wappalyzer.com/applications/raphael?pk_campaign=chrome&pk_kwd=popup"><img src="https://wappalyzer.com/sites/default/files/icons/Raphael.png"><span>Raphael</span></a></li>
<li><a target="_blank" href="https://wappalyzer.com/applications/sharethis?pk_campaign=chrome&pk_kwd=popup"><img src="https://wappalyzer.com/sites/default/files/icons/ShareThis.png"><span>ShareThis</span></a></li>
<li><a target="_blank" href="https://wappalyzer.com/applications/twitter-bootstrap?pk_campaign=chrome&pk_kwd=popup"><img src="https://wappalyzer.com/sites/default/files/icons/Twitter Bootstrap.png"><span>Twitter Bootstrap</span></a></li>
<li><a target="_blank" href="https://wappalyzer.com/applications/jquery?pk_campaign=chrome&pk_kwd=popup"><img src="https://wappalyzer.com/sites/default/files/icons/jQuery.png"><span>jQuery</span> 2.1.4</a>
</li>
<li><a target="_blank" href="https://wappalyzer.com/applications/google-analytics?pk_campaign=chrome&pk_kwd=popup"><img src="https://wappalyzer.com/sites/default/files/icons/Google Analytics.png"><span>Google Analytics</span></a>
</li><li><a target="_blank" href="https://wappalyzer.com/applications/google-code-prettify?pk_campaign=chrome&pk_kwd=popup"><img src="https://wappalyzer.com/sites/default/files/icons/Google Code Prettify.png"><span>Google Code Prettify</span></a>
</li>
<li><a target="_blank" href="https://wappalyzer.com/applications/prefix-free?pk_campaign=chrome&pk_kwd=popup"><img src="https://wappalyzer.com/sites/default/files/icons/Prefix-Free.png"><span>Prefix-Free</span></a>
</li>
<li><a target="_blank" href="https://wappalyzer.com/applications/tinymce?pk_campaign=chrome&pk_kwd=popup"><img src="https://wappalyzer.com/sites/default/files/icons/TinyMCE.png"><span>TinyMCE</span></a>
</li>
<li><a target="_blank" href="https://wappalyzer.com/applications/spinjs?pk_campaign=chrome&pk_kwd=popup"><img src="https://wappalyzer.com/sites/default/files/icons/spin.js.png"><span>spin.js</span></a>
</li>
<li><a target="_blank" href="https://wappalyzer.com/categories/javascript-frameworks?pk_campaign=chrome&pk_kwd=popup"><img src="https://wappalyzer.com/sites/default/files/icons/spin.js.png"><span>Javascript Framework</span></a>
</li>
<li><a target="_blank" href="https://wappalyzer.com/categories/javascript-graphics?pk_campaign=chrome&pk_kwd=popup"><img src="https://wappalyzer.com/sites/default/files/icons/spin.js.png"><span>Javascript Graphics</span></a>
</li>
</ul>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree" class="btn btn-danger"><span class="glyphicon glyphicon-bullhorn"></span> Twitter Widgets</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse">
<div class="panel-body">
<table class="table">
<tr>
<td>
<a href="https://twitter.com/intent/tweet?screen_name=sirajsol&text=http://linkis.com/bootsnipp.com/ZSBuA #Checkout this #openSource #BootStrap #Widget By #SirajSolutions #Responsive #Widgets #Tips #JavaScriptIt" class="twitter-mention-button" data-size="large" data-related="sirajsol" data-dnt="true">Tweet at Siraj Solutions</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</td>
</tr>
<tr>
<td>
<a href="http://www.sirajsolutions.com/TL/login.php" class="btn btn-info"><span class="glyphicon glyphicon-retweet"></span>Twitter SignIn </a> <span class="label label-info">Sign In</span>
</td>
</tr>
<tr>
<td>
<a href="http://www.jquery2dotnet.com">Import/Export</a>
</td>
</tr>
<tr>
<td>
<span class="glyphicon glyphicon-trash text-danger"></span><a href="http://www.jquery2dotnet.com" class="text-danger">
Delete Account</a>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseFour" class="btn btn-warning"><span class="glyphicon glyphicon-thumbs-up"></span> Facebook Widgets</a>
</h4>
</div>
<div id="collapseFour" class="panel-collapse collapse">
<div class="panel-body">
<table class="table">
<tr>
<td>
<span class="glyphicon glyphicon-user"></span><div class="getsocial gs-custom-actions"></div>
</td>
</tr>
<tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
(function(p,u,s,h){
p._pcq=p._pcq||[];
p._pcq.push(['_currentTime',Date.now()]);
s=u.createElement('script');
s.type='text/javascript';
s.async=true;
s.src='https://cdn.pushcrew.com/js/3453be4ce3bcc1492e454df177660379.js';
h=u.getElementsByTagName('script')[0];
h.parentNode.insertBefore(s,h);
})(window,document);
</script>
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5733c4ee9c52c0bc56e607d7/1aijomrc4';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->
<script type="text/javascript">
(function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = '//api.at.getsocial.io/widget/v1/gs_async.js?id=881714'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();
</script>
<script type='text/javascript' charset='utf-8'>
window.liveSiteAsyncInit = function() {
LiveSite.init({
id : 'WI-XZV5S8IM82C7PMPB8WJO'
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0],
p = (('https:' == d.location.protocol) ? 'https://' : 'http://'),
r = Math.floor(new Date().getTime() / 1000000);
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = p + "www.vcita.com/assets/livesite.js?" + r;
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'livesite-jssdk'));
</script>
<script type="text/javascript">stLight.options({publisher: "44bb98b2-aab8-4010-a35f-34add036efe7", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
<script>
var options={ "publisher": "44bb98b2-aab8-4010-a35f-34add036efe7", "logo": { "visible": true, "url": "http://www.sirajsolutions.com", "img": "", "height": 645}, "ad": { "visible": false, "openDelay": "5", "closeDelay": "0"}, "livestream": { "domain": "", "type": "xml", "src": "http://www.techtimes.com/rss/sections/futuretech.xml", "customColors": { "widgetBackgroundColor": "#898989", "articleLinkColor": "#ffffff"}}, "ticker": { "visible": true, "domain": "", "title": "Tech News", "type": "xml", "src": "http://www.techtimes.com/rss/sections/futuretech.xml", "customColors": { "widgetBackgroundColor": "#898989", "articleLinkColor": "#FFFFFF"}}, "facebook": { "visible": true, "profile": "https://www.facebook.com/326165210762028"}, "fblike": { "visible": true, "url": "https://www.facebook.com/326165210762028"}, "twitter": { "visible": true, "user": "sirajsol"}, "twfollow": { "visible": false}, "custom": [{ "visible": true, "title": "Help Me Reach 1 Million Tweets!", "url": "https://gumroad.com/sirajsol", "img": "http://sirajsolutions.weebly.com/uploads/1/0/6/0/10604083/2440679.png", "popup": true, "popupCustom": { "width": 400, "height": 350}}, { "visible": true, "title": "BitCoin Secrets!", "url": "http://bitly.com/1UkfMTL", "img": "http://sirajsolutions.weebly.com/uploads/1/0/6/0/10604083/2440679.png", "popup": true, "popupCustom": { "width": 300, "height": 650}}, { "visible": false, "title": "Custom 3", "url": "", "img": "", "popup": false, "popupCustom": { "width": 300, "height": 250}}], "chicklets": { "items": ["twitter", "pinterest", "sharethis"]}, "shadow": "solid", "background": "#acccc9", "color": "#555555"};
var st_bar_widget = new sharethis.widgets.sharebar(options);
</script>
body{margin-top:50px;}
.glyphicon { margin-right:10px; }
.panel-body { padding:0px; }
.panel-body table tr td { padding-left: 15px }
.panel-body .table {margin-bottom: 0px; }
/*Slacker Modal*/
.modal-slacker {
width: 100%;
height: 100%;
margin: 0px;
}
.modal-slacker .modal-content {
margin-top: 5%;
border-radius: 0px;
border-left-width: 0px;
border-right-width: 0px;
height: 100%;
overflow: auto;
}
.modal-slacker .modal-header .close {
color: #fff;
background-color: #428bca;
border-color: #357ebd;
opacity: 1;
padding: 10px 17px;
font-size: 27px;
}
.modal-slacker .modal-title {
font-size: 34px;
font-weight: bold;
}
@media (min-width: 992px) {
.modal-slacker .modal-header,
.modal-slacker .modal-body,
.modal-slacker .modal-footer {
width: 900px;
}
}
@media (min-width: 768px) {
.modal-slacker .modal-header,
.modal-slacker .modal-body,
.modal-slacker .modal-footer {
width: 600px;
margin: 30px auto;
}
}
/*Slacker Modal*/
/*Fire Animation*/
.logfire {
position: relative;
background: url(http://sirajsolutions.weebly.com/uploads/1/0/6/0/10604083/2440679.png) center center no-repeat;
height: 83px;
top: 120px;
margin: -41px auto;
left: -19px;
}
.firecontainer {
margin: 90px auto;
width: 60px;
position: relative;
transform-origin: center bottom;
animation-name: flicker;
animation-duration: 3ms;
animation-delay: 200ms;
animation-timing-function: ease-in;
animation-iteration-count: infinite;
animation-direction: alternate;
z-index: -1;
}
.flame {
bottom: 0;
position: absolute;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
border-top-left-radius: 50%;
transform: rotate(-45deg) scale(1.5, 1.5);
}
.yellow {
left: 15px;
width: 30px;
height: 30px;
background: gold;
box-shadow: 0px 0px 9px 4px gold;
}
.orange {
left: 10px;
width: 40px;
height: 40px;
background: orange;
box-shadow: 0px 0px 9px 4px orange;
}
.red {
left: 5px;
width: 50px;
height: 50px;
background: OrangeRed;
box-shadow: 0px 0px 5px 4px OrangeRed;
}
.white {
left: 15px;
bottom: -4px;
width: 30px;
height: 30px;
background: white;
box-shadow: 0px 0px 9px 4px white;
}
.circle {
border-radius: 50%;
position: absolute;
}
.blue {
width: 10px;
height: 10px;
left: 25px;
bottom: -25px;
background: SlateBlue;
box-shadow: 0px 0px 15px 10px SlateBlue;
}
.black {
width: 40px;
height: 40px;
left: 10px;
bottom: -60px;
background: black;
box-shadow: 0px 0px 15px 10px black;
}
@keyframes flicker {
0% {
transform: rotate(-1deg);
}
20% {
transform: rotate(1deg);
}
40% {
transform: rotate(-1deg);
}
60% {
transform: rotate(1deg) scaleY(1.04);
}
80% {
transform: rotate(-2deg) scaleY(0.92);
}
100% {
transform: rotate(1deg);
}
}
/*Fire Animation*/
<script type='text/javascript' charset='utf-8'>
window.liveSiteAsyncInit = function() {
LiveSite.init({
id : 'WI-XZV5S8IM82C7PMPB8WJO'
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0],
p = (('https:' == d.location.protocol) ? 'https://' : 'http://'),
r = Math.floor(new Date().getTime() / 1000000);
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = p + "www.vcita.com/assets/livesite.js?" + r;
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'livesite-jssdk'));
</script>