Bootstrap Snippet Creating Javascript widgets with Minimal Programming using HTML CSS Bootstrap Javascript

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
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,
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Creating Javascript widgets with Minimal Programming"
Bootstrap 3.3.0 Snippet by SirajSolutions

Related: See More

Questions / Comments:

"Creating Javascript widgets with Minimal Programming" Bootstrap 3.3.0 Snippet by SirajSolutions

Related: See More

Questions / Comments:

"Creating Javascript widgets with Minimal Programming"
Bootstrap 3.3.0 Snippet by SirajSolutions