Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML>
- <html>
- <head>
- <title>COMFORTA</title>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="description" content="">
- <meta name="author" content="">
- <link rel="shortcut icon" href="favicon.ico">
- <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700,300,600,400' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Sintony:400,700' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="css/bootstrap.css">
- <link rel="stylesheet" href="css/material.min.css">
- <link rel="stylesheet" href="css/material-wfont.min.css">
- <link rel="stylesheet" href="css/ripples.min.css">
- <link rel="stylesheet" href="css/jquery.dropdown.css">
- <link rel="stylesheet" href="css/bootstrap.offcanvas.css"/>
- <link rel="stylesheet" href="css/animate.css">
- <link rel="stylesheet" href="css/style.css">
- <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
- <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
- <!--[if lt IE 9]>
- <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
- <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
- <![endif]-->
- </head>
- <body>
- <div class="preload">
- <div class="spin">
- <div class="rect1"></div>
- <div class="rect2"></div>
- <div class="rect3"></div>
- <div class="rect4"></div>
- <div class="rect5"></div>
- </div>
- </div>
- <div class="hidden-md hidden-lg top-logo">
- <img src="img/logo.png" alt="">
- </div>
- <div class="clearfix hidden-md hidden-lg" id="navAffix">
- <button type="button" class="navbar-toggle offcanvas-toggle btn-material-grey-800" data-toggle="offcanvas" data-target="#js-bootstrap-offcanvas" id="offcanvas-toggle">
- <span class="sr-only">Toggle navigation</span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- </button>
- <nav class="navbar navbar-default navbar-offcanvas navbar-offcanvas-touch navbar-offcanvas-right navbar-material-grey-800" role="navigation" id="js-bootstrap-offcanvas">
- <div class="container-fluid">
- <div class="navbar-header">
- <a class="navbar-brand" href="index.php">COMFORTA</a>
- </div>
- <div>
- <ul class="nav navbar-nav">
- <li><a href="index.php">HOME</a></li>
- <li class="dropdown">
- <a href="javascript:void(0)" data-target="#" class="dropdown-toggle" data-toggle="dropdown">PRODUK <b class="caret"></b></a>
- <ul class="dropdown-menu">
- <li><a href="product.php?id=luxury" class="withripple">LUXURY SERIES</a></li>
- <li><a href="product.php?id=perfect" class="withripple">PERFECT SERIES</a></li>
- <li><a href="product.php?id=popular" class="withripple">POPULAR SERIES</a></li>
- <li><a href="product.php?id=exclusive" class="withripple">EXCLUSIVE COLLECTIONS</a></li>
- <li><a href="product.php?id=multibed" class="withripple">MULTIBED SERIES</a></li>
- <li><a href="product.php?id=superstar" class="withripple">SUPERSTAR SERIES</a></li>
- <li><a href="product.php?id=hospitality" class="withripple">HOSPITALITY</a></li>
- </ul>
- </li>
- <li><a href="matras.php">PILIH MATTRAS</a></li>
- <li><a href="showroom.php">SHOWROOM</a></li>
- <li><a href="promo.php">PROMO</a></li>
- <li><a href="garansi.php">GARANSI</a></li>
- </ul>
- </div>
- <div class="btn-group btn-group-xs btn-group-justified visible-xs" role="group">
- <a href="www.facebook.com/comfortaspringbed?ref=hl" class="btn btn-xs btn-material-indigo-500" title="Facebook">
- <img src="img/facebook.png" alt="Facebook">
- </a>
- <a href="https://twitter.com/comfortabed" class="btn btn-xs btn-material-cyan-500" title="Twitter">
- <img src="img/twitter.png" alt="Twitter">
- </a>
- <a href="https://instagram.com/comfortabed_ig/" class="btn btn-xs btn-material-grey-500" title="Instagram">
- <img src="img/mail.png" alt="Instagram">
- </a>
- <a href="https://www.youtube.com/channel/UCF4KoP52BgQWt45P-9p2qFA" class="btn btn-xs btn-material-red-500" title="Youtube">
- <img src="img/youtube.png" alt="Youtube">
- </a>
- <a href="comforta@massindo.com" class="btn btn-xs btn-material-grey-500" title="Email">
- <img src="img/mail.png" alt="Email">
- </a>
- </div>
- </div>
- </nav>
- </div>
- <div class="hidden-md hidden-lg bg-nav-affix shadow-z-2" id="bgAffix">
-
- </div>
- <header class="hidden-sm hidden-xs shadow-z-2">
- <div class="container-fluid">
- <div class="row">
- <div class="col-sm-5">
- <div class="row">
- <div class="col-sm-4">
- <a href="index.php" class="withripple active">HOME</a>
- </div>
- <div class="col-sm-4">
- <a href="javascript:void(0)" class="withripple" data-target="#" class="dropdown-toggle" data-toggle="dropdown">
- PRODUK <span class="caret"></span>
- </a>
- <ul class="dropdown-menu">
- <li><a href="product.php?id=luxury" class="withripple">LUXURY SERIES</a></li>
- <li><a href="product.php?id=perfect" class="withripple">PERFECT SERIES</a></li>
- <li><a href="product.php?id=popular" class="withripple">POPULAR SERIES</a></li>
- <li><a href="product.php?id=multibed" class="withripple">MULTIBED SERIES</a></li>
- <li><a href="product.php?id=favourite" class="withripple">FAVOURITE</a></li>
- </ul>
- </div>
- <div class="col-sm-4">
- <a href="matras.php" class="withripple">PILIH MATRAS</a>
- </div>
- </div>
- </div>
- <div class="col-sm-2 col-xs-12">
- <img src="img/logo.png" alt="" class="main-logo">
- </div>
- <div class="col-sm-5">
- <div class="row">
- <div class="col-sm-4">
- <a href="showroom.php" class="withripple">SHOWROOM</a>
- </div>
- <div class="col-sm-4">
- <a href="promo.php" class="withripple">PROMO</a>
- </div>
- <div class="col-sm-4">
- <a href="garansi.php" class="withripple">GARANSI</a>
- </div>
- </div>
- </div>
- </div>
- </div>
- </header>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement