"profile page view with reviews"
Bootstrap 3.0.0 Snippet by sajawal

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/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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 ---------->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>NEW Alta HR: The world's slimmest heart rate tracker</title>
</head>
<body bgcolor="#F5F5F5">
<img src="http://click.e.fitbit.com/open.aspx?ffcb10-fec41176746d0679-fe2b11737263067a771572-fe87137275620d7472-ff6a177275-fe3417717160017f761673-feff1770716306" width="1" height="1">
<table border="0" align="center" cellpadding="0" cellspacing="0" id="backgroundTable" bgcolor="#f5f5f5" width="100%" style="table-layout: fixed;">
<tr>
<td align="center">
<!-- start table shell -->
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0" class="wrapper">
<!-- start header desktop -->
<tr>
<td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0" class="wrapper">
<tr>
<td><table border="0" cellpadding="10" cellspacing="0" width="100%" class="wrapper" bgcolor="#f5f5f5">
<tr>
<td style="font-family:Helvetica, Arial, sans-serif; color:#a4acae; font-size:12px; padding-top:15px; padding-bottom:15px; padding-left:10px;"><a href="" style="color:#a4acae; text-decoration:none;">You asked. We delivered.</a></td>
<td class="hidden" align="right" style="font-family:Helvetica, Arial, sans-serif; color:#a4acae; font-size:12px; padding-top:15px; padding-bottom:15px; padding-right:10px;"><a href="#" style="color:#a4acae; text-decoration:underline;">View in web browser </a></td>
</tr>
</table></td>
</tr>
<tr>
<td><table border="0" cellpadding="0" cellspacing="0" style="border:none;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" width="100%" class="wrapper" bgcolor="#ffffff" >
<tr>
<td width="173"><a href="http://click.e.fitbit.com/?qs=57a41918d7c3c03a0143a1797c5fb7ed1b9842792d5c2887b22f538e4411dba72fe47228f03283250e4bd5e5c3b082bd23b96655f137f607ebc0776242afe924"><img src="http://image.e.fitbit.com/lib/fe87137275620d7472/m/1/2016_Large_logo.gif" width="175" height="80" style="display:block; border:none;" alt="Fitbit" class="logoimage"></a></td>
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
/*********** UPPPER BODDY CSS Client-specific Styles **********/
#outlook a {
padding: 0;
}
body {
width: 100% !important;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
margin: 0;
padding: 0;
}
.ExternalClass {
width: 100%;
}
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
line-height: 100%;
}
#backgroundTable {
margin: 0;
padding: 0;
width: 100% !important;
line-height: 100% !important;
}
/* End reset */
div.preheader {
display: none !important;
}
table td {
border-collapse: collapse;
}
#outertable {
width: 825px;
}
table {border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; table-layout: fixed;}
table table { table-layout: auto; }
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
/*********** lOWER BODDY SCRIPTS **********/
var photos = document.querySelectorAll(".sub-photo");
var mainPhotos = document.querySelectorAll(".main-photo");
var activePhoto = "";
[].forEach.call(mainPhotos, function(photo) {
if (photo.className.indexOf("active")>-1) {
activePhoto = photo;
}
});
[].forEach.call(photos, function(photo) {
photo.addEventListener("mouseover", function() {
var clicked=photo.id;
clicked = "lg-" + clicked.split("-")[1];
activePhoto.classList.remove("active");
activePhoto = document.getElementById(clicked);
activePhoto.classList.add("active");
});
});
/*********** lOWER BODDY SCRIPTS **********/
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Rubik Presentation Page
arrow key navigation thumbnail gallery modal view
Elegant Login Page
My Awesome Login Page

Questions / Comments: