Bootstrap Snippet charity Profile using HTML CSS Bootstrap jQuery

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="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.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 ---------->
<link href="http://prodbelgium.beta.gsitechnology.co.uk/cassette.axd/stylesheet/45f0df8126f25fcbaedb1e5f6a3b4bf364f48063/styles" type="text/css" rel="stylesheet">
<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.min.css" type="text/css" rel="stylesheet">
<div id="header">
    <div class="navbar navbar-absolute-top">
        <div class="container">
            <div class="navbar-header">
                <div class="row">
                    <div class="col-md-9 navbar-brand">
                        <a href="/default.aspx" title="Philantropie.be">
                            <div id="logo">
                                <img alt=" " id="Index" src="http://prodbelgium.beta.gsitechnology.co.uk/Content/images/logoFR.png">
                                <span class="logoDesc"><span>Agir en connaissance de cause</span></span>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-3 header-right align-right">
                        <ul id="LoginPartial" class="nav navbar-nav navbar-top navbar-right">
                            <li>
                                <div id="newsletter-button">
                                    <a href="#" id="NewsletterHeader">Newsletter</a>
                                </div>
                                <div id="newsletter-content" class="box-content" style="display: none;">
                                    <div class="white-background newsletter">
                                        <div class="newsletter-form">
                                            <form id="newslettersignup" class="form-inline" action="/new/Account/SubscribeNewsletter" autocomplete="off" data-bind="parsleyValidation{onFormValidate:Newsletter},enterKeyPress:Newsletter" novalidate="">
                                                <div class="form-group">
                                                    <label class="control-label" for="NewsletterEmail">E-mail</label>
                                                    <input class="form-control" data-bind="value: NewsletterEmail" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-type="email" data-parsley-type-email-message="Merci de introduire une adresse e-mail valide" data-parsley-validation-threshold="3" id="NewsletterEmail" name="NewsletterEmail" placeholder="Obligatoire" value="" data-parsley-id="4656" style="background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABHklEQVQ4EaVTO26DQBD1ohQWaS2lg9JybZ+AK7hNwx2oIoVf4UPQ0Lj1FdKktevIpel8AKNUkDcWMxpgSaIEaTVv3sx7uztiTdu2s/98DywOw3Dued4Who/M2aIx5lZV1aEsy0+qiwHELyi+Ytl0PQ69SxAxkWIA4RMRTdNsKE59juMcuZd6xIAFeZ6fGCdJ8kY4y7KAuTRNGd7jyEBXsdOPE3a0QGPsniOnnYMO67LgSQN9T41F2QGrQRRFCwyzoIF2qyBuKKbcOgPXdVeY9rMWgNsjf9ccYesJhk3f5dYT1HX9gR0LLQR30TnjkUEcx2uIuS4RnI+aj6sJR0AM8AaumPaM/rRehyWhXqbFAA9kh3/8/NvHxAYGAsZ/il8IalkCLBfNVAAAAABJRU5ErkJggg==); background-attachment: scroll; background-position: 100% 50%; background-repeat: no-repeat;">
                                                    <ul class="parsley-errors-list" id="parsley-id-4656"></ul>
                                                </div>
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
.clear-margin {
  margin: 0;
}
.space-top {
  margin-top: 10px;
}
.icon-left {
  margin-right: 5px;
}
.icon-right {
  margin-left: 5px;
}
.labels {
  word-spacing: 5px;
}
.label-keyword {
  display: inline-block;
  background: #7eb0db;
  color: white;
  font-size: 0.9em;
  padding: 5px;
  border: 1px solid #357ebd;
}
body {
  font-family: 'Lato';
  background: #f0f0f0;
  color: #333333;
}
.main {
  padding: 5px;
}
.card {
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  min-height: 300px;
  padding: 10px;
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
$(document).ready(function() {
    var panels = $('.user-infos');
    var panelsButton = $('.dropdown-user');
    panels.hide();
     $(window).scroll(function () {
            if ($(this).scrollTop() > 50) {
                $('#back-to-top').fadeIn();
            } else {
                $('#back-to-top').fadeOut();
            }
        });
        // scroll body to 0px on click
        $('#back-to-top').click(function () {
            $('#back-to-top').tooltip('hide');
            $('body,html').animate({
                scrollTop: 0
            }, 800);
            return false;
        });
        
        $('#back-to-top').tooltip('show');
    //Click dropdown
    panelsButton.click(function() {
        //get data-for attribute
        var dataFor = $(this).attr('data-for');
        var idFor = $(dataFor);
        //current button
        var currentButton = $(this);
        idFor.slideToggle(400, function() {
            //Completed slidetoggle
            if(idFor.is(':visible'))
            {
                currentButton.html('<i class="glyphicon glyphicon-chevron-up text-muted"></i>');
            }
            else
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"charity Profile "
Bootstrap 3.1.0 Snippet by maksim09

Related: See More

Questions / Comments:

"charity Profile " Bootstrap 3.1.0 Snippet by maksim09

Related: See More

Questions / Comments:

"charity Profile "
Bootstrap 3.1.0 Snippet by maksim09