"Contact"
Bootstrap 3.1.0 Snippet by drgnlover

1
2
3
4
5
6
7
8
9
10
11
12
<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 ---------->
<div class="col-xs-12 col-sm-9">
<h3>Contact</h3>
<p<i class="fa fa-user"></i> Scott Stevens<br/>
<i class="fa fa-phone"></i> 870 288-4149<br/>
<i class="fa fa-envelope"></i> scott.stevens@example.com
</p>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
@import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);
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
$(function () {
/* BOOTSNIPP FULLSCREEN FIX */
if (window.location == window.parent.location) {
$('#back-to-bootsnipp').removeClass('hide');
}
$('[data-toggle="tooltip"]').tooltip();
$('#fullscreen').on('click', function(event) {
event.preventDefault();
window.parent.location = "http://bootsnipp.com/iframe/4l0k2";
});
$('a[href="#cant-do-all-the-work-for-you"]').on('click', function(event) {
event.preventDefault();
$('#cant-do-all-the-work-for-you').modal('show');
})
$('[data-command="toggle-search"]').on('click', function(event) {
event.preventDefault();
$(this).toggleClass('hide-search');
if ($(this).hasClass('hide-search')) {
$('.c-search').closest('.row').slideUp(100);
}else{
$('.c-search').closest('.row').slideDown(100);
}
})
$('#contact-list').searchable({
searchField: '#contact-list-search',
selector: 'li',
childSelector: '.col-xs-12',
show: function( elem ) {
elem.slideDown(100);
},
hide: function( elem ) {
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: