"smashq new layout"
Bootstrap 2.3.2 Snippet by gbdevteam

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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/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 rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" media="screen">
<script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>
<div class="profile-user">
<div class="row-fluid">
<div class="span6">
<div class="pull-left">
<div class='col-sm-6 col-xs-6 col-md-6 col-lg-6' style = "width: 100%;">
<a class="thumbnail fancybox" rel="ligthbox" href="http://placehold.it/667x890.png">
<img class="img-responsive" alt="" src="http://placehold.it/320x426" />
</a>
</div>
</div>
</div>
<div class="span6" >
<h2>AJ Applegate </h2>
<ul class="inline user-counts-list">
<li>Photos <span class="count">100</span></li>
<li>Followers <span class="count">50</span></li>
<li>Following <span class="count">130</span></li>
</ul>
<p class = "bio"> <strong>Hey Baby!
It's your girl AJ :) This is the place to find all my exclusive content, and get to know the real me. I post on my snapchat everyday, and make sure to give you a fun variety of shows. I love to get naughty, so please send me all the dirty pics/vids you want! We can even direct message! When you send me a special tip, I like to thank you by sending you a personal snap. Talk to you soon!
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
.feed-photos {
max-width: 968px;
margin: 0 auto;
-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.feed-photos {
ul.thumbnails{
margin: 15px 10px;
}
.thumbnail{
background: #fff;
}
}
/*sizing for thumbnails*/
.profile-user {
position: relative;
max-width: 964px;
min-height: 75px;
margin: 0 auto;
padding: 10px 0px 15px;
}
.compContainer {
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 0;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
$(document).ready(function(){
//FANCYBOX
//https://github.com/fancyapps/fancyBox
$(".fancybox").fancybox({
openEffect: "none",
closeEffect: "none"
});
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: