|
|
| 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> |
