API tools faq
paste
kenwi

html

kenwi
Feb 14th, 2015
287
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.96 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.  
  6. <meta charset="utf-8">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <meta name="description" content="">
  10. <meta name="author" content="">
  11.  
  12. <title>Thumbnail Gallery - Start Bootstrap Template</title>
  13.  
  14. <!-- Bootstrap Core CSS -->
  15. <link href="css/bootstrap.min.css" rel="stylesheet">
  16.  
  17. <!-- Custom CSS -->
  18. <link href="css/thumbnail-gallery.css" rel="stylesheet">
  19.  
  20. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  21. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  22. <!--[if lt IE 9]>
  23. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  24. <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  25. <![endif]-->
  26.  
  27. </head>
  28.  
  29. <body>
  30.  
  31. <!-- Navigation -->
  32. <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  33. <div class="container">
  34. <!-- Brand and toggle get grouped for better mobile display -->
  35. <div class="navbar-header">
  36. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  37. <span class="sr-only">Toggle navigation</span>
  38. <span class="icon-bar"></span>
  39. <span class="icon-bar"></span>
  40. <span class="icon-bar"></span>
  41. </button>
  42. <a class="navbar-brand" href="#">Start Bootstrap</a>
  43. </div>
  44. <!-- Collect the nav links, forms, and other content for toggling -->
  45. <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  46. <ul class="nav navbar-nav">
  47. <li>
  48. <a href="#">About</a>
  49. </li>
  50. <li>
  51. <a href="#">Services</a>
  52. </li>
  53. <li>
  54. <a href="#">Contact</a>
  55. </li>
  56. </ul>
  57. </div>
  58. <!-- /.navbar-collapse -->
  59. </div>
  60. <!-- /.container -->
  61. </nav>
  62.  
  63. <!-- Page Content -->
  64. <div class="container">
  65.  
  66. <div class="row" style="display:flex; flex-wrap: wrap;">
  67.  
  68. <div class="col-lg-12">
  69. <h1 class="page-header">Field Network Test</h1>
  70. </div>
  71. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  72. <a class="thumbnail" href="#"><img class="img-responsive" alt="Identifier fiber optic" src="http://img.directindustry.com/images_di/photo-m/identifier-fiber-optic-21029-5146651.jpg">
  73. </a>
  74. <p class="product-title">Identifier fiber optic<br>FI-60
  75. </p>
  76. </div>
  77.  
  78. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  79. <a class="thumbnail" href="#"><img class="img-responsive" alt="Fiber optic visual fault locator" src="http://img.directindustry.com/images_di/photo-m/fiber-optic-visual-fault-locator-21029-5146719.jpg">
  80. </a>
  81. <p class="product-title">Fiber optic visual fault locator<br> FFL-050/-100
  82. </p>
  83. </div>
  84.  
  85. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  86. <a class="thumbnail" href="#"><img class="img-responsive" alt="Identifier fiber optic" src="http://img.directindustry.com/images_di/photo-m/identifier-fiber-optic-21029-5146763.jpg">
  87. </a>
  88. <p class="product-title">Identifier fiber optic<br> FI-10/-11
  89. </p>
  90. </div>
  91.  
  92. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  93. <a class="thumbnail" href="#"><img class="img-responsive" alt="Fiber optic talk set" src="http://img.directindustry.com/images_di/photo-m/fiber-optic-talk-set-21029-5146883.jpg">
  94. </a>
  95. <p class="product-title">Fiber optic talk set<br> OTS-55
  96. </p>
  97. </div>
  98.  
  99.  
  100. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  101. <a class="thumbnail" href="#"><img class="img-responsive" alt="Digital display / handheld" src="http://img.directindustry.com/images_di/photo-m/digital-display-handheld-21029-5147061.jpg">
  102. </a>
  103. <p class="product-title">Digital display / handheld<br> HD Series </p>
  104. </div>
  105.  
  106. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  107. <a class="thumbnail" href="#"><img class="img-responsive" alt="Fiber optic inspection microscope" src="http://img.directindustry.com/images_di/photo-m/fiber-optic-inspection-microscope-21029-2674875.jpg">
  108. </a>
  109. <p class="product-title">Fiber optic inspection microscope<br> HD3-P </p>
  110. </div>
  111.  
  112. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  113. <a class="thumbnail" href="#"><img class="img-responsive" alt="Fiber optic inspection device with integrated power meter" src="http://img.directindustry.com/images_di/photo-m/fiber-optic-inspection-device-integrated-power-meter-21029-5147217.jpg">
  114. </a>
  115. <p class="product-title">Fiber optic inspection device with integrated power meter<br> HP2/HP3 Series </p>
  116. </div>
  117.  
  118. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  119. <a class="thumbnail" href="#"><img class="img-responsive" alt="Fiber optic tester" src="http://img.directindustry.com/images_di/photo-m/fiber-optic-tester-21029-5147361.jpg">
  120. </a>
  121. <p class="product-title">Fiber optic tester<br> SmartClass&trade; </p>
  122. </div>
  123.  
  124.  
  125. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  126. <a class="thumbnail" href="#"><img class="img-responsive" alt="Power measuring device / USB / fiber optic" src="http://img.directindustry.com/images_di/photo-m/power-measuring-device-usb-fiber-optic-21029-2675673.jpg">
  127. </a>
  128. <p class="product-title">Power measuring device / USB / fiber optic<br> MP-60/-80 </p>
  129. </div>
  130.  
  131. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  132. <a class="thumbnail" href="#"><img class="img-responsive" alt="Attenuator variable / fiber optic" src="http://img.directindustry.com/images_di/photo-m/attenuator-variable-fiber-optic-21029-2856143.jpg">
  133. </a>
  134. <p class="product-title">Attenuator variable / fiber optic<br> OLA-54/-55/-55M </p>
  135. </div>
  136.  
  137.  
  138. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  139. <a class="thumbnail" href="#"><img class="img-responsive" alt="Power measuring device / portable / fiber optic" src="http://img.directindustry.com/images_di/photo-m/power-measuring-device-portable-fiber-optic-21029-5147515.jpg">
  140. </a>
  141. <p class="product-title">Power measuring device / portable / fiber optic<br> OLP-55/-57 </p>
  142. </div>
  143.  
  144.  
  145. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  146. <a class="thumbnail" href="#"><img class="img-responsive" alt="Fiber optic laser light source" src="http://img.directindustry.com/images_di/photo-m/fiber-optic-laser-light-source-21029-5152467.jpg">
  147. </a>
  148. <p class="product-title">Fiber optic laser light source<br> OLS-55/-56
  149. </p>
  150. </div>
  151.  
  152.  
  153. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  154. <a class="thumbnail" href="#"><img class="img-responsive" alt="Analog probe microscope" src="http://img.directindustry.com/images_di/photo-m/analog-probe-microscope-21029-2797407.jpg">
  155. </a>
  156. <p class="product-title">Analog probe microscope<br> FBE/FBP series </p>
  157. </div>
  158.  
  159. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  160. <a class="thumbnail" href="#"><img class="img-responsive" alt="Microscope with coaxial illumination / fiber optic inspection" src="http://img.directindustry.com/images_di/photo-m/microscope-coaxial-illumination-fiber-optic-inspection-21029-2675853.jpg">
  161. </a>
  162. <p class="product-title">Microscope with coaxial illumination / fiber optic inspection<br> FM-C/-L/-DI/-E series </p>
  163. </div>
  164.  
  165.  
  166. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  167. <a class="thumbnail" href="#"><img class="img-responsive" alt="ROADM network light source" src="http://img.directindustry.com/images_di/photo-m/roadm-network-light-source-21029-2671485.jpg">
  168. </a>
  169. <p class="product-title">ROADM network light source<br> TLS-55
  170. </p>
  171. </div>
  172.  
  173.  
  174. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  175. <a class="thumbnail" href="#"><img class="img-responsive" alt="Power measuring device / fiber optic" src="http://img.directindustry.com/images_di/photo-m/power-measuring-device-fiber-optic-21029-5152817.jpg">
  176. </a>
  177. <p class="product-title">Power measuring device / fiber optic<br> OLP-34/-35/-38 </p>
  178. </div>
  179.  
  180.  
  181. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  182. <a class="thumbnail" href="#"><img class="img-responsive" alt="Optical source for fiber optic network tester" src="http://img.directindustry.com/images_di/photo-m/optical-source-fiber-optic-network-tester-21029-2856513.jpg">
  183. </a>
  184. <p class="product-title">Optical source for fiber optic network tester<br>OLS-34/-35/-36 </p>
  185. </div>
  186.  
  187.  
  188. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  189. <a class="thumbnail" href="#"><img class="img-responsive" alt="Insertion loss and return loss test meter for MTP" src="http://img.directindustry.com/images_di/photo-m/insertion-loss-return-loss-test-meter-mtp-21029-5153043.jpg">
  190. </a>
  191. <p class="product-title">Insertion loss and return loss test meter for MTP<br> 4100-Series </p>
  192. </div>
  193.  
  194.  
  195. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  196. <a class="thumbnail" href="#"><img class="img-responsive" alt="Loss measuring device / reflection test / fiber optic" src="http://img.directindustry.com/images_di/photo-m/loss-measuring-device-reflection-test-fiber-optic-21029-5153125.jpg">
  197. </a>
  198. <p class="product-title">Loss measuring device / reflection test / fiber optic<br> OLT-55
  199. </p>
  200. </div>
  201.  
  202. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  203. <a class="thumbnail" href="#"> <img class="img-responsive" alt="Loss measuring device / reflection test / fiber optic" src="http://img.directindustry.com/images_di/photo-m/loss-measuring-device-reflection-test-fiber-optic-21029-2855449.jpg">
  204. </a>
  205. <p class="product-title">Loss measuring device / reflection test / fiber optic<br> SmartClass ORL-55 </p>
  206. </div>
  207.  
  208.  
  209. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  210. <a class="thumbnail" href="#"> <img class="img-responsive" alt="Fiber optic multi-test device / network" src="http://img.directindustry.com/images_di/photo-m/fiber-optic-multi-test-device-network-21029-5153193.jpg">
  211. </a>
  212. <p class="product-title">Fiber optic multi-test device / network<br> MTS-2000 </p>
  213. </div>
  214.  
  215.  
  216. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  217. <a class="thumbnail" href="#"><img class="img-responsive" alt="Ethernet network tester" src="http://img.directindustry.com/images_di/photo-m/ethernet-network-tester-21029-5153247.jpg">
  218. </a>
  219. <p class="product-title">Ethernet network tester<br> MTS-4000 </p>
  220. </div>
  221.  
  222.  
  223. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  224. <a class="thumbnail" href="#"><img class="img-responsive" alt="OTDR module for fiber optic testing" src="http://img.directindustry.com/images_di/photo-m/otdr-module-fiber-optic-testing-21029-5153309.jpg">
  225. </a>
  226. <p class="product-title">OTDR module for fiber optic testing<br> MTS-6000 </p>
  227. </div>
  228.  
  229. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  230. <a class="thumbnail" href="#"><img class="img-responsive" alt="Fiber optic multi-test device / network" src="http://img.directindustry.com/images_di/photo-m/fiber-optic-multi-test-device-network-21029-5153471.jpg">
  231. </a>
  232. <p class="product-title">Fiber optic multi-test device / network<br> MTS-6000A </p>
  233. </div>
  234.  
  235.  
  236. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  237. <a class="thumbnail" href="#"><img class="img-responsive" alt="Spectrum analyzer / optical" src="http://img.directindustry.com/images_di/photo-m/spectrum-analyzer-optical-21029-5155567.jpg">
  238. </a>
  239. <p class="product-title">Spectrum analyzer / optical<br> OSA-500 series </p>
  240. </div>
  241.  
  242.  
  243. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  244. <a class="thumbnail" href="#"><img class="img-responsive" alt="Spectrum analyzer / optical" src="http://img.directindustry.com/images_di/photo-m/spectrum-analyzer-optical-21029-5153689.jpg">
  245. </a>
  246. <p class="product-title">Spectrum analyzer / optical<br> OSA-110M/-110H </p>
  247. </div>
  248.  
  249.  
  250.  
  251. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  252. <a class="thumbnail" href="#"><img class="img-responsive" alt="Power measuring device" src="http://img.directindustry.com/images_di/photo-m/power-measuring-device-21029-5153797.jpg">
  253. </a>
  254. <p class="product-title">Power measuring device<br> OCC-55/-56 </p>
  255. </div>
  256.  
  257.  
  258.  
  259. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  260. <a class="thumbnail" href="#"><img class="img-responsive" alt="Fiber optic tester" src="http://img.directindustry.com/images_di/photo-m/fiber-optic-tester-21029-5153887.jpg">
  261. </a>
  262. <p class="product-title">Fiber optic tester<br> OTU-8000 </p>
  263. </div>
  264.  
  265.  
  266. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  267. <a class="thumbnail" href="#"><img class="img-responsive" alt="Ethernet network tester" src="http://img.directindustry.com/images_di/photo-m/ethernet-network-tester-21029-5154175.jpg">
  268. </a>
  269. <p class="product-title">Ethernet network tester<br> HST-3000 </p>
  270. </div>
  271.  
  272.  
  273.  
  274. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  275. <a class="thumbnail" href="#"><img class="img-responsive" alt="ADSL tester" src="http://img.directindustry.com/images_di/photo-m/adsl-tester-21029-5154307.jpg">
  276. </a>
  277. <p class="product-title">ADSL tester<br> Home v3 </p>
  278. </div>
  279.  
  280.  
  281.  
  282. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  283. <a class="thumbnail" href="#"><img class="img-responsive" alt="Ethernet network tester" src="http://img.directindustry.com/images_di/photo-m/ethernet-network-tester-21029-5154623.jpg">
  284. </a>
  285. <p class="product-title">Ethernet network tester<br> SmartClass </p>
  286. </div>
  287.  
  288.  
  289.  
  290. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  291. <a class="thumbnail" href="#"><img class="img-responsive" alt="Signal level meter" src="http://img.directindustry.com/images_di/photo-m/signal-level-meter-21029-2794205.jpg">
  292. </a>
  293. <p class="product-title">Signal level meter<br> MSQ </p>
  294. </div>
  295.  
  296.  
  297. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  298. <a class="thumbnail" href="#"><img class="img-responsive" alt="Analyzer / communication network / wireless" src="http://img.directindustry.com/images_di/photo-m/analyzer-communication-network-wireless-21029-5155183.jpg">
  299. </a>
  300. <p class="product-title">Analyzer / communication network / wireless<br> JD745A, JD785A </p>
  301. </div>
  302.  
  303.  
  304.  
  305. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  306. <a class="thumbnail" href="#"><img class="img-responsive" alt="Cable analyzer / antenna" src="http://img.directindustry.com/images_di/photo-m/cable-analyzer-antenna-21029-2798187.jpg">
  307. </a>
  308. <p class="product-title">Cable analyzer / antenna<br> JD723A, JD724B, JD725A </p>
  309. </div>
  310.  
  311.  
  312.  
  313. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  314. <a class="thumbnail" href="#"><img class="img-responsive" alt="Peak power measuring device" src="http://img.directindustry.com/images_di/photo-m/peak-power-measuring-device-21029-5155415.jpg">
  315. </a>
  316. <p class="product-title">Peak power measuring device<br> JD746A, JD786A </p>
  317. </div>
  318.  
  319.  
  320.  
  321. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  322. <a class="thumbnail" href="#"><img class="img-responsive" alt="Spectrum analyzer / combined / signal" src="http://img.directindustry.com/images_di/photo-m/spectrum-analyzer-combined-signal-21029-5155377.jpg">
  323. </a>
  324. <p class="product-title">Spectrum analyzer / combined / signal<br> JD748A, JD788A</p>
  325. </div>
  326.  
  327.  
  328. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  329. <a class="thumbnail" href="#"><img class="img-responsive" alt="Fiber optic multi-test device / network" src="http://img.directindustry.com/images_di/photo-m/fiber-optic-multi-test-device-network-21029-5154991.jpg">
  330. </a>
  331. <p class="product-title">Fiber optic multi-test device / network<br> ONT 40/43G</p>
  332. </div>
  333.  
  334.  
  335.  
  336. <div class="col-lg-3 col-md-4 col-xs-6 thumb">
  337. <a class="thumbnail" href="#"><img class="img-responsive" alt="Rack-mounted multi-test device / fiber optic / network" src="http://img.directindustry.com/images_di/photo-m/rack-mounted-multi-test-device-fiber-optic-network-21029-2670655.jpg">
  338. </a>
  339. <p class="product-title">Rack-mounted multi-test device / fiber optic / network<br> ONT-512
  340. </p>
  341. </div>
  342.  
  343. </div>
  344.  
  345. <hr>
  346.  
  347. <!-- Footer -->
  348. <footer>
  349. <div class="row">
  350. <div class="col-lg-12">
  351. <p> Copyright &copy; Your Website 2014</p>
  352. </div>
  353. </div>
  354. </footer>
  355.  
  356. </div>
  357. <!-- /.container -->
  358.  
  359. <!-- jQuery -->
  360. <script src="js/jquery.js"></script>
  361.  
  362. <!-- Bootstrap Core JavaScript -->
  363. <script src="js/bootstrap.min.js"></script>
  364.  
  365. </body>
  366.  
  367. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!