CINXE.COM
uiCookies | Free HTML Template
<!DOCTYPE html> <html lang="en"> <head> <!-- Meta --> <meta charset="utf-8"> <title>uiCookies | Free HTML Template</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> <meta name='robots' content='noindex, nofollow' /> <!-- Css --> <link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="assets/css/template.css" rel="stylesheet" media="screen"> <script>if ( top !== self ) top.location.replace( self.location.href );// Hey, don't iframe my iframe!</script> <!-- <link href="css/template.min.css" rel="stylesheet" media="screen"> --> <link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"> <style id="" media="all">@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-stretch: normal; font-display: swap; src: url(/fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4gaVc.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: normal; font-display: swap; src: url(/fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: normal; font-display: swap; src: url(/fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVc.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-stretch: normal; font-display: swap; src: url(/fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1x4gaVc.ttf) format('truetype'); } </style> <!--[if lt IE 9]> <script>/*@cc_on'abbr article aside audio canvas details figcaption figure footer header hgroup mark meter nav output progress section summary subline time video'.replace(/\w+/g,function(n){document.createElement(n)})@*/</script> <![endif]--> </head> <body> <!-- Header --> <header class="switcher-bar clearfix"> <!-- Logo --> <div class="logo textual pull-left"> <a href="https://uicookies.com" title="Switcher"> <img src="assets/img/logo.png" alt="uiCookies"> </a> </div> <!-- Product Switcher --> <div class="product-switcher pull-left"> <a href="#" title="Select a Product"> Select a Product <span>+</span> </a> </div> <!-- Bar Remove Button --> <div class="remove-btn header-btn pull-right"> <a href="#" title="Close this bar" class="icon-remove"></a> </div> <!-- Purchase Button --> <div class="purchase-btn header-btn pull-right"> <a href="#" title="Download" class="icon-cloud-download"></a> </div> <!-- Mobile Button --> <div class="mobile-btn header-btn pull-right hidden-xs"> <a href="#" title="Smartphone View" class="icon-mobile-phone"></a> </div> <!-- Tablet Button --> <div class="tablet-btn header-btn pull-right hidden-xs"> <a href="#" title="Tablet View" class="icon-tablet"></a> </div> <!-- Desktop Button --> <div class="desktop-btn header-btn pull-right hidden-xs"> <a href="#" title="Desktop View" class="icon-desktop"></a> </div> </header> <!-- Products List --> <section class="switcher-body"> <a href="#" title="Prev" class="icon-chevron-left products-prev"></a> <div class="products-wrapper"> <div class="products-list clearfix"> </div> </div> <a href="#" title="Next" class="icon-chevron-right products-next"></a> </section> <!-- Product iframe --> <iframe class="product-iframe" frameborder="0" border="0"></iframe> <!-- Javascript --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="assets/js/products.js"></script> <script src="assets/js/application.min.js"></script> <script> (function(){ if(typeof _bsa !== 'undefined' && _bsa) { _bsa.init('fancybar', 'CK7I4KJW', 'placement:uicookiescom'); } })(); </script> <style>body { height: 2800px; background: #eee; } #_fbn_ > * { transition: all .7s ease-in-out; } ._bsa_hide ._bsa_fancybar { top: auto !important; bottom: -100% !important; } ._bsa_show ._bsa_fancybar { top: auto !important; bottom: 0 !important; }</style> </body> </html>