|
|
Line 2: |
Line 2: |
| | | |
| <style> | | <style> |
− | /* =================================================================== */
| |
− | /* PAGE-WRAPPER
| |
− | /* =================================================================== */
| |
− | .wrapper {
| |
− | position: absolute;
| |
− | z-index: 1;
| |
− | left: 0;
| |
− | right:0;
| |
− | top: 0;
| |
− | bottom: 0;
| |
− | margin-left: 50px;
| |
− | -webkit-perspective: 1400px;
| |
− | -moz-perspective: 1400px;
| |
− | perspective: 1400px;
| |
− | -webkit-perspective-origin: 10% 10%;
| |
− | -moz-perspective-origin: 10% 10%;
| |
− | perspective-origin: 10% 10%;
| |
− | background: #fff;
| |
− | overflow: hidden;
| |
− | }
| |
− | .wrapper.page-bg-gray2 {
| |
− | background: #fff;
| |
− | }
| |
− | .wrapper.page-bg-gray2 section {
| |
− | background: #efefef;
| |
− | }
| |
− | .wrapper.page-bg-metalic {
| |
− | background: #fff;
| |
− | }
| |
− | .wrapper.page-bg-metalic section {
| |
− | background: -webkit-linear-gradient(90deg, #8e9eab 10%, #eef2f3 90%);
| |
− | /* Chrome 10+, Saf5.1+ */
| |
− | background: -moz-linear-gradient(90deg, #8e9eab 10%, #eef2f3 90%);
| |
− | /* FF3.6+ */
| |
− | background: -ms-linear-gradient(90deg, #8e9eab 10%, #eef2f3 90%);
| |
− | /* IE10 */
| |
− | background: -o-linear-gradient(90deg, #8e9eab 10%, #eef2f3 90%);
| |
− | /* Opera 11.10+ */
| |
− | background: linear-gradient(90deg, #8e9eab 10%, #eef2f3 90%);
| |
− | /* W3C */
| |
− | }
| |
− | @media (min-width: 768px) {
| |
− | .wrapper {
| |
− | margin-left: 80px;
| |
− | }
| |
− | }
| |
− | @media (min-width: 992px) {
| |
− | .wrapper {
| |
− | margin-left: 250px;
| |
− | }
| |
− | }
| |
− | .wrapper section {
| |
− | position: absolute;
| |
− | z-index: -1;
| |
− | top: 0;
| |
− | left: 0;
| |
− | bottom: 0;
| |
− | right: 0;
| |
− | -webkit-backface-visibility: hidden;
| |
− | -moz-backface-visibility: hidden;
| |
− | backface-visibility: hidden;
| |
− | visibility: hidden;
| |
− | -webkit-transform: translate3d(0, 0, 0);
| |
− | -moz-transform: translate3d(0, 0, 0);
| |
− | -o-transform: translate3d(0, 0, 0);
| |
− | transform: translate3d(0, 0, 0);
| |
− | -webkit-transform: preserve-3d;
| |
− | -moz-transform: preserve-3d;
| |
− | -o-transform: preserve-3d;
| |
− | transform: preserve-3d;
| |
− | background: #fff;
| |
− | overflow: hidden;
| |
− | opacity: 0;
| |
− | }
| |
− | .wrapper section.section-current {
| |
− | visibility: visible;
| |
− | z-index: 1;
| |
− | opacity: 1;
| |
− | }
| |
− | .wrapper section.pt-page-ontop {
| |
− | z-index: 2;
| |
− | }
| |
− | .wrapper section .content {
| |
− | position: relative;
| |
− | width: 100%;
| |
− | min-height: 100%;
| |
− | height: 100%;
| |
− | overflow: hidden;
| |
− | overflow-y: scroll;
| |
− | -webkit-overflow-scrolling: touch;
| |
− | }
| |
− | .wrapper section .content.table {
| |
− | display: table;
| |
− | table-layout: fixed;
| |
− | }
| |
− | .wrapper section .content.table .table-middle {
| |
− | position: relative;
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | margin: 0;
| |
− | display: table-cell;
| |
− | vertical-align: middle;
| |
− | }
| |
− | .wrapper section .btn-prev {
| |
− | position: fixed;
| |
− | z-index: 999;
| |
− | top: -1px;
| |
− | left: -1px;
| |
− | margin: 0;
| |
− | }
| |
− | .wrapper header {
| |
− | position: relative;
| |
− | padding-top: 30px;
| |
− | padding-bottom: 25px;
| |
− | }
| |
− | @media (min-width: 992px) {
| |
− | .wrapper header {
| |
− | padding-bottom: 50px;
| |
− | }
| |
− | }
| |
− | .wrapper header h3 {
| |
− | letter-spacing: 2px;
| |
− | display: inline-block;
| |
− | margin-right: 20px;
| |
− | font-weight: 400;
| |
− | border-right: 8px solid #662d91;
| |
− | padding: 15px 20px 15px 0;
| |
− | color: #662d91;
| |
− | text-transform: uppercase;
| |
− | }
| |
− | .wrapper header h3 small {
| |
− | display: block;
| |
− | text-align: right;
| |
− | color: #f7f7f7;
| |
− | margin-top: 10px;
| |
− | font-weight: 300;
| |
− | font-size: 16px;
| |
− | font-family: 'Lato', sans-serif;
| |
− | text-transform: lowercase;
| |
− | }
| |
− | .wrapper header h5 {
| |
− | display: none;
| |
− | padding-top: 20px;
| |
− | color: #000;
| |
− | letter-spacing: 1.5px;
| |
− | font-family: 'Lato', sans-serif;
| |
− | font-weight: 300;
| |
− | text-transform: uppercase;
| |
− | }
| |
− | @media (min-width: 768px) {
| |
− | .wrapper header h5 {
| |
− | display: inline;
| |
− | }
| |
− | }
| |
− | .wrapper .bg-img1 {
| |
− | background: url('../img/bg/bg-gray.jpg') center fixed no-repeat;
| |
− | }
| |
− | .wrapper .bg-img-black {
| |
− | background: url('../img/bg/section-bg1.jpg') center fixed no-repeat;
| |
− | color: #fff;
| |
− | }
| |
− |
| |
| .pw { | | .pw { |
| position: absolute; | | position: absolute; |
Line 257: |
Line 95: |
| <!-- end: NAVIGATION --> | | <!-- end: NAVIGATION --> |
| | | |
− | <div class="wrapper"> | + | <div class="page-wrapper"> |
| | | |
| <section id="home" class="page-activ"> | | <section id="home" class="page-activ"> |
Line 284: |
Line 122: |
| <div class="col-lg-10 col-lg-offset-1"> | | <div class="col-lg-10 col-lg-offset-1"> |
| <div class="col-md-6 no-padding"> | | <div class="col-md-6 no-padding"> |
− | <h1></h1> | + | <h1>Hwlllooooo</h1> |
| </div> | | </div> |
| </div> | | </div> |