"Dastnbek_Footer"
Bootstrap 2.3.2 Snippet by Dastn

Post to Facebook Tweet this

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/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/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="black">
<div class="container" id="conatact">
<div class="row">
<div class="col-lg-12" style="text-align: center; padding-top:100px; padding-bottom: 50px; color: #fff;">
<h1 style="font-size: 60px;" >Contact Us</h1>
<hr>
</div>
</div>
<div class="row">
<div class="col-md-6 footerleft">
<div class="col-md-6" id="actionButtons">
<button type="button" id="1" class="btn btn-primary
tr-btn-primary-inverse">Project</button>
<button id="2" type="button" class="btn btn-primary
tr-btn-primary-inverse">Feature</button>
<button type="button" id="3" class="btn btn-primary
tr-btn-primary-inverse">Partner</button>
</div>
<div class="col-md-6" id="fs-content">
<div id="projects-footer">
<ul>
<li class="tr-footer-item1">Project 1</li>
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
/*For black backgraound*/
.black{
background-color: #2d2d30;
}
/*Navbar style start*/
.navbar {
margin-bottom: 0;
border: 0;
font-size: 13px !important;
letter-spacing: 2px;
opacity: 0.9;
}
.tr-navbar
{
background-color: #2d2d30 !important;
}
/*Navbar style end*/
/*tr-btn-primary*/
.tr-btn-primary{
background: #2d2d30 ;
}
.tr-btn-primary:hover{
background: white ;
color: #2d2d30 ;
}
.tr-btn-primary-inverse{
background: #fff;
color: #2d2d30;
border:1px solid;
border-color: #2d2d30;
font-size: 20px;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
$(document).ready(function(){
$("#actionButtons button").on("click", function(event) {
$("#fs-content div").fadeOut(0.01).eq(parseInt($(event.currentTarget).attr("id"))-1).fadeIn("slow");
});
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Login and Register Modal

Questions / Comments: