Perfumes EDT/EDP/Cologne

Test Template http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js * { box-sizing: border-box; } body { font-family: Arial, Helvetica, sans-serif; } /* Style the header */ header { background-color: #666; padding: 30px; text-align: center; font-size: 35px; color: white; } /* Container for flexboxes */ section { display: -webkit-flex; display: flex; } /* Style the navigation menu */ nav { -webkit-flex: 1; -ms-flex: 1; flex: 1; background: #ccc; padding: 20px; } /* Style the list inside the menu */ nav ul { list-style-type: none; padding: 0; } /* Style the content */ article { -webkit-flex: 3; -ms-flex: 3; flex: 3; background-color: #f1f1f1; padding: 10px; } /* Style the footer */ footer { background-color: #777; padding: 10px; text-align: center; color: white; } /* Responsive layout – makes the menu and the content (inside the section) sit on top of each other instead of next to each other */ @media (max-width: 600px) { section { -webkit-flex-direction: column; flex-direction: column; } } function filter_type(box) { //alert(“checked”); var cbs = document.getElementsByTagName(‘input’); var all_checked_types = []; for(var i=0; i 0) { $(‘.datatbl tr:not(:has(th))’).each(function (i, row) { var $tds = $(this).find(‘td’), type = $tds.eq(2).text(); if (type && all_checked_types.indexOf(type) >= 0) { $(this).show(); }else{ $(this).hide(); } }); }else { $(‘.datatbl tr:not(:has(th))’).each(function (i, row) { var $tds = $(this).find(‘td’), type = $tds.eq(2).text(); $(this).show(); }); } return true; }

CSS Layout Flexbox

In this example, we have created a header, two columns/boxes and a footer. On smaller screens, the columns will stack on top of each other.

Resize the browser window to see the responsive effect.

Note: Flexbox is not supported in Internet Explorer 10 and earlier versions.

Brands

    Brands

    One
    Two
    Three
No. Content Type
1 this is first row One
2 this is second row Two
3 this is third row Three
4 this is fourth row One
5 this is fifth row Two
6 this is sixth row Three

Footer