PageRenderTime 84ms CodeModel.GetById 39ms RepoModel.GetById 0ms app.codeStats 0ms

/Gsteel.html

https://gitlab.com/jokerhex26/G-shock-HUB
HTML | 196 lines | 137 code | 35 blank | 24 comment | 0 complexity | 9b432266f5e89c06742906f1d66dcdea MD5 | raw file
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  8. <meta name="description" content="">
  9. <meta name="author" content="">
  10. <link rel="icon" href="g.png">
  11. <title>G-SHOCK HUB</title>
  12. <!-- Bootstrap core CSS -->
  13. <link href="css/bootstrap.min.css" rel="stylesheet">
  14. <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  15. <link href="../../assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
  16. <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
  17. <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
  18. <script src="../../assets/js/ie-emulation-modes-warning.js"></script>
  19. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  20. <!--[if lt IE 9]>
  21. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  22. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  23. <![endif]-->
  24. <!-- Custom styles for this template -->
  25. <link href="css/custom.css" rel="stylesheet">
  26. <!-- Start slider HEAD section -->
  27. <link rel="stylesheet" type="text/css" href="engine1/style.css" />
  28. <script type="text/javascript" src="engine1/jquery.js"></script>
  29. <!-- End slider HEAD section -->
  30. </head>
  31. <!-- NAVBAR
  32. ================================================== -->
  33. <body>
  34. <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  35. <div class="container">
  36. <!-- Brand and toggle get grouped for better mobile display -->
  37. <div class="navbar-header">
  38. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  39. <span class="sr-only">Toggle navigation</span>
  40. <span class="icon-bar"></span>
  41. <span class="icon-bar"></span>
  42. <span class="icon-bar"></span>
  43. </button>
  44. <a class="navbar-brand" href="HTML.html"> <font face="Arial Black" color="#F03A3A" size="5">G-Shock HUB</font> </a>
  45. </div>
  46. <div id="navbar" class="navbar-collapse collapse navbar-right">
  47. <ul class="nav navbar-nav">
  48. <li><a href="about us.html"> <font face="Arial Black" color="#F03A3A" size="4"> About Us </font> </a> </li>
  49. <li><a href="support.html"> <font face="Arial Black" color="#F03A3A" size="4"> Support </font> </a></li>
  50. <li><a href="Promotion _ Update.html"> <font face="Arial Black" color="#F03A3A" size="4"> Promotion </font> </a></li>
  51. <li><a href="New.html"> <font face="Arial Black" color="#F03A3A" size="4"> New Products </font> </a></li>
  52. <li><a href="store.html"> <font face="Arial Black" color="#F03A3A" size="4"> G-Store </font> </a></li>
  53. <li class="dropdown">
  54. <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <font face="Arial Black" color="#F03A3A" size="4"> Categories </font> <span class="caret"></span></a>
  55. <ul class="dropdown-menu">
  56. <li role="separator" ></li>
  57. <li class="dropdown-header">M-Series</li>
  58. <li><a href="MRG_up.html">MRG</a></li>
  59. <li><a href="MTG_up.html">MTG</a></li>
  60. <li role="separator" class="divider"></li>
  61. <li class="dropdown-header">Color Series</li>
  62. <li><a href="special.html">Special Color</a></li>
  63. <li><a href="Tri.html">Tri Color</a></li>
  64. <li role="separator" class="divider"></li>
  65. <li class="dropdown-header">Elements</li>
  66. <li><a href="Gsteel.html">G-Steel</a></li>
  67. <li><a href="Land_up.html">Land</a></li>
  68. <li><a href="Sea_up.html">Sea</a></li>
  69. <li><a href="Air_up.html">Air</a></li>
  70. <li role="separator" class="divider"></li>
  71. <li class="dropdown-header">Special Edition</li>
  72. <li><a href="limited.html">Limited Edition</a></li>
  73. <li><a href="oversize.html">Oversize</a></li>
  74. </ul>
  75. </li>
  76. </ul>
  77. </div>
  78. </div>
  79. </nav>
  80. </div>
  81. </div>
  82. <div class="container marketing">
  83. <div class="container">
  84. <!-- Header -->
  85. <img align="left" src="metal.jpg" alt="Steel" width="1200" height="500"><strong>
  86. <p>
  87. </p>
  88. </header>
  89. <hr>
  90. <!-- Title -->
  91. <div class="row">
  92. <div class="col-lg-12">
  93. <h3> <font face="Arial Black" color="#33333" size="4"> G-Steel Series </font> </h3>
  94. </div>
  95. </div>
  96. <!-- /.row -->
  97. <!-- Page Features -->
  98. <div class="row text-center">
  99. <div class="col-md-3 col-sm-6 hero-feature">
  100. <div class="thumbnail">
  101. <img src="c.png" alt="">
  102. <div class="caption">
  103. <h3>GST-W100D-1A4ER</h3>
  104. <p>Multi Band 6 Radio Controlled.</p>
  105. <p>
  106. <a href="#" class="btn btn-primary"> RM 779.00 </a>
  107. </p>
  108. </div>
  109. </div>
  110. </div>
  111. <div class="col-md-3 col-sm-6 hero-feature">
  112. <div class="thumbnail">
  113. <img src="a.png" alt="">
  114. <div class="caption">
  115. <h3>GST-210B-4AER</h3>
  116. <p>Mineral Glass - Hard glass resists scratching.</p>
  117. <p>
  118. <a href="#" class="btn btn-primary"> RM 849.00 </a>
  119. </p>
  120. </div>
  121. </div>
  122. </div>
  123. <div class="col-md-3 col-sm-6 hero-feature">
  124. <div class="thumbnail">
  125. <img src="b.png" alt="">
  126. <div class="caption">
  127. <h3>GST-210D-9AER</h3>
  128. <p>Water Resistant - 200 Metre / 20 Bar.</p>
  129. <p>
  130. <a href="#" class="btn btn-primary"> RM 589.00 </a>
  131. </p>
  132. </div>
  133. </div>
  134. </div>
  135. <div class="col-md-3 col-sm-6 hero-feature">
  136. <div class="thumbnail">
  137. <img src="d.png" alt="">
  138. <div class="caption">
  139. <h3>GST-W110-1AER</h3>
  140. <p>Neobrite - A luminous coating on the hands.</p>
  141. <p>
  142. <a href="#" class="btn btn-primary"> RM 559.00 </a>
  143. </p>
  144. </div>
  145. </div>
  146. </div>
  147. </div>
  148. <!-- /.row -->
  149. <hr>
  150. </div>
  151. <!-- /.container -->
  152. <!-- jQuery -->
  153. <script src="js/jquery.js"></script>
  154. <!-- Bootstrap Core JavaScript -->
  155. <script src="js/bootstrap.min.js"></script>
  156. <footer>
  157. <p class="pull-right"><a href="#">Back to top</a></p>
  158. <p>&copy; 2016,G-Shock.
  159. </footer>
  160. </body>
  161. </html>