• +971509667474
  • booking@heena-salon.com
* { box-sizing: border-box; }body { background-color: #f1f1f1; padding: 20px; font-family: Arial; }/* Center website */ .main { max-width: 1000px; margin: auto; }h1 { font-size: 50px; word-break: break-all; }.row { margin: 10px -16px; }/* Add padding BETWEEN each column */ .row, .row > .column { padding: 8px; }/* Create three equal columns that floats next to each other */ .column { float: left; width: 33.33%; display: none; /* Hide all elements by default */ }/* Clear floats after rows */ .row:after { content: ""; display: table; clear: both; }/* Content */ .content { background-color: white; padding: 10px; }/* The "show" class is added to the filtered elements */ .show { display: block; }/* Style the buttons */ .btn { border: none; outline: none; padding: 12px 16px; background-color: white; cursor: pointer; }.btn:hover { background-color: #ddd; }.btn.active { background-color: #666; color: white; }

MYLOGO.COM


PORTFOLIO

Mountains

Mountains

Lorem ipsum dolor..

Lights

Lights

Lorem ipsum dolor..

Nature

Forest

Lorem ipsum dolor..

Car

Retro

Lorem ipsum dolor..

Car

Fast

Lorem ipsum dolor..

Car

Classic

Lorem ipsum dolor..

Car

Girl

Lorem ipsum dolor..

Car

Man

Lorem ipsum dolor..

Car

Woman

Lorem ipsum dolor..

filterSelection("all") function filterSelection(c) { var x, i; x = document.getElementsByClassName("column"); if (c == "all") c = ""; for (i = 0; i -1) w3AddClass(x[i], "show"); } }function w3AddClass(element, name) { var i, arr1, arr2; arr1 = element.className.split(" "); arr2 = name.split(" "); for (i = 0; i < arr2.length; i++) { if (arr1.indexOf(arr2[i]) == -1) {element.className += " " + arr2[i];} } }function w3RemoveClass(element, name) { var i, arr1, arr2; arr1 = element.className.split(" "); arr2 = name.split(" "); for (i = 0; i -1) { arr1.splice(arr1.indexOf(arr2[i]), 1); } } element.className = arr1.join(" "); }// Add active class to the current button (highlight it) var btnContainer = document.getElementById("myBtnContainer"); var btns = btnContainer.getElementsByClassName("btn"); for (var i = 0; i < btns.length; i++) { btns[i].addEventListener("click", function(){ var current = document.getElementsByClassName("active"); current[0].className = current[0].className.replace(" active", ""); this.className += " active"; }); }
×

Hello!

Click one of our representatives below to chat on WhatsApp or send us an email to booking@heena-salon.com

×