Advertisement
IndraJohn

header.php

Mar 29th, 2015
246
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.33 KB | None | 0 0
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <title>COMFORTA</title>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <meta name="description" content="">
  9. <meta name="author" content="">
  10. <link rel="shortcut icon" href="favicon.ico">
  11.  
  12. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700,300,600,400' rel='stylesheet' type='text/css'>
  13. <link href='http://fonts.googleapis.com/css?family=Sintony:400,700' rel='stylesheet' type='text/css'>
  14. <link rel="stylesheet" href="css/bootstrap.css">
  15. <link rel="stylesheet" href="css/material.min.css">
  16. <link rel="stylesheet" href="css/material-wfont.min.css">
  17. <link rel="stylesheet" href="css/ripples.min.css">
  18. <link rel="stylesheet" href="css/jquery.dropdown.css">
  19. <link rel="stylesheet" href="css/bootstrap.offcanvas.css"/>
  20. <link rel="stylesheet" href="css/animate.css">
  21. <link rel="stylesheet" href="css/style.css">
  22.  
  23. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  24. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  25. <!--[if lt IE 9]>
  26. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  27. <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  28. <![endif]-->
  29.  
  30. </head>
  31.  
  32. <body>
  33.  
  34. <div class="preload">
  35. <div class="spin">
  36. <div class="rect1"></div>
  37. <div class="rect2"></div>
  38. <div class="rect3"></div>
  39. <div class="rect4"></div>
  40. <div class="rect5"></div>
  41. </div>
  42. </div>
  43.  
  44. <div class="hidden-md hidden-lg top-logo">
  45. <img src="img/logo.png" alt="">
  46. </div>
  47. <div class="clearfix hidden-md hidden-lg" id="navAffix">
  48. <button type="button" class="navbar-toggle offcanvas-toggle btn-material-grey-800" data-toggle="offcanvas" data-target="#js-bootstrap-offcanvas" id="offcanvas-toggle">
  49. <span class="sr-only">Toggle navigation</span>
  50. <span class="icon-bar"></span>
  51. <span class="icon-bar"></span>
  52. <span class="icon-bar"></span>
  53. </button>
  54.  
  55. <nav class="navbar navbar-default navbar-offcanvas navbar-offcanvas-touch navbar-offcanvas-right navbar-material-grey-800" role="navigation" id="js-bootstrap-offcanvas">
  56. <div class="container-fluid">
  57. <div class="navbar-header">
  58. <a class="navbar-brand" href="index.php">COMFORTA</a>
  59. </div>
  60. <div>
  61. <ul class="nav navbar-nav">
  62. <li><a href="index.php">HOME</a></li>
  63. <li class="dropdown">
  64. <a href="javascript:void(0)" data-target="#" class="dropdown-toggle" data-toggle="dropdown">PRODUK <b class="caret"></b></a>
  65. <ul class="dropdown-menu">
  66. <li><a href="product.php?id=luxury" class="withripple">LUXURY SERIES</a></li>
  67. <li><a href="product.php?id=perfect" class="withripple">PERFECT SERIES</a></li>
  68. <li><a href="product.php?id=popular" class="withripple">POPULAR SERIES</a></li>
  69. <li><a href="product.php?id=exclusive" class="withripple">EXCLUSIVE COLLECTIONS</a></li>
  70. <li><a href="product.php?id=multibed" class="withripple">MULTIBED SERIES</a></li>
  71. <li><a href="product.php?id=superstar" class="withripple">SUPERSTAR SERIES</a></li>
  72. <li><a href="product.php?id=hospitality" class="withripple">HOSPITALITY</a></li>
  73. </ul>
  74. </li>
  75. <li><a href="matras.php">PILIH MATTRAS</a></li>
  76. <li><a href="showroom.php">SHOWROOM</a></li>
  77. <li><a href="promo.php">PROMO</a></li>
  78. <li><a href="garansi.php">GARANSI</a></li>
  79. </ul>
  80. </div>
  81. <div class="btn-group btn-group-xs btn-group-justified visible-xs" role="group">
  82. <a href="www.facebook.com/comfortaspringbed?ref=hl" class="btn btn-xs btn-material-indigo-500" title="Facebook">
  83. <img src="img/facebook.png" alt="Facebook">
  84. </a>
  85. <a href="https://twitter.com/comfortabed" class="btn btn-xs btn-material-cyan-500" title="Twitter">
  86. <img src="img/twitter.png" alt="Twitter">
  87. </a>
  88. <a href="https://instagram.com/comfortabed_ig/" class="btn btn-xs btn-material-grey-500" title="Instagram">
  89. <img src="img/mail.png" alt="Instagram">
  90. </a>
  91. <a href="https://www.youtube.com/channel/UCF4KoP52BgQWt45P-9p2qFA" class="btn btn-xs btn-material-red-500" title="Youtube">
  92. <img src="img/youtube.png" alt="Youtube">
  93. </a>
  94. <a href="comforta@massindo.com" class="btn btn-xs btn-material-grey-500" title="Email">
  95. <img src="img/mail.png" alt="Email">
  96. </a>
  97.  
  98. </div>
  99. </div>
  100. </nav>
  101. </div>
  102. <div class="hidden-md hidden-lg bg-nav-affix shadow-z-2" id="bgAffix">
  103. &nbsp;
  104. </div>
  105.  
  106. <header class="hidden-sm hidden-xs shadow-z-2">
  107. <div class="container-fluid">
  108. <div class="row">
  109. <div class="col-sm-5">
  110. <div class="row">
  111. <div class="col-sm-4">
  112. <a href="index.php" class="withripple active">HOME</a>
  113. </div>
  114. <div class="col-sm-4">
  115. <a href="javascript:void(0)" class="withripple" data-target="#" class="dropdown-toggle" data-toggle="dropdown">
  116. PRODUK <span class="caret"></span>
  117. </a>
  118. <ul class="dropdown-menu">
  119. <li><a href="product.php?id=luxury" class="withripple">LUXURY SERIES</a></li>
  120. <li><a href="product.php?id=perfect" class="withripple">PERFECT SERIES</a></li>
  121. <li><a href="product.php?id=popular" class="withripple">POPULAR SERIES</a></li>
  122. <li><a href="product.php?id=multibed" class="withripple">MULTIBED SERIES</a></li>
  123. <li><a href="product.php?id=favourite" class="withripple">FAVOURITE</a></li>
  124. </ul>
  125. </div>
  126. <div class="col-sm-4">
  127. <a href="matras.php" class="withripple">PILIH MATRAS</a>
  128. </div>
  129. </div>
  130. </div>
  131. <div class="col-sm-2 col-xs-12">
  132. <img src="img/logo.png" alt="" class="main-logo">
  133. </div>
  134. <div class="col-sm-5">
  135. <div class="row">
  136. <div class="col-sm-4">
  137. <a href="showroom.php" class="withripple">SHOWROOM</a>
  138. </div>
  139. <div class="col-sm-4">
  140. <a href="promo.php" class="withripple">PROMO</a>
  141. </div>
  142. <div class="col-sm-4">
  143. <a href="garansi.php" class="withripple">GARANSI</a>
  144. </div>
  145. </div>
  146. </div>
  147. </div>
  148. </div>
  149. </header>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement