Non catégorisé

free visit

How we build your space

From photos

Try the example

Hello! 

JSN Metal is an ideal Joomla template for construction and other architecture websites with a modern design and luxurious look, which definitely amazes your site visitors. Most of its stunning modules and pages are simply built with JSN PageBuilder 3. With the helps of JSN ImageShow and Uniform, you can create various forms and stunning galleries or slideshows.

Using K2 for blogs is also a good way to display content on your website more functionally and beautifully. In addition, the template are prepared with 6 color themes so that you can change the look of your site immediately.

More About UsLet's Connect

Why Choose Us

Great Care

We receive a lot of credibility from beloved customers. Anticipating their demands and listening every concern for their projects, our trusted approach has built a good relationship for years.

Punctual Projects

JSN Metal team feel so proud of the ability to do right things by deadlines. By breaking each project down into pieces that are measurable and achievable, we monitor budgets and timelines carefully.

Efficient Solutions

No matter how busy our clients are, we usually offer them cost-saving and efficient design-build approach. We also discuss directly with clients and architects to align everyone’s goals.

Team of Experts

Established over 10 years in the construction industry, we looks forward to the future, working closely with customers to give the best advice and make their dream buildings come true.

1020

Architect

30000

Projects

555

Hour Work

3680

Clients

Our Services

Project Consulting

We offer real and money-saving building solutions for owners, engineers and architects.

Building Maintenance

Our company has a skillful team, and modern equipment to help you maintain your building.

Erection Services

Our construction team is specialized in fast erection of huge and complex building structures.

Green Buildings

We do care about the environment. We can assist you to own a eco-friendly elegant building.

The original version uses JSN ImageShow here. Try it for a beautiful slideshow!
Download Now

Our Great Clients

John Ball

JSN Metal Is Really Amazing!!!

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

John Ball

JSN Metal Is Really Amazing!!!

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Let's build dreams together

Register to receive our latest news and tricks for a good website.

Thanks for contacting to us!

Do you want to experience a more powerful form here. Why not try JSN Uniform? Get It Now

Do you love this page?

It is extracted from JSN BuildUp. Would you like to give it a try?

Download Now

free visit runs anywhere

On any Web device

Runs everywhere

Try the eample

On any Web device

Any Operating System

We receive a lot of credibility from beloved customers. Anticipating their demands and listening every concern for their projects, our trusted approach has built a good relationship for years.

Any Smartphone and Tablet

JSN Metal team feel so proud of the ability to do right things by deadlines. By breaking each project down into pieces that are measurable and achievable, we monitor budgets and timelines carefully.

Any Web browser

No matter how busy our clients are, we usually offer them cost-saving and efficient design-build approach. We also discuss directly with clients and architects to align everyone’s goals.

Any Computer

Desktop and laptop

1020

Architect

30000

Projects

555

Hour Work

3680

Clients

Our Services

Project Consulting

We offer real and money-saving building solutions for owners, engineers and architects.

Building Maintenance

Our company has a skillful team, and modern equipment to help you maintain your building.

Erection Services

Our construction team is specialized in fast erection of huge and complex building structures.

Green Buildings

We do care about the environment. We can assist you to own a eco-friendly elegant building.

Our Great Clients

Let's build dreams together

Register to receive our latest news and tricks for a good website.

Thanks for contacting to us!

Do you want to experience a more powerful form here. Why not try JSN Uniform? Get It Now

Latest News

Typography
Typography
AdministratorLatest

This is a sample blockquote. Use

Your content goes here!

to create a blockquote. This is a styled box. Use
Your content goes here!
This is a styled box....

Read more
._ERbj1g7D { position: relative; } ._3P4lx2OV { padding: 30px 0px; margin: 10px 0px; } ._3P4lx2OV:focus, ._3P4lx2OV:active { outline: none; box-shadow: none; } ._QyzOjnBJ { border: 1px solid #e5e5e5; padding: 0.7em 1.2em; margin: 0 15px 15px 0; display: inline-block; background-color: #ebebeb; } ._QyzOjnBJ:focus, ._QyzOjnBJ:active { outline: none; box-shadow: none; } ._nDEv0Ex7 { display: block; width: 100%; margin-bottom: 20px; line-height: 1.5em; } ._nDEv0Ex7:last-child { margin-bottom: 0; } ._nDEv0Ex7:focus, ._nDEv0Ex7:active { outline: none; box-shadow: none; } ._GwlbZrJE { font-size: 1em; vertical-align: middle; text-align: center; width: auto; height: auto; } ._GwlbZrJE--diamond, ._GwlbZrJE--circle, ._GwlbZrJE--square { width: 50px; height: 50px; line-height: 50px; border: 1px solid; } ._GwlbZrJE--circle { border-radius: 100%; } ._GwlbZrJE--diamond { transform: rotate(45deg); -webkit-transform: rotate(45deg); } ._GwlbZrJE--diamond:before { display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } ._VWvqNvR9 { vertical-align: middle; } ._qaQP6rvk > a { color: inherit !important; } ._qaQP6rvk > span { font-weight: inherit; } ._qaQP6rvk { word-break: break-word; } ._qaQP6rvk__icon--none i, ._qaQP6rvk__icon--left i { margin-right: 0.3em; } ._qaQP6rvk__icon--right i { margin-left: 0.3em; } ._qaQP6rvk__icon--top i { margin-bottom: 0.5em; } ._qaQP6rvk__icon--top > span, ._qaQP6rvk__icon--top > a, ._qaQP6rvk__icon--top > span[data-empty][contenteditable] { display: block; } ._qaQP6rvk [class*="--diamond"] { margin-right: 1em; } ._7XqAY8_A > span:last-child { line-height: inherit; } ._7XqAY8_A[class*="dropcap--"] > span:first-child { display: block; margin-right: 10px; float: left; font-size: 2em; background: #919da9; color: black; width: 50px; height: 50px; line-height: 50px; } ._7XqAY8_A[class*="dropcap--"]:not(.dropcap--none) > span:first-child { margin-right: 20px; text-align: center; } ._7XqAY8_A.dropcap--none > span:first-child { text-align: inherit; line-height: 1 !important; width: auto !important; height: auto !important; background: none !important; border-radius: 0; } ._7XqAY8_A.dropcap--circle > span:first-child { border-radius: 100%; } ._7XqAY8_A:not([class*="dropcap--"]) > span { margin-right: 0 !important; } ._7XqAY8_A ol, ._7XqAY8_A ul { list-style-position: inside; } ._7XqAY8_A blockquote { font-size: inherit; } ._43klRgVK { color: inherit; display: inline-block; line-height: 1; padding: 0.7em 1.2em; box-sizing: border-box; cursor: pointer; text-align: center; border: 1px solid #ebebeb; background-color: #ebebeb; text-decoration: none; position: relative; max-width: 100%; } ._43klRgVK:hover, ._43klRgVK:active, ._43klRgVK:focus { color: inherit; text-decoration: none; } ._43klRgVK > * { color: inherit; text-decoration: inherit; vertical-align: middle !important; } ._43klRgVK__icon--none i, ._43klRgVK__icon--left i { margin-right: 0.3em; } ._43klRgVK__icon--right i { margin-left: 0.3em; } ._43klRgVK__icon--top i { margin-bottom: 0.5em; display: block; text-align: inherit; } ._43klRgVK__icon--top > span, ._43klRgVK__icon--top > span[data-empty][contenteditable] { display: block; } ._43klRgVK > span { color: inherit !important; text-decoration: inherit !important; line-height: inherit !important; display: inline-block; max-width: 100%; } ._43klRgVK[data-active=true] { background: black; color: white; } ._43klRgVK__btn--plain { border: none; background: none; } ._43klRgVK__btn--outline { background: none; border: 2px solid; } ._43klRgVK__btn--rounded { border-radius: 20px; } ._43klRgVK [class*="--diamond"] { margin-right: 1em; } ._O689JW7n { position: relative; } ._pDNE0kYl { position: relative; } ._pDNE0kYl { margin: 0 -15px; } ._DblQBlAM { position: relative; } ._DblQBlAM { clear: both; } ._DblQBlAM[data-parallax="true"] { position: relative; background: none !important; } ._DblQBlAM__parallax { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; background-size: cover !important; background-repeat: no-repeat; } ._DblQBlAM { box-sizing: border-box; padding: 15px 0; position: relative; } ._DblQBlAM[data-container] ._DblQBlAM__container { padding-left: 15px; padding-right: 15px; width: auto; margin: auto; box-sizing: border-box; } ._DblQBlAM .pf-parallax__img { position: absolute; object-fit: cover; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } ._rg3E6376 { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; display: -webkit-flex !important; align-items: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; padding: 1rem 0; display: block; position: relative; font-size: 2px; } ._rg3E6376 > span { margin: 0 1rem; flex: 1 0 auto; display: flex; -webkit-flex: 1 0 auto; line-height: 1; color: black; font-size: 30px; } ._rg3E6376 span > span { vertical-align: middle; } ._rg3E6376:before, ._rg3E6376:after { content: ''; width: 100%; // height: 100%; display: block; border-top: 1em solid; } ._rg3E6376.symbol--right > span, ._rg3E6376.symbol--left:before, ._rg3E6376.symbol--left:after { order: 1; -webkit-order: 1; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; } ._rg3E6376.divider--none > span { display: none; } ._epNwrNGv { position: relative; overflow: hidden; display: inline-flex; justify-content: flex-start; align-items: flex-start; vertical-align: middle; max-width: 100%; } ._epNwrNGv picture { width: 100%; } ._epNwrNGv img { display: inline-block; object-fit: cover; max-width: 100%; max-height: 100%; height: auto; text-align: center; width: 100%; vertical-align: middle; position: unset; } ._epNwrNGv img.pf-placeholder-svg{ min-width: 150px; } ._epNwrNGv.image--rounded { border-radius: 10px; } ._epNwrNGv.image--circle { border-radius: 100%; } ._epNwrNGv[data-action], ._epNwrNGv[data-event] { cursor: pointer; } ._NYd6gvae { position: relative; } ._wWxlO5b4 { position: relative; } ._OLVKvm0G { position: relative; } .pf-slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .pf-slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .pf-slick-list:focus { outline: none; } .pf-slick-list.dragging { cursor: pointer; cursor: hand; } .pf-slick-slider .pf-slick-track, .pf-slick-slider .pf-slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .pf-slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .pf-slick-track:before, .pf-slick-track:after { display: table; content: ''; } .pf-slick-track:after { clear: both; } .pf-slick-loading .pf-slick-track { visibility: hidden; } .pf-slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .pf-slick-slide { float: right; } .pf-slick-slide img { display: block; } .pf-slick-slide.pf-slick-loading img { display: none; } .pf-slick-slide.dragging img { pointer-events: none; } .pf-slick-initialized .pf-slick-slide { display: block; } .pf-slick-loading .pf-slick-slide { visibility: hidden; } .pf-slick-vertical .pf-slick-slide { display: block; height: auto; border: 1px solid transparent; } .pf-slick-arrow.pf-slick-hidden { display: none; } ._OLVKvm0G { box-sizing: border-box; } ._OLVKvm0G .pf-slider { padding: 0; } ._v6VK2VJ2 { margin-bottom: 20px; } ._v6VK2VJ2 label sup { color: red; margin-left: 3px; } ._v6VK2VJ2:last-child { margin-bottom: 0; } ._v6VK2VJ2 input[type="checkbox"], ._v6VK2VJ2 input[type="radio"] { margin-right: 5px; margin-top: 10px; } ._v6VK2VJ2 input[type="checkbox"]:first-child, ._v6VK2VJ2 input[type="radio"]:first-child { margin-top: 0; } ._v6VK2VJ2 .pf-form__field { box-shadow: none; outline: none; width: 100%; } ._v6VK2VJ2 .pf-form__field[type="checkbox"], ._v6VK2VJ2 .pf-form__field[type="radio"] { width: auto; } ._v6VK2VJ2 label { width: 100%; } ._v6VK2VJ2.pf-form__field-wrap { display: flex; flex-wrap: wrap; } ._v6VK2VJ2 .pf-form__field-element { width: 100%; } ._v6VK2VJ2.pf-form--label-left, ._v6VK2VJ2.pf-form--label-right { flex-wrap: nowrap; } ._v6VK2VJ2.pf-form--label-left label, ._v6VK2VJ2.pf-form--label-right label { width: 200px; margin-right: 20px; margin-bottom: 0; } ._v6VK2VJ2.pf-form--label-right { flex-direction: row-reverse; } ._v6VK2VJ2.pf-form--label-right label { margin: 0 0 0 20px; } ._v6VK2VJ2.pf-form--label-above label { margin: 0 0 10px 0; } ._v6VK2VJ2.pf-form--label-below { flex-direction: column-reverse; } ._v6VK2VJ2.pf-form--label-below label { margin: 10px 0 0 0; } ._gB_b819Q { position: relative; } ._gB_b819Q.pf-form--editing .pf-form__field { pointer-events: none; } ._gB_b819Q.pf-form--editing .pf-form__submit { pointer-events: initial !important; } body, h1, h2, h3, h4, h5, h6, .site-title { font-family: IBM Plex Sans; } .no-padding { padding: 0; } a { transition: all 0.3s ease-in-out; } .hover-block:hover { background-color: #ffffff; box-shadow: 0 0 28px 0 rgba(214, 214, 214, 0.5); } .module-other-pages::after { position: absolute; content: ""; top: 0; right: 0; height: 100%; width: 1px; background-color: #ccc; } .module-other-pages.first::before { width: 2px; } .module-other-pages.last::after { width: 2px; } .module-other-pages.line-edge::before, .module-other-pages.line-edge::after { z-index: -1; } .bg-main-color-hover:hover .module-other-pages.line-edge:before, .bg-main-color-hover:hover .module-other-pages.line-edge:after { width: 0; } section [class*=__container] { padding-left: 0; padding-right: 0; } .artclies-1st-list img { min-height: 229px; } .bg-main-color-hover:hover * { color: #fff; } .bg-main-color-hover:hover picture { filter: brightness(0) invert(1); } .bg-main-color-hover:hover { background: #1c44ed; } body .pf-slider [class*="slick-arrow"] { width: 40px; height: 40px; color: #fff; opacity: 1; pointer-events: all; visibility: visible; background: #1c44ed; } body .pf-slider:hover .pf-slick-next { right: 20px; } body .pf-slider:hover .pf-slick-prev { left: 20px; } body .pf-slider .pf-slick-next .fa-chevron-right:before { content: "\f105"; } body .pf-slider .pf-slick-prev .fa-chevron-left:before { content: "\f104"; } @media (max-width: 768px) { .module-other-pages::before { width: 2px; } .module-other-pages::after, .module-other-pages.last::after { width: 0; } } @media (max-width: 480px) { .pf-slider .pf-slick-arrow, .pf-slider .pf-slick-prev, .pf-slider .pf-slick-next, .pf-slider .pf-slick-prev, .pf-slider .pf-slick-next { top: 20%; } } ::-webkit-input-placeholder { /* Chrome */ color: #fff; } ::-moz-placeholder { /* Firefox 19+ */ color: #fff; } :-moz-placeholder { /* Firefox 4 - 18 */ color: #fff; } @media (max-width: 480px) { .module-other-pages::after, .module-other-pages::before { display: none; } } @media all { #__pf_bkowsx ._Vj3Rf0mB { display: flex; align-items: center; padding: 38px 40px 38px 55px; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; transition: background 0.3s ease-in-out 0s; } #__pf_bkowsx ._LjWKfP92 { text-align: left; padding: 20px 18px; border-style: none; border-width: 0px 1px 0px 2px; border-color: rgb(204, 204, 204); } #__pf_bkowsx ._0l4GiB7k { font-size: 15px; padding: 8px 30px; line-height: 1.5; font-weight: 500; background: none 0% 0% repeat scroll rgb(255, 255, 255); margin: 0px 0px 0px 15px; box-shadow: none; text-shadow: none; border-style: solid; border-radius: 0px; border-color: rgb(28, 68, 237); } #__pf_bkowsx ._0l4GiB7k:hover { background: none 0% 0% repeat scroll rgb(28, 68, 237); color: rgb(255, 255, 255); } #__pf_bkowsx ._ZlBxiX4k { font-size: 15px; font-family: "IBM Plex Sans"; border-style: none; padding: 9px 22px; line-height: 1.5; color: rgb(255, 255, 255); font-weight: 500; background: none 0% 0% repeat scroll rgb(28, 68, 237); box-shadow: none; text-shadow: none; border-radius: 0px; } #__pf_bkowsx ._ZlBxiX4k:hover { background: none 0% 0% repeat scroll rgb(9, 25, 76); } #__pf_bkowsx ._7DqBC4EK { line-height: 1.5; color: rgb(102, 102, 102); margin: 0px; font-size: 14px; } #__pf_bkowsx ._zDRqCz79 { font-size: 18px; font-weight: bold; margin: 0px 0px 10px; line-height: 1.4; } #__pf_bkowsx ._6n0YCjNK { font-size: 40px; line-height: 1; font-weight: 700; margin: 21px 0px 18px; color: rgb(255, 255, 255); } #__pf_bkowsx ._GnWwCE51 { font-weight: 300; color: rgb(255, 255, 255); font-size: 20px; margin: 0px; } #__pf_bkowsx ._0DEbCvq1 { font-size: 18px; font-weight: bold; line-height: 1.4; } #__pf_bkowsx ._jK8rCzP9 { color: rgb(102, 102, 102); line-height: 1.5; margin: 0px; font-size: 14px; } #__pf_bkowsx ._oKdNC_M9 { color: rgb(102, 102, 102); line-height: 1.5; font-size: 14px; } .__pf_bkowsx ._rnmQCMY0[data-id="_rnmQCMY0"] { margin: 0px 0px 3px; font-size: 16px; line-height: 1.4; } .__pf_bkowsx ._qwQOClGP[data-id="_qwQOClGP"] { margin: 0px 0px 12px; font-size: 40px; font-weight: bold; color: rgb(28, 33, 46); line-height: 1.4; } .__pf_bkowsx ._dmDzhwKV[data-id="_dmDzhwKV"] { font-size: 16px; line-height: 1.5; padding: 0px 20%; margin: 0px 0px 30px; color: rgb(28, 33, 46); } .__pf_bkowsx ._NyZrHWk9[data-id="_NyZrHWk9"] { font-size: 15px; font-family: "IBM Plex Sans"; border-style: none; padding: 9px 22px; line-height: 1.5; color: rgb(255, 255, 255); font-weight: 500; background: none 0% 0% repeat scroll rgb(28, 68, 237); box-shadow: none; text-shadow: none; border-radius: 0px; } .__pf_bkowsx ._NyZrHWk9[data-id="_NyZrHWk9"]:hover { background: none 0% 0% repeat scroll rgb(9, 25, 76); padding: 9px 22px; } .__pf_bkowsx ._abYniLRg[data-id="_abYniLRg"] { margin: 0px; display: flex; justify-content: center; } .__pf_bkowsx ._kJkVtlQ5[data-id="_kJkVtlQ5"] { text-align: center; background-image: url("https://media.joomlashine.com/joomla-templates/jsn_buildup/j30/pro/metal/images/joomlashine/sample/homepage/slide-1.jpg"); background-position: 50% 50%; padding: 175px 0px; background-repeat: repeat-x; background-size: calc(100% + 50px); } .__pf_bkowsx ._w5Yrtj65[data-id="_w5Yrtj65"] { padding: 35px 0px; } .__pf_bkowsx ._zPbdCJjw[data-id="_zPbdCJjw"] { font-size: 32px; font-weight: 700; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: rgb(27, 33, 46); margin: 0px; } .__pf_bkowsx ._XL6jHjM3[data-id="_XL6jHjM3"] { color: rgb(216, 216, 216); width: 66px; height: 5px; font-size: 5px; margin: 0px auto 10px; } .__pf_bkowsx ._5wO2io2k[data-id="_5wO2io2k"] { margin: 0px; } .__pf_bkowsx ._545vIyy4[data-id="_545vIyy4"] { flex: 0 0 auto; width: 50px; } .__pf_bkowsx ._3wXZCgrn[data-id="_3wXZCgrn"] { font-size: 18px; font-weight: bold; margin: 0px 0px 10px; line-height: 1.4; } .__pf_bkowsx ._emZ_hePm[data-id="_emZ_hePm"] { line-height: 1.5; color: rgb(102, 102, 102); margin: 0px; font-size: 14px; } .__pf_bkowsx ._oQdxfozQ[data-id="_oQdxfozQ"] { padding: 0px 0px 0px 75px; } .__pf_bkowsx ._PQM5f3br[data-id="_PQM5f3br"] { display: flex; align-items: center; padding: 38px 40px 38px 55px; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; transition: background 0.3s ease-in-out 0s; } .__pf_bkowsx ._y4a2IKy8[data-id="_y4a2IKy8"] { flex: 0 0 auto; width: 50px; } .__pf_bkowsx ._RK5efYv9[data-id="_RK5efYv9"] { padding: 0px 0px 0px 75px; } .__pf_bkowsx ._vDlGI9dL[data-id="_vDlGI9dL"] { flex: 0 0 auto; width: 50px; } .__pf_bkowsx ._WK08foz9[data-id="_WK08foz9"] { padding: 0px 0px 0px 75px; } .__pf_bkowsx ._gL7ZIjoL[data-id="_gL7ZIjoL"] { flex: 0 0 auto; } .__pf_bkowsx ._5K4VfD8w[data-id="_5K4VfD8w"] { padding: 0px 0px 0px 75px; } .__pf_bkowsx ._0Part0O5[data-id="_0Part0O5"] { padding: 44px 45px 35px; background-color: rgb(236, 236, 236); background-image: url("https://media.joomlashine.com/joomla-templates/jsn_buildup/j30/pro/metal/images/joomlashine/sample/homepage/line.png"); background-repeat: repeat; } .__pf_bkowsx ._EPzmCgow[data-id="_EPzmCgow"] { font-size: 40px; line-height: 1; font-weight: 700; margin: 21px 0px 18px; color: rgb(255, 255, 255); } .__pf_bkowsx ._gmGzhBwR[data-id="_gmGzhBwR"] { font-weight: 300; color: rgb(255, 255, 255); font-size: 20px; margin: 0px; } .__pf_bkowsx ._e9m4fY8Q[data-id="_e9m4fY8Q"] { text-align: center; } .__pf_bkowsx ._NrN3fl5K[data-id="_NrN3fl5K"] { text-align: center; } .__pf_bkowsx ._Y9Ezf2DQ[data-id="_Y9Ezf2DQ"] { text-align: center; } .__pf_bkowsx ._Gw2NfpPr[data-id="_Gw2NfpPr"] { text-align: center; } .__pf_bkowsx ._0ZMbtzMP[data-id="_0ZMbtzMP"] { padding: 36px 0px 56px; background-color: rgb(27, 33, 46); border-style: none; border-width: 2px 0px 0px; background-image: url("https://media.joomlashine.com/joomla-templates/jsn_buildup/j30/pro/metal/images/joomlashine/sample/homepage/bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .__pf_bkowsx ._DPLoCJPX[data-id="_DPLoCJPX"] { text-align: center; font-size: 32px; font-weight: 700; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; line-height: 1.4; } .__pf_bkowsx ._ZLvRH2w4[data-id="_ZLvRH2w4"] { color: rgb(216, 216, 216); width: 66px; height: 5px; margin: 0px auto 8px; font-size: 5px; } .__pf_bkowsx ._DwqJiVkW[data-id="_DwqJiVkW"] { margin: 0px; } .__pf_bkowsx ._X2RotWPw[data-id="_X2RotWPw"] { padding: 0px; margin-top: 28px; } .__pf_bkowsx ._VDEKIeQ1[data-id="_VDEKIeQ1"] { margin: 0px 0px 22px; } .__pf_bkowsx ._AP3_Clna[data-id="_AP3_Clna"] { font-size: 18px; font-weight: bold; line-height: 1.4; } .__pf_bkowsx ._KVY6h4VZ[data-id="_KVY6h4VZ"] { color: rgb(102, 102, 102); line-height: 1.5; margin: 0px; font-size: 14px; } .__pf_bkowsx ._kwDdfNQ4[data-id="_kwDdfNQ4"] { padding: 0px; } .__pf_bkowsx ._zQpZf6wo[data-id="_zQpZf6wo"] { text-align: left; padding: 20px 18px; border-style: none; border-width: 0px 1px 0px 2px; border-color: rgb(204, 204, 204); } .__pf_bkowsx ._v5j4UaOJ[data-id="_v5j4UaOJ"] { border-style: none; border-color: rgb(204, 204, 204); border-width: 0px 1px 0px 2px; transition: background 0.1s ease-in-out 0s; } .__pf_bkowsx ._q49bI0D1[data-id="_q49bI0D1"] { margin: 0px 0px 22px; } .__pf_bkowsx ._WKbNfZKO[data-id="_WKbNfZKO"] { padding: 0px; } .__pf_bkowsx ._8xqKU157[data-id="_8xqKU157"] { transition: background 0.1s ease-in-out 0s; } .__pf_bkowsx ._ADyGIezD[data-id="_ADyGIezD"] { margin: 0px 0px 22px; } .__pf_bkowsx ._gQRVf2aK[data-id="_gQRVf2aK"] { padding: 0px; } .__pf_bkowsx ._Ax8BUaVx[data-id="_Ax8BUaVx"] { transition: background 0.1s ease-in-out 0s; } .__pf_bkowsx ._d8YZIjWL[data-id="_d8YZIjWL"] { margin: 0px 0px 22px; } .__pf_bkowsx ._YQqAfgP9[data-id="_YQqAfgP9"] { padding: 0px; } .__pf_bkowsx ._N5rmUyy5[data-id="_N5rmUyy5"] { transition: background 0.1s ease-in-out 0s; } .__pf_bkowsx ._Nky1iqgo[data-id="_Nky1iqgo"] { margin: 0px; border-width: 0px 1px; border-color: rgb(204, 204, 204); } .__pf_bkowsx ._W2WQtzPp[data-id="_W2WQtzPp"] { padding: 15px 0px 0px; margin: 0px; } .__pf_bkowsx ._QwJ5CGX0[data-id="_QwJ5CGX0"] { font-size: 32px; font-weight: bold; text-align: center; margin: 0px 0px 5px; color: rgb(0, 0, 0); } .__pf_bkowsx ._0xVZHVj3[data-id="_0xVZHVj3"] { color: rgb(216, 216, 216); width: 66px; height: 5px; margin: 0px auto 8px; font-size: 5px; } .__pf_bkowsx ._P3dRiVVg[data-id="_P3dRiVVg"] { margin: 0px; } .__pf_bkowsx ._v4lGIbd8[data-id="_v4lGIbd8"] { margin: 0px 0px 15px; } .__pf_bkowsx ._bP9DCVx0[data-id="_bP9DCVx0"] { font-size: 14px; font-weight: 700; color: rgb(0, 0, 0); margin: 2px 0px 28px; line-height: 1.4; } .__pf_bkowsx ._YPBvC7Zw[data-id="_YPBvC7Zw"] { font-size: 18px; font-weight: 700; margin: 2px 0px 12px; line-height: 1.4; color: rgb(0, 0, 0); } .__pf_bkowsx ._kVwkheOE[data-id="_kVwkheOE"] { font-size: 14px; color: rgb(102, 102, 102); margin: 0px 15% 12px; line-height: 1.5; } .__pf_bkowsx ._OrlNfL8r[data-id="_OrlNfL8r"] { text-align: center; } .__pf_bkowsx ._g87ZIGo8[data-id="_g87ZIGo8"] { margin: 0px 0px 15px; } .__pf_bkowsx ._2nZpCAy0[data-id="_2nZpCAy0"] { font-size: 14px; font-weight: 700; color: rgb(0, 0, 0); margin: 2px 0px 28px; } .__pf_bkowsx ._dw4gCYoK[data-id="_dw4gCYoK"] { font-size: 18px; font-weight: 700; margin: 2px 0px 12px; } .__pf_bkowsx ._XVgJh3Wm[data-id="_XVgJh3Wm"] { font-size: 14px; color: rgb(102, 102, 102); margin: 0px 15% 12px; } .__pf_bkowsx ._eQyjfJlQ[data-id="_eQyjfJlQ"] { text-align: center; } .__pf_bkowsx ._5jzPfVoR[data-id="_5jzPfVoR"] { padding-bottom: 16px; padding-top: 30px; } .__pf_bkowsx ._qgoxiZab[data-id="_qgoxiZab"] { background-color: rgb(255, 255, 255); box-shadow: rgba(194, 194, 194, 0.5) 0px 0px 45px 0px; margin: 0px; } .__pf_bkowsx ._8xqKUJG5[data-id="_8xqKUJG5"] { background-color: rgb(236, 236, 236); } .__pf_bkowsx ._BKYACZGn[data-id="_BKYACZGn"] { font-size: 28px; font-weight: 700; color: rgb(255, 255, 255); margin: 0px 0px 12px; line-height: 1.4; } .__pf_bkowsx ._6R85hkDp[data-id="_6R85hkDp"] { font-size: 15px; color: rgb(255, 255, 255); margin: 1px 0px 19px; line-height: 1.4; } .__pf_bkowsx ._19aAf5XQ[data-id="_19aAf5XQ"] { text-align: center; } .__pf_bkowsx ._68AkCVJB[data-id="_68AkCVJB"] { font-size: 14px; } .__pf_bkowsx ._qvx5CwPN[data-id="_qvx5CwPN"] > form > div > div > .pf-form__field { background: none 0% 0% repeat scroll rgba(0, 0, 0, 0); border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); font-size: 14px; } .__pf_bkowsx ._qvx5CwPN[data-id="_qvx5CwPN"] > form > div > div > .pf-form__submit { background: none 0% 0% repeat scroll rgb(255, 255, 255); color: rgb(0, 0, 0); font-size: 15px; font-weight: 500; font-family: "IBM Plex Sans"; margin: 5px 0px 0px; border: medium none; border-radius: 0px; padding: 10px 43px; line-height: 1.4; } .__pf_bkowsx ._qvx5CwPN[data-id="_qvx5CwPN"] > form > div > div > .pf-form__submit:hover { background: none 0% 0% repeat scroll rgb(9, 25, 76); color: rgb(255, 255, 255); } .__pf_bkowsx ._qvx5CwPN[data-id="_qvx5CwPN"] > form > div > div > .pf-form__submit > form > div > div > .pf-form__field { background: none 0% 0% repeat scroll rgba(0, 0, 0, 0); border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); font-size: 14px; } .__pf_bkowsx ._qvx5CwPN[data-id="_qvx5CwPN"] > form > div > div > .pf-form__submit > form > div > div > .pf-form__submit { background: none 0% 0% repeat scroll rgb(255, 255, 255); color: rgb(0, 0, 0); font-size: 15px; font-weight: 500; font-family: "IBM Plex Sans"; margin: 5px 0px 0px; border: medium none; border-radius: 0px; padding: 10px 43px; line-height: 1.4; } .__pf_bkowsx ._qvx5CwPN[data-id="_qvx5CwPN"] > form > div > div > .pf-form__submit > form > div > div > .pf-form__submit:hover { background: none 0% 0% repeat scroll rgb(9, 25, 76); color: rgb(255, 255, 255); } .__pf_bkowsx ._kmwkhXYp[data-id="_kmwkhXYp"] { text-align: center; text-align-last: center; font-size: 14px; margin-bottom: 0px; } .__pf_bkowsx ._dxWQU2ng[data-id="_dxWQU2ng"] { padding: 40px 45px; text-align: center; background-color: rgb(28, 68, 237); } .__pf_bkowsx ._VwrEi2xw[data-id="_VwrEi2xw"] { margin: 0px -15px; } .__pf_bkowsx ._lwv6C8DK[data-id="_lwv6C8DK"] { font-size: 32px; font-weight: bold; text-align: center; margin: 28px 0px 7px; color: rgb(0, 0, 0); } .__pf_bkowsx ._EL9QHJ64[data-id="_EL9QHJ64"] { color: rgb(216, 216, 216); width: 66px; height: 5px; font-size: 5px; margin: 3px auto 6px; } .__pf_bkowsx ._xbxKi7Ab[data-id="_xbxKi7Ab"] { margin: 0px; } .__pf_bkowsx ._GDk7Iw3L[data-id="_GDk7Iw3L"] { margin-bottom: 15px; width: 100%; background: none 0% 0% repeat scroll rgb(245, 245, 245); height: 229px; } .__pf_bkowsx ._VmpOUyqk[data-id="_VmpOUyqk"] { margin: 3px 0px 7px; display: block; font-size: 18px; color: rgb(27, 33, 46); font-weight: bold; } .__pf_bkowsx ._ZQXRf0Mv[data-id="_ZQXRf0Mv"] { font-size: 1em; vertical-align: middle; text-align: center; width: auto; height: auto; } .__pf_bkowsx ._jDA1UR0m[data-id="_jDA1UR0m"] { margin-right: 10px; padding: 0px 6px; color: rgb(102, 102, 102); } .__pf_bkowsx ._dA9pf6bA[data-id="_dA9pf6bA"] { font-size: 1em; vertical-align: middle; text-align: center; width: auto; height: auto; } .__pf_bkowsx ._V_B1UdNk[data-id="_V_B1UdNk"] { color: rgb(102, 102, 102); padding: 0px 6px; } .__pf_bkowsx ._gQBMfZLr[data-id="_gQBMfZLr"] { margin-bottom: 10px; font-size: 12px; color: rgb(102, 102, 102); } .__pf_bkowsx ._XW1QUz0m[data-id="_XW1QUz0m"] { margin: 3px 0px 14px; line-height: 1.5; color: rgb(102, 102, 102); } .__pf_bkowsx ._nmdEUgd_[data-id="_nmdEUgd_"] { font-size: 15px; font-weight: 500; color: rgb(27, 33, 46); } .__pf_bkowsx ._v3Z1i4jk[data-id="_v3Z1i4jk"] { font-size: 14px; } .__pf_bkowsx ._EPoBtkLP[data-id="_EPoBtkLP"] { padding: 0px; margin: 55px 0px 35px; color: rgb(255, 255, 255); } .__pf_bkowsx ._Q0J5C2XP[data-id="_Q0J5C2XP"] { font-size: 28px; font-weight: 600; color: rgb(255, 255, 255); margin: 0px 0px 13px; line-height: 1.4; } .__pf_bkowsx ._4RlAhlKp[data-id="_4RlAhlKp"] { font-size: 16px; color: rgb(255, 255, 255); font-weight: 300; margin: 1px 0px 10px; line-height: 1.4; } .__pf_bkowsx ._oXBDHx89[data-id="_oXBDHx89"] { line-height: 21px; padding: 9px 30px; border-style: none; margin: 20px 0px 0px; color: rgb(255, 255, 255); border-radius: 0px; font-size: 15px; box-shadow: none; background-color: rgb(28, 68, 237); } .__pf_bkowsx ._6OymUyyw[data-id="_6OymUyyw"] { text-align: center; } .__pf_bkowsx ._PkdRioVb[data-id="_PkdRioVb"] { margin: 0px; } .__pf_bkowsx ._EZoBt9LZ[data-id="_EZoBt9LZ"] { background-image: url("https://media.joomlashine.com/joomla-templates/jsn_buildup/j30/pro/metal/images/joomlashine/sample/homepage/bg.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 45px 0px; background-attachment: fixed; } } @media only screen and (max-width: 767px) { #__pf_bkowsx ._Vj3Rf0mB { padding: 20px; } #__pf_bkowsx ._0l4GiB7k { padding: 8px 15px; } #__pf_bkowsx ._ZlBxiX4k { padding: 8px 15px; } .__pf_bkowsx ._rnmQCMY0[data-id="_rnmQCMY0"] { font-size: 13px; } .__pf_bkowsx ._qwQOClGP[data-id="_qwQOClGP"] { font-size: 15px; } .__pf_bkowsx ._dmDzhwKV[data-id="_dmDzhwKV"] { font-size: 14px; padding: 0px 5%; } .__pf_bkowsx ._kJkVtlQ5[data-id="_kJkVtlQ5"] { padding: 80px 0px; background-size: cover; } .__pf_bkowsx ._w5Yrtj65[data-id="_w5Yrtj65"] { padding: 5px 15px; } .__pf_bkowsx ._zPbdCJjw[data-id="_zPbdCJjw"] { font-size: 25px; } .__pf_bkowsx ._545vIyy4[data-id="_545vIyy4"] { margin: 0px 0px 15px; } .__pf_bkowsx ._oQdxfozQ[data-id="_oQdxfozQ"] { padding: 0px; } .__pf_bkowsx ._PQM5f3br[data-id="_PQM5f3br"] { display: flex; flex-direction: column; padding: 15px; } .__pf_bkowsx ._y4a2IKy8[data-id="_y4a2IKy8"] { margin: 0px 0px 15px; } .__pf_bkowsx ._RK5efYv9[data-id="_RK5efYv9"] { padding: 0px; } .__pf_bkowsx ._6K7VfD6Q[data-id="_6K7VfD6Q"] { display: flex; flex-direction: column; padding: 15px; align-items: flex-start; } .__pf_bkowsx ._vDlGI9dL[data-id="_vDlGI9dL"] { margin: 0px 0px 15px; } .__pf_bkowsx ._WK08foz9[data-id="_WK08foz9"] { padding: 0px; } .__pf_bkowsx ._O9lNfX89[data-id="_O9lNfX89"] { display: flex; flex-direction: column; padding: 15px; align-items: flex-start; place-content: flex-start; } .__pf_bkowsx ._gL7ZIjoL[data-id="_gL7ZIjoL"] { margin: 0px 0px 15px; } .__pf_bkowsx ._5K4VfD8w[data-id="_5K4VfD8w"] { padding: 0px; } .__pf_bkowsx ._eryjfelr[data-id="_eryjfelr"] { display: flex; flex-direction: column; padding: 15px; align-items: flex-start; } .__pf_bkowsx ._0Part0O5[data-id="_0Part0O5"] { padding: 35px 5px; } .__pf_bkowsx ._DPLoCJPX[data-id="_DPLoCJPX"] { font-size: 25px; } .__pf_bkowsx ._AP3_Clna[data-id="_AP3_Clna"] { margin: 0px 0px 10px; } .__pf_bkowsx ._2waNC4K5[data-id="_2waNC4K5"] { margin: 0px 0px 10px; } .__pf_bkowsx ._vKVpC3xn[data-id="_vKVpC3xn"] { margin: 0px 0px 10px; } .__pf_bkowsx ._L0x3CkJw[data-id="_L0x3CkJw"] { margin: 0px 0px 10px; } .__pf_bkowsx ._Nky1iqgo[data-id="_Nky1iqgo"] { border: medium none; margin: 0px; } .__pf_bkowsx ._1JjatrZz[data-id="_1JjatrZz"] { padding-left: 0px; padding-right: 0px; } .__pf_bkowsx ._QwJ5CGX0[data-id="_QwJ5CGX0"] { font-size: 25px; } .__pf_bkowsx ._bP9DCVx0[data-id="_bP9DCVx0"] { margin: 2px 0px 15px; } .__pf_bkowsx ._YPBvC7Zw[data-id="_YPBvC7Zw"] { font-size: 15px; margin: 2px 0px 12px; } .__pf_bkowsx ._kVwkheOE[data-id="_kVwkheOE"] { margin: 0px 10px; font-size: 13px; } .__pf_bkowsx ._dw4gCYoK[data-id="_dw4gCYoK"] { font-size: 15px; margin: 25px 0px 12px; } .__pf_bkowsx ._XVgJh3Wm[data-id="_XVgJh3Wm"] { margin: 0px 5px 16px; font-size: 13px; } .__pf_bkowsx ._5jzPfVoR[data-id="_5jzPfVoR"] { padding-bottom: 0px; padding-top: 40px; margin-bottom: 20px; } .__pf_bkowsx ._qgoxiZab[data-id="_qgoxiZab"] { margin: 0px; padding: 0px; } .__pf_bkowsx ._BKYACZGn[data-id="_BKYACZGn"] { font-size: 16px; } .__pf_bkowsx ._6R85hkDp[data-id="_6R85hkDp"] { font-size: 13px; margin: 0px 5px 22px; } .__pf_bkowsx ._dxWQU2ng[data-id="_dxWQU2ng"] { padding: 48px 25px 58px; } .__pf_bkowsx ._EPoBtkLP[data-id="_EPoBtkLP"] { margin: 30px 0px; } .__pf_bkowsx ._Q0J5C2XP[data-id="_Q0J5C2XP"] { font-size: 25px; } .__pf_bkowsx ._4RlAhlKp[data-id="_4RlAhlKp"] { margin: 0px 40px 11px; font-size: 14px; } .__pf_bkowsx ._EZoBt9LZ[data-id="_EZoBt9LZ"] { margin: 0px; background-attachment: unset; } } @media only screen and (min-width: 768px) and (max-width: 991px) { #__pf_bkowsx ._Vj3Rf0mB { padding: 20px; } #__pf_bkowsx ._zDRqCz79 { font-size: 17px; } .__pf_bkowsx ._qwQOClGP[data-id="_qwQOClGP"] { font-size: 32px; } .__pf_bkowsx ._dmDzhwKV[data-id="_dmDzhwKV"] { padding: 0px 14%; } .__pf_bkowsx ._kJkVtlQ5[data-id="_kJkVtlQ5"] { background-size: cover; } .__pf_bkowsx ._545vIyy4[data-id="_545vIyy4"] { width: 80px; } .__pf_bkowsx ._3wXZCgrn[data-id="_3wXZCgrn"] { font-size: 16px; } .__pf_bkowsx ._oQdxfozQ[data-id="_oQdxfozQ"] { padding: 0px 0px 0px 20px; } .__pf_bkowsx ._PQM5f3br[data-id="_PQM5f3br"] { padding: 20px; } .__pf_bkowsx ._y4a2IKy8[data-id="_y4a2IKy8"] { width: 80px; } .__pf_bkowsx ._pnr4CD_w[data-id="_pnr4CD_w"] { font-size: 16px; } .__pf_bkowsx ._RK5efYv9[data-id="_RK5efYv9"] { padding: 0px 0px 0px 20px; } .__pf_bkowsx ._6K7VfD6Q[data-id="_6K7VfD6Q"] { padding: 20px; } .__pf_bkowsx ._vDlGI9dL[data-id="_vDlGI9dL"] { width: 80px; } .__pf_bkowsx ._Y0BvCAZK[data-id="_Y0BvCAZK"] { font-size: 16px; } .__pf_bkowsx ._WK08foz9[data-id="_WK08foz9"] { padding: 0px 0px 0px 20px; } .__pf_bkowsx ._O9lNfX89[data-id="_O9lNfX89"] { padding: 20px; } .__pf_bkowsx ._gL7ZIjoL[data-id="_gL7ZIjoL"] { width: 80px; } .__pf_bkowsx ._dK4gCqon[data-id="_dK4gCqon"] { font-size: 16px; } .__pf_bkowsx ._5K4VfD8w[data-id="_5K4VfD8w"] { padding: 0px 0px 0px 20px; } .__pf_bkowsx ._eryjfelr[data-id="_eryjfelr"] { padding: 20px; } .__pf_bkowsx ._0Part0O5[data-id="_0Part0O5"] { padding: 45px 20px; } .__pf_bkowsx ._gmGzhBwR[data-id="_gmGzhBwR"] { font-size: 16px; } .__pf_bkowsx ._KVAYhMkp[data-id="_KVAYhMkp"] { font-size: 16px; } .__pf_bkowsx ._ZRWah2zR[data-id="_ZRWah2zR"] { font-size: 16px; } .__pf_bkowsx ._7RzJh98p[data-id="_7RzJh98p"] { font-size: 16px; } .__pf_bkowsx ._zQpZf6wo[data-id="_zQpZf6wo"] { margin: 0px 0px 30px; } .__pf_bkowsx ._1JjatrZz[data-id="_1JjatrZz"] { margin: 0px -20px; } .__pf_bkowsx ._kVwkheOE[data-id="_kVwkheOE"] { margin: 0px 100px 16px; } .__pf_bkowsx ._XVgJh3Wm[data-id="_XVgJh3Wm"] { margin: 0px 100px 16px; } .__pf_bkowsx ._qgoxiZab[data-id="_qgoxiZab"] { margin: 0px; } .__pf_bkowsx ._dxWQU2ng[data-id="_dxWQU2ng"] { margin: 30px 0px 0px; } .__pf_bkowsx ._VwrEi2xw[data-id="_VwrEi2xw"] { margin: 0px -15px; } .__pf_bkowsx ._VmpOUyqk[data-id="_VmpOUyqk"] { font-size: 15px; } .__pf_bkowsx ._nmdEUgd_[data-id="_nmdEUgd_"] { font-size: 14px; } .__pf_bkowsx ._EZoBt9LZ[data-id="_EZoBt9LZ"] { margin: 0px; background-attachment: unset; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .__pf_bkowsx ._kVwkheOE[data-id="_kVwkheOE"] { margin: 0px 99px 16px; } .__pf_bkowsx ._XVgJh3Wm[data-id="_XVgJh3Wm"] { margin: 0px 99px 16px; } } @media only screen and (min-width: 1200px) { }
(function($) { jQuery( 'body' ).append( "" ); if ( jQuery(window).width() >= 992){ var movementStrength = 25; var height = movementStrength / $(window).height(); var width = movementStrength / $(window).width(); $(".top-image").mousemove(function(e){ var pageX = e.pageX - ($(window).width() / 2); var pageY = e.pageY - ($(window).height() / 2); var newvalueX = width * pageX * -1 - 25; var newvalueY = height * pageY * -1 - 50; $('.top-image').css("background-position", newvalueX+"px "+newvalueY+"px"); }); } })(jQuery); window.__pagefly_options__=window.__pagefly_options__||[],window.__pagefly_options__.push({"isBackend":false,"isPreview":false,"key":"helper","css":[{"key":"fontawesome","url":"https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css","elements":["Icon","Tabs","Slider","Accordion","MailChimp","Form","Heading","Button"]}],"js":[{"key":"slick","url":"https://free-visit.net/plugins/system/pagebuilder3/assets/pf-slick.js","elements":["Slider"]}],"page_id":"92"});

Ciming

Go to top