"Simple Vertical Tab"
Bootstrap 4.1.1 Snippet by ali110

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 bhoechie-tab-container"> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 bhoechie-tab-menu"> <div class="list-group"> <a href="#" class="list-group-item active text-center"> <svg width="102px" height="102px" viewBox="0 0 102 102" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Artboard" transform="translate(-50.000000, -34.000000)" fill="#000000"> <g id="Group-5" transform="translate(50.000000, 34.000000)"> <path d="M2.99465625,9.58122656 L99.005543,9.58122656 L99.005543,2.99445703 L2.99465625,2.99445703 L2.99465625,9.58122656 Z M35.3176992,47.3222227 C32.0190352,58.2910078 27.1061016,65.6698711 21.1102148,68.665125 L17.4184922,68.665125 C25.8922617,60.3359883 28.415168,40.9472227 28.532707,40.0071094 C28.6353047,39.1869258 28.0531875,38.4390586 27.232207,38.3364609 C26.4120234,38.2336641 25.6641562,38.8157812 25.5615586,39.6359648 C25.5537891,39.6991172 24.7553203,45.9681328 22.6244766,52.7471484 C19.9451836,61.2737109 16.3966992,66.7655742 12.3491719,68.665125 L8.87997656,68.665125 C11.5835742,65.5336055 13.7460937,60.4690664 15.3320742,53.529082 C16.9375781,46.5052266 17.3459766,40.1808281 17.3631094,39.9152695 C17.4145078,39.0905039 16.7873672,38.379293 15.9624023,38.3278945 C15.136043,38.277293 14.4262266,38.9028398 14.3748281,39.7278047 C13.9492969,46.5028359 11.3158242,64.7032617 4.31507813,68.665125 L2.99445703,68.665125 L2.99445703,12.5756836 L39.9152695,12.5756836 C39.8033086,25.6882617 38.2197187,37.6756523 35.3176992,47.3222227 L35.3176992,47.3222227 Z M46.3089961,18.9632344 L46.3089961,47.9059336 L38.2671328,47.9059336 C40.7215078,39.6399492 42.2421445,29.7559102 42.7370039,18.9632344 L46.3089961,18.9632344 Z M46.3089961,57.2879414 L46.3089961,86.2306406 L23.9747813,86.2306406 C23.302418,83.1714375 22.3856133,80.4393516 21.2261602,78.0471328 L22.2565195,78.0471328 C23.0836758,78.0471328 23.7536484,77.3769609 23.7536484,76.5498047 L23.7536484,70.6270312 C28.1000039,68.0222461 31.7777813,63.5561602 34.7465391,57.2879414 L46.3089961,57.2879414 Z M2.99445703,99.005543 L2.99445703,78.0471328 L5.54864063,78.0471328 C6.28634766,79.1715234 7.98428906,82.4998711 7.98428906,89.324707 C7.98428906,90.1518633 8.65426172,90.8220352 9.48161719,90.8220352 C10.3079766,90.8220352 10.9787461,90.1518633 10.9787461,89.324707 C10.9787461,83.7270586 9.93922266,80.1598477 8.96723438,78.0471328 L11.9359922,78.0471328 C12.6744961,79.1715234 14.3718398,82.4998711 14.3718398,89.324707 C14.3718398,90.1518633 15.0418125,90.8220352 15.8689688,90.8220352 C16.6963242,90.8220352 17.3662969,90.1518633 17.3662969,89.324707 C17.3662969,83.7270586 16.3265742,80.1598477 15.3545859,78.0471328 L17.8496016,78.0471328 C19.8378047,81.5934258 22.1491406,88.0415391 22.3427813,99.005543 L2.99445703,99.005543 Z M2.99445703,75.0524766 L20.7591914,75.0524766 L20.7591914,71.659582 L2.99445703,71.659582 L2.99445703,75.0524766 Z M100.502672,0 L1.49732812,0 C0.669972656,0 0,0.669972656 0,1.49732812 L0,100.502672 C0,101.330027 0.669972656,102 1.49732812,102 L23.8532578,102 C24.6806133,102 25.3505859,101.330027 25.3505859,100.502672 C25.3505859,98.8148906 25.3031719,97.1852813 25.211332,95.6126484 L94.1153203,95.6126484 C94.9424766,95.6126484 95.6124492,94.9424766 95.6124492,94.1153203 L95.6124492,32.6360156 C95.6124492,31.8088594 94.9424766,31.1388867 94.1153203,31.1388867 C93.2887617,31.1388867 92.6179922,31.8088594 92.6179922,32.6360156 L92.6179922,92.6179922 L24.9746602,92.6179922 C24.8565234,91.4515664 24.7108945,90.3200039 24.537375,89.2250977 L47.8063242,89.2250977 C48.6334805,89.2250977 49.3034531,88.555125 49.3034531,87.7277695 L49.3034531,55.7906133 C49.3034531,54.9642539 48.6334805,54.2932852 47.8063242,54.2932852 L36.0532148,54.2932852 C36.4912969,53.2085391 36.9106523,52.0761797 37.3122773,50.9003906 L47.8063242,50.9003906 C48.6334805,50.9003906 49.3034531,50.2296211 49.3034531,49.4030625 L49.3034531,17.4659062 C49.3034531,16.63875 48.6334805,15.9685781 47.8063242,15.9685781 L42.8467734,15.9685781 C42.8786484,14.8465781 42.8989688,13.7150156 42.9091289,12.5756836 L92.6179922,12.5756836 L92.6179922,25.5498047 C92.6179922,26.3769609 93.2887617,27.0471328 94.1153203,27.0471328 C94.9424766,27.0471328 95.6124492,26.3769609 95.6124492,25.5498047 L95.6124492,12.5756836 L100.502672,12.5756836 C101.330027,12.5756836 102,11.9049141 102,11.0783555 L102,1.49732812 C102,0.669972656 101.330027,0 100.502672,0 L100.502672,0 Z" id="Fill-1"></path> <path d="M55.0331045,47.9996977 L85.9668955,47.9996977 L85.9668955,19.0005019 L55.0331045,19.0005019 L55.0331045,47.9996977 Z M89,17.5002509 C89,16.6714801 88.3213805,16 87.4833469,16 L53.5164513,16 C52.6786195,16 52,16.6714801 52,17.5002509 L52,49.4997491 C52,50.3279211 52.6786195,51 53.5164513,51 L87.4833469,51 C88.3213805,51 89,50.3279211 89,49.4997491 L89,17.5002509 Z" id="Fill-3"></path> <path d="M55.0331045,85.9996977 L85.9668955,85.9996977 L85.9668955,57.0005019 L55.0331045,57.0005019 L55.0331045,85.9996977 Z M87.4833469,54 L53.5164513,54 C52.6786195,54 52,54.6722785 52,55.5002509 L52,87.4997491 C52,88.3287195 52.6786195,89 53.5164513,89 L87.4833469,89 C88.3213805,89 89,88.3287195 89,87.4997491 L89,55.5002509 C89,54.6722785 88.3213805,54 87.4833469,54 L87.4833469,54 Z" id="Fill-4"></path> </g> </g> </g> </svg><br/>Modello </a> <a href="#" class="list-group-item text-center"> <svg width="93px" height="92px" viewBox="0 0 93 92" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Group-3" transform="translate(-54.000000, -225.000000)" filter="url(#filter-1)"> <g transform="translate(54.000000, 225.000000)"> <mask id="mask-3" fill="white"> <use xlink:href="#path-2"></use> </mask> <g id="Clip-2"></g> <path d="M89.6402705,56.1836094 C89.6402705,58.0164219 88.1492236,59.5074687 86.3164111,59.5074687 L84.8469268,59.5074687 C84.6900596,56.5207031 84.029708,54.4785547 83.3062861,52.85975 L86.3165908,52.85975 C88.1492236,52.85975 89.6402705,54.3509766 89.6402705,56.1836094 L89.6402705,56.1836094 Z M62.1441299,70.5320156 C63.1203721,68.6742266 64.2795361,66.3821328 64.4833018,62.2027812 L72.7548565,62.2027812 C72.5775049,63.4578984 72.1570361,64.3791562 71.701169,65.2757969 C71.3637158,65.9392031 71.6280361,66.7504922 72.2916221,67.0877656 C72.9555674,67.4255781 73.7668565,67.1601797 74.1035908,66.4973125 C74.798083,65.1318672 75.5385752,63.4593359 75.5385752,60.8827969 C75.5385752,56.4642812 73.3541143,54.7495234 72.2664658,51.1744609 C71.3822236,47.745125 71.4217549,44.4212656 71.9897471,41.8353828 L79.0079815,41.8353828 C77.546044,45.5380234 78.2421533,48.8365469 80.0465752,52.3350625 C81.0955908,54.3684062 82.1803643,56.4709297 82.186294,60.8466797 C82.186294,60.8495547 82.186294,60.85225 82.186294,60.855125 C82.186294,60.8588984 82.186294,60.8626719 82.186294,60.866625 L82.186294,60.8829766 C82.186294,65.3606094 81.1033174,67.4191094 80.055919,69.4098672 C79.8640127,69.7748125 79.6681533,70.147125 79.4807393,70.5320156 L62.1441299,70.5320156 L62.1441299,70.5320156 Z M89.6402705,76.5508281 C89.6402705,78.3836406 88.1492236,79.8746875 86.3164111,79.8746875 L61.572544,79.8746875 C60.9797549,78.6504766 60.5619815,77.4823281 60.5619815,75.7675703 C60.5619815,74.7659922 60.6967471,73.9584766 60.9218955,73.2271484 L80.3184424,73.2271484 C80.3281455,73.2275078 80.337669,73.2276875 80.3473721,73.2276875 C80.3570752,73.2276875 80.3667783,73.2275078 80.3764815,73.2271484 L86.3165908,73.2271484 C88.1492236,73.2271484 89.6402705,74.7181953 89.6402705,76.5508281 L89.6402705,76.5508281 Z M80.8754736,87.8781484 C80.2379424,88.7846719 79.2369033,89.3046875 78.1293096,89.3046875 C76.7000752,89.3046875 75.4183643,88.3742656 74.9398565,86.9895938 C74.3849815,85.3835469 73.5548252,84.1221406 72.8730908,82.5701797 L80.2862783,82.5701797 C81.2641377,84.4888828 82.1070518,86.1269141 80.8754736,87.8781484 L80.8754736,87.8781484 Z M60.5082549,87.8779687 C59.8707236,88.7846719 58.8696846,89.3046875 57.7620908,89.3046875 C56.3328565,89.3046875 55.0511455,88.3742656 54.5726377,86.9895937 C53.4242549,83.6660937 51.2189502,82.0228516 51.2189502,75.7675703 C51.2189502,68.0264531 54.5553877,67.3033906 55.1030752,62.2027812 L61.7854736,62.2027812 C61.5946455,65.7873672 60.6273877,67.62575 59.6888799,69.4095078 C55.5769111,77.2250156 59.4443252,80.7107734 60.9215361,84.8209453 C61.2947471,85.8595391 61.144169,86.9737813 60.5082549,87.8779687 L60.5082549,87.8779687 Z M20.8379268,79.8748672 C19.6828955,77.489875 19.586583,75.1790938 20.1872783,73.2271484 L48.6460049,73.2271484 C48.5676611,73.9985469 48.5238174,74.8414609 48.5238174,75.7675703 C48.5238174,77.3574453 48.6576846,78.7065391 48.8749268,79.8746875 C44.814169,79.8748672 24.7685908,79.8748672 20.8379268,79.8748672 L20.8379268,79.8748672 Z M40.5543174,84.8209453 C40.9275283,85.8595391 40.7769502,86.9737813 40.1410361,87.8779688 C39.5035049,88.7846719 38.5024658,89.3046875 37.3948721,89.3046875 C35.9656377,89.3046875 34.6839268,88.3742656 34.205419,86.9895938 C33.6501846,85.3828281 32.8207471,84.1230391 32.1386533,82.5701797 L39.5518408,82.5701797 C39.9043877,83.2625156 40.2554971,83.9895312 40.5543174,84.8209453 L40.5543174,84.8209453 Z M19.7736377,87.8779687 C19.1361065,88.7846719 18.1350674,89.3046875 17.0274736,89.3046875 C15.5982393,89.3046875 14.316708,88.3742656 13.8380205,86.9895937 C12.6887393,83.6632187 10.484333,82.0228516 10.484333,75.7675703 C10.484333,68.0467578 13.8214893,67.2978203 14.368458,62.2027812 L21.0508565,62.2027812 C20.679083,69.1861562 17.1318721,69.9474922 17.1318721,75.7675703 C17.1318721,79.8860078 19.0787861,81.7375078 20.1867393,84.8209453 C20.5601299,85.8595391 20.4095518,86.9737813 19.7736377,87.8779687 L19.7736377,87.8779687 Z M6.3547549,79.8748672 C4.5219424,79.8748672 3.03089552,78.3838203 3.03089552,76.5510078 C3.03089552,74.7181953 4.5219424,73.2271484 6.3547549,73.2271484 L7.91120802,73.2271484 C7.83286427,73.9987266 7.78902052,74.8414609 7.78902052,75.7675703 C7.78902052,77.3574453 7.92288771,78.7065391 8.1401299,79.8746875 L6.3547549,79.8746875 L6.3547549,79.8748672 Z M3.03089552,56.1836094 C3.03089552,54.3507969 4.5219424,52.85975 6.3547549,52.85975 L29.2588018,52.85975 C30.2751143,55.6323281 31.641458,57.1251719 32.0085596,59.5074687 L6.3547549,59.5074687 C4.5219424,59.5074687 3.03089552,58.0164219 3.03089552,56.1836094 L3.03089552,56.1836094 Z M20.8546377,41.8355625 L28.5059111,41.8355625 C28.0570518,44.2622422 28.0151846,47.5075781 28.5183096,50.1646172 L20.8675752,50.1646172 C19.4426533,47.2339141 19.4908096,44.5905312 20.8546377,41.8355625 L20.8546377,41.8355625 Z M3.03089552,15.4491719 C3.03089552,13.6163594 4.5219424,12.1253125 6.3547549,12.1253125 L28.4987236,12.1253125 C28.1071846,14.2704219 28.0741221,16.7754453 28.2822002,18.7730312 L6.3547549,18.7730312 C4.5219424,18.7728516 3.03089552,17.2818047 3.03089552,15.4491719 L3.03089552,15.4491719 Z M13.8534736,5.00321875 C14.3255127,3.62285937 15.6059658,2.6953125 17.0425674,2.6953125 C18.1496221,2.6953125 19.1497627,3.21496875 19.7863955,4.12113281 C21.0188721,5.8750625 20.1784736,7.5224375 19.186958,9.43 L11.757958,9.43 C12.4526299,7.86546094 13.2912315,6.64735937 13.8534736,5.00321875 L13.8534736,5.00321875 Z M34.2206924,5.00339844 C34.6927315,3.62285937 35.9733643,2.6953125 37.4097861,2.6953125 C38.5168408,2.6953125 39.5169815,3.21496875 40.1534346,4.12095312 C42.4875752,7.44283594 37.4992705,10.1216172 37.4992705,16.2313516 C37.4992705,21.8970781 41.0396533,22.9381875 41.4169971,29.7972187 L34.7331611,29.7972187 C34.1809815,24.8267031 30.8515518,23.7625937 30.8515518,16.2313516 C30.8517315,9.823875 33.075544,8.35223437 34.2206924,5.00339844 L34.2206924,5.00339844 Z M53.3493252,7.70607812 C53.7908174,6.86729687 54.2472236,5.99976562 54.5880908,5.00339844 C55.0601299,3.62285937 56.3407627,2.6953125 57.7771846,2.6953125 C58.8842393,2.6953125 59.8843799,3.21496875 60.5210127,4.12113281 C61.158544,5.02855469 61.308583,6.14728906 60.9324971,7.19091406 C60.632419,8.024125 60.2777158,8.74467187 59.9215752,9.42982031 L52.4927549,9.42982031 C52.7658799,8.81457031 53.060208,8.25520312 53.3493252,7.70607812 L53.3493252,7.70607812 Z M69.0169971,18.7728516 L60.022919,18.7728516 C60.003333,18.7724922 59.9835674,18.7724922 59.9639815,18.7728516 L50.2299502,18.7728516 C50.2137783,18.7724922 50.1976065,18.7726719 50.1814346,18.7728516 L40.5663565,18.7728516 C40.3342002,18.0307422 40.194583,17.2223281 40.194583,16.2313516 C40.194583,14.4788594 40.6069658,13.3204141 41.1938252,12.1251328 L50.5339815,12.1251328 C50.5436846,12.1253125 50.553208,12.1254922 50.5629111,12.1254922 C50.572794,12.1254922 50.5828565,12.1253125 50.5927393,12.1251328 L60.7156143,12.1251328 C60.7296299,12.1253125 60.7436455,12.1253125 60.7574815,12.1251328 L69.2335205,12.1251328 C68.8418018,14.2704219 68.8087393,16.7754453 69.0169971,18.7728516 L69.0169971,18.7728516 Z M74.9553096,5.00339844 C75.4273486,3.62285937 76.7079815,2.6953125 78.1444033,2.6953125 C79.251458,2.6953125 80.2515986,3.21496875 80.8882315,4.12113281 C83.2169815,7.43528906 78.2338877,10.1444375 78.2338877,16.2313516 C78.2338877,21.9064219 81.7749893,22.9491484 82.151794,29.7972187 L75.467958,29.7972187 C74.9075127,24.7521328 71.5863486,23.8616016 71.5863486,16.2313516 C71.5863486,9.823875 73.8101611,8.35223437 74.9553096,5.00339844 L74.9553096,5.00339844 Z M89.6402705,15.4491719 C89.6402705,17.2819844 88.1492236,18.7730312 86.3164111,18.7730312 L81.3011533,18.7730312 C81.0689971,18.0309219 80.9293799,17.2225078 80.9293799,16.2315312 C80.9293799,14.4790391 81.3417627,13.3205937 81.9286221,12.1253125 L86.3165908,12.1253125 C88.1492236,12.1251328 89.6402705,13.6163594 89.6402705,15.4491719 L89.6402705,15.4491719 Z M69.2531065,50.1644375 L61.6021924,50.1644375 C60.1770908,47.2340937 60.2256065,44.5903516 61.5894346,41.8353828 L69.240708,41.8353828 C68.7918486,44.2620625 68.7499815,47.5073984 69.2531065,50.1644375 L69.2531065,50.1644375 Z M49.1196611,21.4681641 C50.1106377,25.3564219 51.9650127,26.9369531 52.384583,29.7972187 L44.1150049,29.7972187 C43.9087236,25.688125 42.7522549,23.3588359 41.7778096,21.4681641 L49.1196611,21.4681641 Z M59.125919,21.4681641 C59.3068643,21.8437109 59.4949971,22.2090156 59.6798955,22.5673125 C61.3220596,25.7502969 61.7775674,27.5182422 61.8194346,31.15925 C61.8124268,35.6065156 60.733044,37.6571094 59.6892393,39.6405 C57.8540908,43.127875 57.1847549,46.4741953 58.6529815,50.1646172 L51.6347471,50.1646172 C51.3556924,48.9179453 51.2191299,47.5453125 51.2191299,45.9989219 C51.2191299,41.5214687 52.3021065,39.4636875 53.3493252,37.4736484 C57.6134893,29.3713594 53.3257861,26.0138984 51.9197315,21.4681641 L59.125919,21.4681641 L59.125919,21.4681641 Z M72.750544,29.7972187 L64.4824033,29.7972187 C64.2763018,25.688125 63.119833,23.3588359 62.1453877,21.4681641 L69.4901143,21.4681641 C70.4956455,25.4123047 72.3266611,26.9121562 72.750544,29.7972187 L72.750544,29.7972187 Z M23.7459893,32.4925312 L52.3800908,32.4925312 C51.8045518,36.3705469 48.5238174,37.8865703 48.5238174,45.9987422 C48.5238174,47.5100938 48.6420518,48.8870391 48.8831924,50.1644375 L41.2338955,50.1644375 C39.7980127,47.2227734 39.8680908,44.5802891 41.2229346,41.8353828 L44.2395283,41.8353828 C44.983794,41.8353828 45.5871846,41.2319922 45.5871846,40.4877266 C45.5871846,39.7434609 44.983794,39.1400703 44.2395283,39.1400703 L22.2157705,39.1400703 C22.9363174,37.5453437 23.5916377,35.5150547 23.7459893,32.4925312 Z M30.5960361,26.0146172 C31.2553096,27.2921953 31.8064111,28.3606172 32.0171846,29.7972187 L23.7477861,29.7972187 C23.5416846,25.688125 22.3852158,23.3588359 21.4107705,21.4681641 L28.7554971,21.4681641 C29.2490986,23.4039375 29.9671299,24.7956172 30.5960361,26.0146172 L30.5960361,26.0146172 Z M21.4095127,70.5318359 C22.3857549,68.6742266 23.544919,66.3821328 23.7486846,62.2027813 L32.020958,62.2027813 C31.6101924,65.1137188 29.7256299,66.6112344 28.7387861,70.5318359 L21.4095127,70.5318359 Z M31.5368799,70.5320156 C32.6290205,66.9747422 34.8043174,65.4039141 34.8043174,60.8827969 C34.8043174,56.4642812 32.6196768,54.7495234 31.5320283,51.1744609 C31.5234033,51.1410391 31.5133408,51.1076172 31.5022002,51.0750937 C30.6706065,48.2660391 30.6828252,44.4412109 31.2554893,41.8353828 L38.2737236,41.8353828 C36.7257158,45.7558047 37.6573955,49.1272812 39.3123174,52.3350625 C40.361333,54.3684062 41.4461065,56.4709297 41.4520361,60.8466797 C41.4520361,60.8495547 41.4518565,60.85225 41.4518565,60.855125 C41.4518565,60.8588984 41.4520361,60.8626719 41.4520361,60.866625 L41.4520361,60.8829766 C41.4520361,65.3606094 40.3690596,67.4191094 39.3216611,69.4098672 C39.1297549,69.7748125 38.9338955,70.147125 38.7464815,70.5320156 L31.5368799,70.5320156 L31.5368799,70.5320156 Z M49.1104971,70.5318359 L41.7769111,70.5318359 C42.7531533,68.6742266 43.9123174,66.3821328 44.116083,62.2027813 L52.3885361,62.2027813 C51.9783096,65.1088672 50.1021924,66.5930859 49.1104971,70.5318359 L49.1104971,70.5318359 Z M44.1121299,59.5074687 C43.9552627,56.5207031 43.2949111,54.4785547 42.5714893,52.85975 C43.1764971,52.85975 69.3691846,52.8601094 69.993419,52.85975 C71.0097315,55.6323281 72.3760752,57.1251719 72.7431768,59.5074687 L44.1121299,59.5074687 Z M89.6402705,35.8163906 C89.6402705,37.6492031 88.1492236,39.14025 86.3164111,39.14025 L62.9503877,39.14025 C63.6709346,37.5453438 64.3264346,35.5150547 64.4806065,32.4925312 L86.3164111,32.4925312 C88.1492236,32.4925312 89.6402705,33.9835781 89.6402705,35.8163906 L89.6402705,35.8163906 Z M6.3547549,39.14025 C4.5219424,39.14025 3.03089552,37.6492031 3.03089552,35.8163906 C3.03089552,33.9835781 4.5219424,32.4925312 6.3547549,32.4925312 L11.6454736,32.4925312 C11.2812471,34.9465234 9.9082549,36.3238281 8.87577052,39.14025 L6.3547549,39.14025 Z M81.9575518,41.8355625 L86.3164111,41.8355625 C89.635419,41.8355625 92.335583,39.1353984 92.335583,35.8163906 C92.335583,32.4973828 89.635419,29.7972187 86.3164111,29.7972187 L84.8498018,29.7972187 C84.6435205,25.688125 83.4870518,23.3588359 82.5126065,21.4681641 L86.3164111,21.4681641 C89.635419,21.4681641 92.335583,18.768 92.335583,15.4489922 C92.335583,12.1299844 89.635419,9.42982031 86.3164111,9.42982031 L83.2924502,9.42982031 C84.397169,7.01302344 84.653044,4.79082812 83.0935361,2.57150781 C81.9624033,0.961328125 80.1119815,0 78.1418877,0 C75.5554658,0 73.2498955,1.6603125 72.4050049,4.13119531 C71.828208,5.81828125 70.778833,7.16108594 69.9567627,9.42982031 L62.9250518,9.42982031 C63.1131846,9.01797656 63.2973643,8.57846094 63.4680674,8.10444531 C64.1359658,6.25132812 63.858708,4.18294531 62.7263174,2.57150781 C61.5950049,0.961328125 59.7447627,0 57.774669,0 C55.1882471,0 52.8828565,1.66013281 52.0377861,4.13119531 C51.7646611,4.92972656 51.3759971,5.66860156 50.964333,6.45078125 C50.5127783,7.30878906 50.0134268,8.25753906 49.5868486,9.43 L42.557833,9.43 C42.7461455,9.01815625 42.9301455,8.57864062 43.1010283,8.104625 C43.7687471,6.25150781 43.4913096,4.18294531 42.3590986,2.57150781 C41.2276065,0.961328125 39.3773643,0 37.4072705,0 C34.8208486,0 32.5152783,1.66013281 31.6703877,4.13119531 C31.3972627,4.92972656 31.008419,5.66860156 30.5967549,6.45078125 C30.1457393,7.30771094 29.649083,8.25142969 29.2221455,9.42982031 L22.1906143,9.42982031 C23.295333,7.01320312 23.5513877,4.7911875 21.9917002,2.57150781 C20.8603877,0.961328125 19.0101455,0 17.0398721,0 C14.4534502,0 12.1480596,1.6603125 11.303169,4.13119531 C10.7260127,5.81917969 9.67466115,7.16953125 8.85205177,9.42982031 L6.3547549,9.42982031 C3.03574708,9.42982031 0.335583022,12.1301641 0.335583022,15.4491719 C0.335583022,18.7681797 3.03574708,21.4683437 6.3547549,21.4683437 L18.3911221,21.4683437 C18.5718877,21.8438906 18.7603799,22.2091953 18.9450986,22.5674922 C19.9969893,24.6064062 21.0848174,26.7148594 21.0848174,31.1154062 L21.0848174,31.1340937 C21.0848174,31.1378672 21.0846377,31.1414609 21.0846377,31.1452344 C21.0846377,31.1479297 21.0846377,31.1508047 21.0848174,31.1535 C21.0738565,39.146 17.1320518,40.0304219 17.1320518,45.9991016 C17.1320518,47.6811563 17.4402158,48.9625078 17.918544,50.1647969 L10.9001299,50.1647969 C10.6208955,48.918125 10.4845127,47.5454922 10.4845127,45.9991016 C10.4845127,37.6536953 14.4372783,37.3144453 14.4372783,31.1154062 C14.4372783,28.5755234 13.6993018,26.8999375 12.9435361,25.4015234 C12.6082393,24.7368594 11.7978486,24.4700234 11.1333643,24.8053203 C10.4688799,25.1406172 10.2018643,25.9510078 10.5371611,26.6154922 C11.0348955,27.6023359 11.4679424,28.5514453 11.6501455,29.7975781 L6.3547549,29.7975781 C3.03574708,29.7972187 0.335583022,32.4973828 0.335583022,35.8163906 C0.335583022,39.1353984 3.03574708,41.8355625 6.3547549,41.8355625 L8.14210646,41.8355625 C7.67851271,44.3307031 7.65874708,47.5693906 8.14839552,50.1646172 L6.3547549,50.1646172 C3.03574708,50.1644375 0.335583022,52.8647812 0.335583022,56.1836094 C0.335583022,59.5024375 3.03574708,62.2027812 6.3547549,62.2027812 L11.6537393,62.2027812 C11.2435127,65.1088672 9.36757521,66.5932656 8.37570021,70.5320156 L6.3547549,70.5320156 C3.03574708,70.5320156 0.335583022,73.232 0.335583022,76.5508281 C0.335583022,79.8696562 3.03574708,82.57 6.3547549,82.57 L8.87020021,82.57 C9.67232521,84.78375 10.7217002,86.2234062 11.2904111,87.8698828 C12.1441065,90.3402266 14.4496768,92 17.0274736,92 C18.9950518,92 20.845833,91.0388516 21.9782236,89.4284922 C23.1088174,87.8206484 23.3875127,85.7574766 22.7233877,83.9093906 C22.5519658,83.4323203 22.3672471,82.9875938 22.1783955,82.57 L29.2347236,82.57 C30.0294815,84.7542812 31.095208,86.2417344 31.6576299,87.8698828 C32.5113252,90.3402266 34.8168955,92 37.3946924,92 C39.3624502,92 41.2132315,91.0388516 42.3456221,89.4284922 C43.4762158,87.8208281 43.7547315,85.7574766 43.0906065,83.9095703 C42.9191846,83.4325 42.7344658,82.9877734 42.5456143,82.5701797 L49.6046377,82.5701797 C50.4074815,84.7857266 51.4555986,86.2221484 52.0248486,87.8698828 C52.8783643,90.3402266 55.1839346,92 57.7617315,92 C59.7294893,92 61.5802705,91.0388516 62.7126611,89.4284922 C63.8432549,87.8208281 64.1219502,85.7576562 63.4578252,83.9095703 C63.2864033,83.4325 63.1016846,82.9877734 62.912833,82.5701797 L69.9689815,82.5701797 C70.775958,84.7880625 71.8220986,86.2205313 72.3918877,87.8698828 C73.2454033,90.3402266 75.5509736,92 78.1289502,92 C80.096708,92 81.9473096,91.0388516 83.0797002,89.4284922 C84.6936533,87.1338828 84.3319424,84.8973125 83.2800518,82.57 L86.3160518,82.57 C89.6350596,82.57 92.335583,79.8698359 92.335583,76.5508281 C92.335583,73.2318203 89.6350596,70.5318359 86.3160518,70.5318359 L82.511169,70.5318359 C83.4874111,68.6740469 84.6465752,66.3819531 84.8503408,62.2026016 L86.3160518,62.2026016 C89.6350596,62.2026016 92.335583,59.5024375 92.335583,56.1834297 C92.335583,52.8644219 89.6350596,50.1642578 86.3160518,50.1642578 L81.9681533,50.1642578 C80.5335283,47.22475 80.6016299,44.5820859 81.9575518,41.8355625 L81.9575518,41.8355625 Z" id="Fill-1" fill="#000000" mask="url(#mask-3)"></path> </g> </g> </g> </svg><br/>Tessuto </a> <a href="#" class="list-group-item text-center"> <h4 class="glyphicon glyphicon-home"></h4><br/>Hotel </a> <a href="#" class="list-group-item text-center"> <h4 class="glyphicon glyphicon-cutlery"></h4><br/>Restaurant </a> <a href="#" class="list-group-item text-center"> <h4 class="glyphicon glyphicon-credit-card"></h4><br/>Credit Card </a> </div> </div> <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9 bhoechie-tab"> <!-- flight section --> <div class="bhoechie-tab-content active"> <center> <h1 class="glyphicon glyphicon-plane" style="font-size:14em;color:#55518a"></h1> <h2 style="margin-top: 0;color:#55518a">Cooming Soon</h2> <h3 style="margin-top: 0;color:#55518a">Flight Reservation</h3> </center> </div> <!-- train section --> <div class="bhoechie-tab-content"> <center> <h1 class="glyphicon glyphicon-road" style="font-size:12em;color:#55518a"></h1> <h2 style="margin-top: 0;color:#55518a">Cooming Soon</h2> <h3 style="margin-top: 0;color:#55518a">Train Reservation</h3> </center> </div> <!-- hotel search --> <div class="bhoechie-tab-content"> <center> <h1 class="glyphicon glyphicon-home" style="font-size:12em;color:#55518a"></h1> <h2 style="margin-top: 0;color:#55518a">Cooming Soon</h2> <h3 style="margin-top: 0;color:#55518a">Hotel Directory</h3> </center> </div> <div class="bhoechie-tab-content"> <center> <h1 class="glyphicon glyphicon-cutlery" style="font-size:12em;color:#55518a"></h1> <h2 style="margin-top: 0;color:#55518a">Cooming Soon</h2> <h3 style="margin-top: 0;color:#55518a">Restaurant Diirectory</h3> </center> </div> <div class="bhoechie-tab-content"> <center> <h1 class="glyphicon glyphicon-credit-card" style="font-size:12em;color:#55518a"></h1> <h2 style="margin-top: 0;color:#55518a">Cooming Soon</h2> <h3 style="margin-top: 0;color:#55518a">Credit Card</h3> </center> </div> </div> </div> </div>
/* bhoechie tab */ div.bhoechie-tab-container{ z-index: 10; background-color: #ffffff; padding: 0 !important; border-radius: 4px; -moz-border-radius: 4px; border:1px solid #ddd; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175); background-clip: padding-box; opacity: 0.97; filter: alpha(opacity=97); } div.bhoechie-tab-menu{ padding-right: 0; padding-left: 0; padding-bottom: 0; } div.bhoechie-tab-menu div.list-group{ margin-bottom: 0; } div.bhoechie-tab-menu div.list-group>a{ margin-bottom: 0; } div.bhoechie-tab-menu div.list-group>a .glyphicon, div.bhoechie-tab-menu div.list-group>a .fa { color: #5A55A3; } div.bhoechie-tab-menu div.list-group>a:first-child{ border-top-right-radius: 0; -moz-border-top-right-radius: 0; } div.bhoechie-tab-menu div.list-group>a:last-child{ border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; } div.bhoechie-tab-menu div.list-group>a.active, div.bhoechie-tab-menu div.list-group>a.active .glyphicon, div.bhoechie-tab-menu div.list-group>a.active .fa{ background-color: #5A55A3; background-image: #5A55A3; color: #ffffff; } div.bhoechie-tab-menu div.list-group>a.active:after{ content: ''; position: absolute; left: 100%; top: 50%; margin-top: -13px; border-left: 0; border-bottom: 13px solid transparent; border-top: 13px solid transparent; border-left: 10px solid #5A55A3; } div.bhoechie-tab-content{ background-color: #ffffff; /* border: 1px solid #eeeeee; */ padding-left: 20px; padding-top: 10px; } div.bhoechie-tab div.bhoechie-tab-content:not(.active){ display: none; }
$(document).ready(function() { $("div.bhoechie-tab-menu>div.list-group>a").click(function(e) { e.preventDefault(); $(this).siblings('a.active').removeClass("active"); $(this).addClass("active"); var index = $(this).index(); $("div.bhoechie-tab>div.bhoechie-tab-content").removeClass("active"); $("div.bhoechie-tab>div.bhoechie-tab-content").eq(index).addClass("active"); }); });

Related: See More


Questions / Comments: