Colors Variations

._xNa4NB[data-parallax="true"] { position: relative; overflow: hidden; } ._xNa4NB__parallax { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } ._xNa4NB[data-parallax="true"] .parallax-bg { position: absolute; left: 50%; bottom: 0; min-width: 100%; min-height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: translateX(-50%); transform: translateX(-50%); max-width: inherit; } ._xNa4NB[data-reversed="true"] .parallax-bg { bottom: auto; top: 0; } .parallax-container[data-reversed="true"] .parallax-bg { bottom: auto; top: 0; } ._xNa4NB { box-sizing: border-box; padding: 15px 0; } ._xNa4NB__container { width: auto; margin: auto; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } ._4nlEB5 { position: relative; overflow: hidden; display: inline-flex; justify-content: flex-start; align-items: flex-start; vertical-align: middle; } ._4nlEB5 img { display: inline-block; object-fit: cover; max-width: 100%; height: auto; text-align: center; width: 100%; vertical-align: middle; } ._4nlEB5.image--rounded { border-radius: 10px; } ._4nlEB5.image--circle { border-radius: 100%; } ._gL_BzW { margin: 0 -15px; } ._DOoN23 > span:last-child { line-height: inherit; } ._DOoN23[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; } ._DOoN23[class*="dropcap--"]:not(.dropcap--none) > span:first-child { margin-right: 20px; text-align: center; } ._DOoN23.dropcap--none > span:first-child { text-align: inherit; line-height: 1 !important; width: auto !important; height: auto !important; background: none !important; border-radius: 0; } ._DOoN23.dropcap--circle > span:first-child { border-radius: 100%; } ._DOoN23:not([class*="dropcap--"]) > span { margin-right: 0 !important; } ._DOoN23[class*="dropcap--"] > span:last-child { display: inherit; } ._Y6RW61 > a { color: inherit; } ._Y6RW61 { word-break: break-word; } ._Y6RW61__icon--left i { margin-right: 0.3em; } ._Y6RW61__icon--right i { margin-left: 0.3em; } ._Y6RW61__icon--top i { margin-bottom: 0.5em; } ._Y6RW61__icon--top > span, ._Y6RW61__icon--top > a, ._Y6RW61__icon--top > span[data-empty][contenteditable] { display: block; } ._Y6RW61 [class*="--diamond"] { margin-right: 1em; } ._rmEgn4 { font-size: 1em; vertical-align: middle; text-align: center; width: auto; height: auto; } ._rmEgn4--diamond, ._rmEgn4--circle, ._rmEgn4--square { width: 50px; height: 50px; line-height: 50px; border: 1px solid; } ._rmEgn4--circle { border-radius: 100%; } ._rmEgn4--diamond { transform: rotate(45deg); -webkit-transform: rotate(45deg); } ._rmEgn4--diamond:before { display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } @media all { #_BmNoUL { font-size: 28px; margin: 0px 0px 15px; } #_95oQsW { margin: 14px 0px 10px; } #_xw_6fa { color: rgb(57, 74, 92); font-size: 16px; } #_7q4ptG { padding: 8px 30px 20px; border-width: 0px 1px 1px; border-style: solid; border-color: rgb(231, 234, 238); border-image: initial; } #_rXg3cX { text-align: center; } #_ZKNGfN { color: rgb(57, 74, 92); font-size: 16px; } #_O24ES8 { padding: 8px 30px 20px; border-width: 0px 1px 1px; border-style: solid; border-color: rgb(231, 234, 238); border-image: initial; } #_A6mAcz { text-align: center; } #_3JVdf2d { color: rgb(57, 74, 92); font-size: 16px; } #_NK1ahnr { padding: 8px 30px 20px; border-width: 0px 1px 1px; border-style: solid; border-color: rgb(231, 234, 238); border-image: initial; } #_93QYh9a { text-align: center; } #_BmNoU1L { color: rgb(57, 74, 92); font-size: 16px; } #_VmJ5I3G { padding: 8px 30px 20px; border-width: 0px 1px 1px; border-style: solid; border-color: rgb(231, 234, 238); border-image: initial; } #_552xh9K { text-align: center; } #_olj6fep { color: rgb(57, 74, 92); font-size: 16px; } #_xoMGIZ { padding: 8px 30px 20px; border-width: 0px 1px 1px; border-style: solid; border-color: rgb(231, 234, 238); border-image: initial; } #_kG5aCJ { text-align: center; } #_NwEGfx { color: rgb(57, 74, 92); font-size: 16px; } #_23XEhq { padding: 8px 30px 20px; border-width: 0px 1px 1px; border-style: solid; border-color: rgb(231, 234, 238); border-image: initial; } #_Zrngsn { text-align: center; } #_BzXOHz { padding: 5px 0px 19px; } } @media only screen and (max-width: 767px) { } @media only screen and (min-width: 768px) and (max-width: 991px) { } @media only screen and (min-width: 992px) and (max-width: 1199px) { } @media only screen and (min-width: 1200px) { } 6 Colors VariationsThe main color of JSN Blank is White, and there are 6 color variations which are Blue, Green, Violet, Red, Orange and Yellow. These color options are styles for important elements such as icon, button, logo, menu item or content background. They make delicate changes in layout styles and keep the main concept staying the same.Blue ColorGreen ColorViolet ColorRed ColorOrange ColorYellow Color

تحذير

Colors Variations

6 Colors Variations

Blue Color

Green Color

Violet Color

Red Color

Orange Color

Yellow Color

Latest from