Menu 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 { #_ZXD0Xcq { font-size: 28px; margin: 0px 0px 15px; color: rgb(57, 74, 92); } #_nlpPlUQ { margin: 14px 0px 10px; color: rgb(57, 74, 92); } #_vyl3yun { color: rgb(57, 74, 92); font-size: 16px; } #_36aN6UA { padding: 8px 30px 20px; border-width: 0px 1px 1px; border-style: solid; border-color: rgb(231, 234, 238); border-image: initial; } #_J_ex_Ib { text-align: center; } #_g0ZJ0IG { color: rgb(57, 74, 92); font-size: 16px; } #_B1pP1Fa { padding: 8px 30px 20px; border-width: 0px 1px 1px; border-style: solid; border-color: rgb(231, 234, 238); border-image: initial; } #_xQgPQur { text-align: center; } #_5NdnNIv { color: rgb(57, 74, 92); font-size: 16px; } #_0OVQOcB { padding: 8px 30px 20px; border-width: 0px 1px 1px; border-style: solid; border-color: rgb(231, 234, 238); border-image: initial; } #_nXwZXHN { text-align: center; } #_DBLjBfO { 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) { } Menu VariationsJSN Blank has flexible menu items with logical groups of parameters which allows user to create sub menu and dropdown menu on responsive layout. The template also provides 3 menu styles to help menu items to be displayed nicely for better UX, they are Main menu, Side menu, and Tree menu. Mega MenuSide MenuTree Menu

تحذير

Menu Variations

Menu Variations

Mega Menu

Side Menu

Tree Menu

Latest from