index.html

   1
   2 <!DOCTYPE html>
   3 <html lang="en">
   4     <head>
   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         <title></title>
   9         <link rel="shortcut icon" type="image/x-icon" href="favicon.png" />
  10         <link href="fonts/font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet">
  11         <link href="css/bootstrap-3.1.1.min.css" rel="stylesheet">
  12         <link href="css/lollies.min.css" rel="stylesheet">
  13         <link href="css/custom.css" rel="stylesheet">
  14         <script type="text/javascript" src="JS/emcontrol.js"></script>
  15         <!--[if lt IE 9]>
  16                 <script src="js/html5shiv-3.7.0.js"></script>
  17                 <script src="js/respond-1.4.2.js"></script>
  18         <![endif]-->
  19     </head>
  20     <body>
  21         <div class="content-block">
  22             <div class="container-fluid">
  23                 <div class="row-fluid">
  24                     <div class="col-md-12">
  25                         <h1>Please Select Electron Microscopes!</h1>
  26                         <p>Proin eu leo non metus vulputate viverra. Curabitur ac augue ante. Praesent nisl diam, iaculis eget ipsum at, blandit laoreet eros. Nam hendrerit, erat commodo varius consequat, dolor massa tempor massa, vel cursus enim neque pellentesque augue. Aenean ullamcorper et lacus at hendrerit. Phasellus id lectus luctus, congue quam id, tempor justo. Mauris sodales imperdiet nisi eget lacinia. Nulla vehicula eleifend nibh sed malesuada. Praesent eget tortor erat. Nullam a sapien sit amet enim tempor cursus. Sed vehicula nisl sed odio gravida aliquam. Sed metus lorem, vestibulum vel pulvinar vel, condimentum vitae risus. Curabitur in odio ut nisl convallis dapibus sollicitudin vitae orci. Aenean vel molestie massa. Nam vehicula porta arcu, at dapibus nulla pulvinar fermentum. Nam orci enim, elementum ac risus vestibulum, imperdiet placerat mi.</p>
  27                     </div>
  28                 </div>
  29             </div>
  30         </div>          <div class="service-block">
  31             <div class="container-fluid">
  32                 <div class="row-fluid">
  33                     <div class="col-md-4 col-sm-4">
  34                         <div class="animate-paraslide animatedEntrance">
  35                             <a href="./wits_hitachi.html">
  36                                 <img onclick="emnamecatch('hitachi')" src="./image/ef2000.jpg"/>
  37                                 <div class="overlay">
  38                                     <h3>HITACHI EF-2000</h3>
  39                                     <p>Use this electron microscope.</p>
  40                                 </div>
  41                             </a>
  42                         </div>
  43                     </div>
  44                     <div class="col-md-4 col-sm-4">
  45                         <div class="animate-paraslide animatedEntrance">
  46                             <img onclick = "emnamecatch('fei')" src="./image/fei.jpg"/>
  47                             <a href="./wits_fei.html" onclick="emnamecatch('fei')">
  48
  49                                 <div class="overlay">
  50                                     <h3>FEI TecnaiG^2 Spirit</h3>
  51                                     <p>Use this electron microscope.</p>
  52                                 </div>
  53                             </a>
  54                         </div>
  55                     </div>
  56                     <div class="col-md-4 col-sm-4">
  57                         <div class="animate-paraslide animatedEntrance">
  58                             <a href="./wits_jeol.html">
  59                                 <img onclick = "emnamecatch('jeol')" src="./image/jeol.jpg" alt="empicture"/>
  60                                 <div class="overlay">
  61                                     <h3>JEOL JEM-2100</h3>
  62                                     <p>Use this electron microscope.</p>
  63                                 </div>
  64                             </a>
  65                         </div>
  66                     </div>
  67                 </div>
  68             </div>
  69         </div>
  70
  71         <!-- SCRIPTS -->
  72         <script src="js/jquery-1.7.2.min.js"></script>
  73         <script src="js/bootstrap-3.1.1.min.js"></script>
  74         <script src="plugins/backstretch/backstretch-2.0.4.min.js"></script>
  75         <script src="plugins/camera-slider/camera-slider-1.3.4.min.js"></script>
  76         <script src="plugins/camera-slider/easing-1.3.min.js"></script>
  77         <script src="plugins/fancybox/fancybox-1.3.4.pack.js"></script>
  78         <script src="plugins/fancybox/klass-1.0.min.js"></script>
  79         <script src="plugins/fancybox/photoswipe-3.0.5.min.js"></script>
  80         <script src="plugins/hover-animations/transform2d.min.js"></script>
  81         <script src="plugins/hover-animations/hover-animations-1.0.min.js"></script>
  82         <script src="plugins/match-height/match-height-0.5.1.min.js"></script>
  83         <script src="plugins/validation/validation-2.2.min.js"></script>
  84         <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
  85         <script src="js/lollies.min.js"></script>
  86         <script src="js/custom.js"></script>
  87
  88     </body>
  89 </html>