Difference between revisions of "Team:CIEI-BJ/Notebook"

Line 6,771: Line 6,771:
 
}
 
}
 
/*# sourceMappingURL=bootstrap.css.map */
 
/*# sourceMappingURL=bootstrap.css.map */
 +
.btn1 {  display: inline-block;
 +
  padding: 6px 12px;
 +
  margin-bottom: 0;
 +
  font-size: 14px;
 +
  font-weight: normal;
 +
  line-height: 1.42857143;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  vertical-align: middle;
 +
  -ms-touch-action: manipulation;
 +
      touch-action: manipulation;
 +
  cursor: pointer;
 +
  -webkit-user-select: none;
 +
    -moz-user-select: none;
 +
      -ms-user-select: none;
 +
          user-select: none;
 +
  background-image: none;
 +
  border: 1px solid transparent;
 +
  border-radius: 4px;
 +
}
 +
.btn1 {  outline: thin dotted;
 +
  outline: 5px auto -webkit-focus-ring-color;
 +
  outline-offset: -2px;
 +
}
 +
.btn1 {  outline: thin dotted;
 +
  outline: 5px auto -webkit-focus-ring-color;
 +
  outline-offset: -2px;
 +
}
 +
.btn1 {  color: #333;
 +
  text-decoration: none;
 +
}
 +
.btn1 {  background-image: none;
 +
  outline: 0;
 +
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 +
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 +
}
 +
.btn1 {  cursor: not-allowed;
 +
  filter: alpha(opacity=65);
 +
  -webkit-box-shadow: none;
 +
          box-shadow: none;
 +
  opacity: .65;
 +
}
 +
.btn1 {  cursor: not-allowed;
 +
  filter: alpha(opacity=65);
 +
  -webkit-box-shadow: none;
 +
          box-shadow: none;
 +
  opacity: .65;
 +
}
 +
.btn-primary1 {  color: #fff;
 +
  background-color: #337ab7;
 +
  border-color: #2e6da4;
 +
}
 +
.btn-primary1 {  color: #fff;
 +
  background-color: #286090;
 +
  border-color: #122b40;
 +
}
 +
.btn-primary1 {  color: #fff;
 +
  background-color: #286090;
 +
  border-color: #204d74;
 +
}
 +
.btn-primary1 {  color: #fff;
 +
  background-color: #204d74;
 +
  border-color: #122b40;
 +
}
 +
.btn-primary1 {  background-image: none;
 +
}
 +
.btn-primary1 {  background-color: #337ab7;
 +
  border-color: #2e6da4;
 +
}
 +
.col-md-13 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-md-101 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-md-111 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-md-121 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-md-21 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-md-31 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-md-41 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-md-51 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-md-61 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-md-71 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-md-81 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-md-91 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-sm-13 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-sm-101 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-sm-111 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-sm-121 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-sm-21 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-sm-31 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-sm-41 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-sm-51 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-sm-61 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-sm-71 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-sm-81 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-sm-91 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-xs-13 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-xs-13 {  float: left;
 +
}
 +
.col-xs-101 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-xs-101 {  float: left;
 +
}
 +
.col-xs-111 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-xs-111 {  float: left;
 +
}
 +
.col-xs-21 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-xs-21 {  float: left;
 +
}
 +
.col-xs-31 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-xs-31 {  float: left;
 +
}
 +
.col-xs-41 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-xs-41 {  float: left;
 +
}
 +
.col-xs-51 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-xs-51 {  float: left;
 +
}
 +
.col-xs-61 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-xs-61 {  float: left;
 +
}
 +
.col-xs-71 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-xs-71 {  float: left;
 +
}
 +
.col-xs-81 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-xs-81 {  float: left;
 +
}
 +
.col-xs-91 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-xs-91 {  float: left;
 +
}
 +
a.btn1 {  pointer-events: none;
 +
}
 +
.btn2 {  display: inline-block;
 +
  padding: 6px 12px;
 +
  margin-bottom: 0;
 +
  font-size: 14px;
 +
  font-weight: normal;
 +
  line-height: 1.42857143;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  vertical-align: middle;
 +
  -ms-touch-action: manipulation;
 +
      touch-action: manipulation;
 +
  cursor: pointer;
 +
  -webkit-user-select: none;
 +
    -moz-user-select: none;
 +
      -ms-user-select: none;
 +
          user-select: none;
 +
  background-image: none;
 +
  border: 1px solid transparent;
 +
  border-radius: 4px;
 +
}
 +
.btn2 {  outline: thin dotted;
 +
  outline: 5px auto -webkit-focus-ring-color;
 +
  outline-offset: -2px;
 +
}
 +
.btn2 {  outline: thin dotted;
 +
  outline: 5px auto -webkit-focus-ring-color;
 +
  outline-offset: -2px;
 +
}
 +
.btn2 {  color: #333;
 +
  text-decoration: none;
 +
}
 +
.btn2 {  background-image: none;
 +
  outline: 0;
 +
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 +
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 +
}
 +
.btn2 {  cursor: not-allowed;
 +
  filter: alpha(opacity=65);
 +
  -webkit-box-shadow: none;
 +
          box-shadow: none;
 +
  opacity: .65;
 +
}
 +
.btn2 {  cursor: not-allowed;
 +
  filter: alpha(opacity=65);
 +
  -webkit-box-shadow: none;
 +
          box-shadow: none;
 +
  opacity: .65;
 +
}
 +
a.btn2 {  pointer-events: none;
 +
}
 
</style>
 
</style>
  
Line 6,817: Line 7,135:
 
         <div class="row">
 
         <div class="row">
 
           <div class="col-xs-12">
 
           <div class="col-xs-12">
−
             <h1 class="text-center">Lorem ipsum dolor sit amet</h1>
+
             <div class="col-xs-12">
−
            <p class="text-center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est, dicta, cupiditate consequatur necessitatibus quos libero eius ipsum qui sit molestiae.</p>
+
              <div class="col-xs-12">
−
            <p>&nbsp;</p>
+
                <div class="col-xs-12">
−
            <p>&nbsp;</p>
+
                  <h1 class="text-center">Lorem ipsum dolor sit amet</h1>
 +
                  <p class="text-center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est, dicta, cupiditate consequatur necessitatibus quos libero eius ipsum qui sit molestiae.</p>
 +
                  <div class="col-lg-2 col-lg-offset-4 col-md-offset-4 col-md-2 col-sm-offset-3 col-sm-3 col-xs-offset-3 col-xs-3">
 +
                    <p><a class="btn btn-success btn-lg" href="#" role="button">FREE TRIAL</a></p>
 +
                  </div>
 +
                  <p>&nbsp;</p>
 +
                  <div class="col-lg-2 col-md-6 col-sm-6">
 +
                    <p><a class="btn btn-primary btn-lg" href="#" role="button">BUY NOW</a></p>
 +
                  </div>
 +
                  <p>&nbsp;</p>
 +
                </div>
 +
              </div>
 +
            </div>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
Line 6,830: Line 7,160:
 
<div class="container">
 
<div class="container">
 
   <div class="row">
 
   <div class="row">
−
    <div class="container">
 
−
      <div class="row">
 
−
        <div class="text-center col-sm-6">
 
−
          <h3>Facebook Page</h3>
 
−
          <p>Visit out Facebook page to get a our updates right on your phone.</p>
 
−
          <a class="btn btn-danger btn-lg" href="#" role="button">@CIEI_BJ on Facebook</a></div>
 
−
        <div class="text-center col-sm-6">
 
−
          <h3>Fact Sheet</h3>
 
−
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum, magnam?</p>
 
−
          <a class="btn btn-info btn-lg" href="#" role="button">Documentation</a></div>
 
−
      </div>
 
−
      <div class="container"> </div>
 
−
    </div>
 
 
     <h2>Put everyone's picture here.</h2>
 
     <h2>Put everyone's picture here.</h2>
 
     <p>&nbsp;</p>
 
     <p>&nbsp;</p>

Revision as of 04:20, 2 October 2016

<!DOCTYPE html> Bootstrap Product Page Template

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est, dicta, cupiditate consequatur necessitatibus quos libero eius ipsum qui sit molestiae.

FREE TRIAL

 

BUY NOW

 

Put everyone's picture here.

 

 

eius ab quibusdam.
Thumbnail Image 1

Feature

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt, at.

Button

Thumbnail Image 1

Feature

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi, atque.

Button

Table

Free

Lorem ipsum dolor sit
1 ......
2 ......
3 ......

Buy Now

Basic

Lorem ipsum dolor sit
1 ......
2 ......
3 ......

Buy Now

Professional

Lorem ipsum dolor sit
1 ......
2 ......
3 ......

Buy Now

Contact Us

MyCompany, Inc.
Sunny Autumn Plaza, Grand Coulee,
CA, 91308-4075, US
P: (123) 456-7890

Social

Testimonials

...

Media heading

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
...

Media heading

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

Copyright © MyWebsite. All rights reserved.