display:block; } .tab-row{ float:left; height:inherit; width:50%; position:relative; } .tab{ background-color:#ffe400; position:absolute; top:0; left:0; border:none; height:inherit; font:inherit; font-size:25px; padding-bottom:10px; text-align:left; padding-left:12px; font-variant:small-caps; width:140px; clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 100%, 60% 0); -webkit-transition:linear 0.3s; -moz-transition:linear 0.3s; -o-transition:linear 0.3s; -ms-transition:linear 0.3s; transition:linear 0.3s; } .tab-behind{ height:inherit; position:absolute; top:0px; left:0px; width:124px; opacity:1; background-color:#ffe400; z-index:91; } .tab-behind:nth-of-type(2){ -webkit-transform:translateX(39px); -moz-transform:translateX(39px); -o-transform:translateX(39px); -ms-transform:translateX(39px); transform:translateX(39px); z-index:89; } .tab-row > .tab:after{ content:''; position:absolute; z-index:-20; background-color:#ff8400; top: 0px; right: 3px; width: 100%; height: 100%; clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 100%, 60% 0); -webkit-transition:linear 0.3s; -moz-transition:linear 0.3s; -o-transition:linear 0.3s; -ms-transition:linear 0.3s; transition:linear 0.3s; } .tab-row > .tab:hover:after{ content:''; position:absolute; z-index:-20; background-color:#ffe400; top: 0px; right: 3px; width: 100%; height: 100%; clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 100%, 60% 0); } .tab:nth-child(3){ margin-left:0; z-index:100; } .tab:nth-child(4){ -webkit-transform:translateX(45px); -moz-transform:translateX(45px); -o-transform:translateX(45px); -ms-transform:translateX(45px); transform:translateX(45px); z-index:95; color:#ff8400; } .tab:nth-child(5){ -webkit-transform:translateX(85px); -moz-transform:translateX(85px); -o-transform:translateX(85px); -ms-transform:translateX(85px); transform:translateX(85px); z-index:90; color:#ff8400; } .tab:nth-child(4):hover{ -webkit-transform:translateX(120px); -moz-transform:translateX(120px); -o-transform:translateX(120px); -ms-transform:translateX(120px); transform:translateX(120px); color:#000000; } .tab:nth-child(5):hover{ -webkit-transform:translateX(160px); -moz-transform:translateX(160px); -o-transform:translateX(160px); -ms-transform:translateX(160px); transform:translateX(160px); color:#000000; } .under{ font-family:ms gothic,sans serif; font-size:15px; display:inline-block; width:inherit; } .text-box{ position:relative; min-height:350px; width:50%; float:left; } .text-box p{ padding-left:15px; padding-right:15px; } .text-box h1{ font-size:30px; margin-bottom:15px; margin-top:-10px; } .text-box h1:after{ content:''; display:block; border-bottom:1px #ff0000 solid; margin-left:-15px; width:111%; } .image_side{ margin-bottom:-5px; width:50%; float:right; } #tab1-content,#tab2-content,#tab3-content{ padding:5%; position:absolute; width:90%; } #tab1-content{ visibility:visible; opacity:1; } #tab2-content,#tab3-content{ visibility:hidden; opacity:0; }
X

kanye felt safe and loved

We don't put Vienna's and burgers on... we cook chops, whole chickens, steaks and wors. Pronounced vauce. Wors is a thick long sausage made by blending different meats with spices and grain. Some guys even use beer when mixing the filling of wors. We also sometimes use a contraption that holds a beer can which we shove a raw chicken on it and cook it slowly in a kettle braai. We call it the beer bird. We even have a national holiday

text

  • list item 1
  • list item 2
  • list item 3

image