Bootstrap Snippet SSK App Event Detail using HTML CSS Bootstrap

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="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
<div class="container">
    <div class="row">
        <div class="col-md-9">
          <div class="content-area">
            <div class="panel">
                <div class="panel-body">
                    <h3>Lorem Ipsum dress with colorest in the suyzeiz</h3>
                   <div class="row">
                      <div class="product-page-image">
                       <div class="col-md-12">
                           <img class="img-responsive"src="https://ak3.picdn.net/shutterstock/videos/16376863/thumb/5.jpg">
                       </div>
                      </div>
                   </div>
                   <div class="section-title margin-b-30">
                       <h4> Product Details:</h4>
                       <p>Powerful dual-core and quad-core Intel processors, more advanced graphics, faster PCIe-based flash storage, superfast memory, and Thunderbolt 2, MacBook Pro with Retina display delivers all the performance you want from a notebook. </p>
                   </div>
                   <div class="product-page-features margin-b-30">
                           <div class="row">
                               <div class="col-md-12 section-title">
                                     <h4> Product Features:</h4>
                                 </div>
                               <div class="col-md-6">
                                   <ul>
                                       <li><i class="fa fa-check"></i>  256GB PCIe flash storage </li>
                                       <li><i class="fa fa-check"></i>  256GB PCIe flash storage </li>
                                       <li><i class="fa fa-check"></i>  256GB PCIe flash storage </li>
                                       <li><i class="fa fa-check"></i>  256GB PCIe flash storage </li>
                                       <li><i class="fa fa-check"></i>  256GB PCIe flash storage </li>
                                   </ul>
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
* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}
body {background:#e2e2e2;}
h4 {font-size: 17px;font-weight: 500;}
hr {border-color:#cccccc;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
.margin-t-40 {margin-top:40px;}
.margin-b-30 {margin-bottom:30px;}
.bg-blue {background:#276bd8;color:#fff!important;}
.bg-grey {background:#696969;color:#fff;}
.bg-pink {background:#c11543;color:#fff!important;}
/************* Sidebar-Instruction ************/
.sidebar-instruction i {margin-top:5px;position: absolute;color:#139e81;}
.sidebar-instruction li {padding-left:20px; margin-bottom:10px;}
/******** Sidebar Category LINKKK ***************/
.sidebar-category-link li {border-bottom: 1px solid #cccccc; padding: 20px;}
/************ Product Page Class ****/
.section-title h4 { position: relative;padding-bottom:10px;}
.section-title h4:after {
    background: #139e81 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 20%;
}
.product-page-features i {color:#139e81; margin-right:10px;}
.product-page-features li {padding-left:25px;margin-bottom: 10px;}
/********** Seller Sidebar Class *********/
ul.sidebar-seller-information li span {
    color: #969696;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"SSK App Event Detail"
Bootstrap 3.3.0 Snippet by tieusuquay79

Related: See More

Questions / Comments:

"SSK App Event Detail" Bootstrap 3.3.0 Snippet by tieusuquay79

Related: See More

Questions / Comments:

"SSK App Event Detail"
Bootstrap 3.3.0 Snippet by tieusuquay79