Browse Source

解决bind问题

Luolei 6 năm trước cách đây
mục cha
commit
4ce58da22b
6 tập tin đã thay đổi với 590 bổ sung396 xóa
  1. 62 37
      src/html/disclaimer.html
  2. 175 130
      src/html/drugInfo.html
  3. 19 0
      src/html/index.html
  4. 175 131
      src/html/information.html
  5. 22 0
      src/html/page.html
  6. 137 98
      src/html/scale.html

+ 62 - 37
src/html/disclaimer.html

@@ -1,46 +1,71 @@
 <!DOCTYPE html>
 <html>
+
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title><%= htmlWebpackPlugin.options.title %></title>
-    <style>
-         *{
-            margin: 0;
-            padding: 0;
-        }
-        html {
-            height: 100%;
-        }
-        body{
-            font-size: 14px;
-            overflow-y: auto;
-            font-family: '微软雅黑', '宋体';
-            background: #dde2ea;
-            height: 100%;
-            color: #505050;
-            line-height: 28px;
-        }
-        h1 {
-            text-align: center;
-            padding: 80px 0 60px;
-        }
-        .container {
-            width: 80%;
-            background: #fff;
-            margin: 0 auto;
-            padding: 0 30px 40px;
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title><%= htmlWebpackPlugin.options.title %></title>
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+    }
+
+    html {
+      height: 100%;
+    }
+
+    body {
+      font-size: 14px;
+      overflow-y: auto;
+      font-family: '微软雅黑', '宋体';
+      background: #dde2ea;
+      height: 100%;
+      color: #505050;
+      line-height: 28px;
+    }
+
+    h1 {
+      text-align: center;
+      padding: 80px 0 60px;
+    }
+
+    .container {
+      width: 80%;
+      background: #fff;
+      margin: 0 auto;
+      padding: 0 30px 40px;
+    }
+  </style>
+  <script>
+    if (!Function.prototype.bind) {
+      Function.prototype.bind = function (oThis) {
+        if (typeof this !== "function") {
+          throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");
         }
-    </style>
+        var aArgs = Array.prototype.slice.call(arguments, 1),
+          fToBind = this,
+          fNOP = function () {},
+          fBound = function () {
+            return fToBind.apply(this instanceof fNOP && oThis ? this : oThis,
+              aArgs.concat(Array.prototype.slice.call(arguments)));
+          };
+        fNOP.prototype = this.prototype;
+        fBound.prototype = new fNOP();
+        return fBound;
+      };
+    }
+  </script>
 </head>
+
 <body>
-    <div class="container">
-        <h1></h1>
-        <div class="content">
-            
-        </div>
+  <div class="container">
+    <h1></h1>
+    <div class="content">
+
     </div>
+  </div>
 </body>
-</html>
 
+</html>

+ 175 - 130
src/html/drugInfo.html

@@ -1,140 +1,185 @@
 <!DOCTYPE html>
 <html>
+
 <head>
-    <meta charset="utf-8">
-    <title>药品说明</title>
-    <style>
-        *{
-            margin: 0;
-            padding: 0;
-        }
-        ul,li{
-            list-style: none;
-        }
-        table{
-            border-collapse: collapse;
-            border-spacing: 0;
-        }
-        body{
-            font-size: 14px;
-            overflow-y: scroll;
-            font-family: '微软雅黑', '宋体';
-            background: #dde2ea;
-            height: 100%;
-            color: #33475f;
-        }
-        h1{
-            font-size: 32px;
-            margin: 0 77px 0px 210px;
-        }
-        h2{
-            font-size: 18px;
-            position: absolute;
-            top: -12px;
-            background: #fff;
-            padding-right: 6px;
-        }
-        .contentBox {
-            padding-right: 60px;
-        }
-        .content{
-            position: relative;
-        }
-        .infos{
-            height: 100%;
-            overflow: auto;
-        }
-        .infos>div{
-            margin-left: 210px;
-        }
-        .title{
-            position: relative;
-            height:24px;
-            margin: 34px 0 10px;
-        }
-        .line{
-            border-bottom: 1px dashed #ccc;
-        }
-        .container{
-            width: 76%;
-            overflow: hidden;
-            background: #fff;
-            margin: 0 auto;
-            padding: 30px 0px 30px 30px;
-        }
-        .anchors{
-            width: 160px;
-            position: absolute;
-            left: 15px;
-            top: 0;
-            margin-right: 14px;
-            overflow: auto;
-        }
-        .anchors ul{
-            padding: 15px 18px;
-            border-radius: 4px;
-            border: 1px solid #eee;
-            background-color: #eee;
-        }
-        .anchors li{
-            position: relative;
-            border-left: 2px solid #ccc; 
-        }
-        .anchors .anchor-line{
-            height: 15px;
-            width: 0;
-            border-left: 2px solid #ccc;
-            /* background-color: #ccc; */
-        }
-        .anchors .anchor-line:last-child{
-            display: none;
-        }
-        .anchors i{
-            position: absolute;
-            display: inline-block;
-            width: 8px;
-            height: 8px;
-            border-radius: 5px;
-            border: 1px solid #ccc;
-            background-color: #eee;
-            left: -5px;
-            top: 5px;
-        }
-        .anchors a{
-            display: inline-block;
-            position: relative;
-            top: 0;
-            left: 0;
-            width: calc(100% - 20px);
-            padding-left: 10px;
-            text-decoration: none;
-            font-size: 13px;
-            font-weight: 400;
-            color: #000;
-            word-wrap: break-word;
-        }
-        .anchors .active a{
-            color: #0089be!important;
-            font-weight: 700!important;
-        }
-        .anchors .active i{
-            background: #0089be;
-        }
-        a:visited{
-            color:#33475f
-        }
-    </style>
+  <meta charset="utf-8">
+  <title>药品说明</title>
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+    }
+
+    ul,
+    li {
+      list-style: none;
+    }
+
+    table {
+      border-collapse: collapse;
+      border-spacing: 0;
+    }
+
+    body {
+      font-size: 14px;
+      overflow-y: scroll;
+      font-family: '微软雅黑', '宋体';
+      background: #dde2ea;
+      height: 100%;
+      color: #33475f;
+    }
+
+    h1 {
+      font-size: 32px;
+      margin: 0 77px 0px 210px;
+    }
+
+    h2 {
+      font-size: 18px;
+      position: absolute;
+      top: -12px;
+      background: #fff;
+      padding-right: 6px;
+    }
+
+    .contentBox {
+      padding-right: 60px;
+    }
+
+    .content {
+      position: relative;
+    }
+
+    .infos {
+      height: 100%;
+      overflow: auto;
+    }
+
+    .infos>div {
+      margin-left: 210px;
+    }
+
+    .title {
+      position: relative;
+      height: 24px;
+      margin: 34px 0 10px;
+    }
+
+    .line {
+      border-bottom: 1px dashed #ccc;
+    }
+
+    .container {
+      width: 76%;
+      overflow: hidden;
+      background: #fff;
+      margin: 0 auto;
+      padding: 30px 0px 30px 30px;
+    }
+
+    .anchors {
+      width: 160px;
+      position: absolute;
+      left: 15px;
+      top: 0;
+      margin-right: 14px;
+      overflow: auto;
+    }
+
+    .anchors ul {
+      padding: 15px 18px;
+      border-radius: 4px;
+      border: 1px solid #eee;
+      background-color: #eee;
+    }
+
+    .anchors li {
+      position: relative;
+      border-left: 2px solid #ccc;
+    }
+
+    .anchors .anchor-line {
+      height: 15px;
+      width: 0;
+      border-left: 2px solid #ccc;
+      /* background-color: #ccc; */
+    }
+
+    .anchors .anchor-line:last-child {
+      display: none;
+    }
+
+    .anchors i {
+      position: absolute;
+      display: inline-block;
+      width: 8px;
+      height: 8px;
+      border-radius: 5px;
+      border: 1px solid #ccc;
+      background-color: #eee;
+      left: -5px;
+      top: 5px;
+    }
+
+    .anchors a {
+      display: inline-block;
+      position: relative;
+      top: 0;
+      left: 0;
+      width: calc(100% - 20px);
+      padding-left: 10px;
+      text-decoration: none;
+      font-size: 13px;
+      font-weight: 400;
+      color: #000;
+      word-wrap: break-word;
+    }
+
+    .anchors .active a {
+      color: #0089be !important;
+      font-weight: 700 !important;
+    }
+
+    .anchors .active i {
+      background: #0089be;
+    }
+
+    a:visited {
+      color: #33475f
+    }
+  </style>
+  <script>
+    if (!Function.prototype.bind) {
+      Function.prototype.bind = function (oThis) {
+        if (typeof this !== "function") {
+          throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");
+        }
+        var aArgs = Array.prototype.slice.call(arguments, 1),
+          fToBind = this,
+          fNOP = function () {},
+          fBound = function () {
+            return fToBind.apply(this instanceof fNOP && oThis ? this : oThis,
+              aArgs.concat(Array.prototype.slice.call(arguments)));
+          };
+        fNOP.prototype = this.prototype;
+        fBound.prototype = new fNOP();
+        return fBound;
+      };
+    }
+  </script>
 </head>
+
 <body>
-<div class="container">
+  <div class="container">
     <h1></h1>
     <div class="content">
-        <div class="infos"></div>
-        <div class="anchors">
-            <ul></ul>
-        </div>
+      <div class="infos"></div>
+      <div class="anchors">
+        <ul></ul>
+      </div>
     </div>
-</div>
-<script src="./../js/information.js"></script>
+  </div>
+  <script src="./../js/information.js"></script>
 </body>
+
 </html>

+ 19 - 0
src/html/index.html

@@ -5,6 +5,25 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title><%= htmlWebpackPlugin.options.title %></title>
+  <script>
+    if (!Function.prototype.bind) {
+      Function.prototype.bind = function(oThis) {
+          if (typeof this !== "function") {
+              throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");
+          }
+          var aArgs = Array.prototype.slice.call(arguments, 1),
+              fToBind = this,
+              fNOP = function() {},
+              fBound = function() {
+                  return fToBind.apply(this instanceof fNOP && oThis ? this : oThis,
+                      aArgs.concat(Array.prototype.slice.call(arguments)));
+              };
+          fNOP.prototype = this.prototype;
+          fBound.prototype = new fNOP();
+          return fBound;
+      };
+    }
+  </script>
 </head>
 
 <body>

+ 175 - 131
src/html/information.html

@@ -1,142 +1,186 @@
 <!DOCTYPE html>
 <html>
+
 <head>
-    <meta charset="utf-8">
-    <title>诊断指南</title>
-    <style>
-        *{
-            margin: 0;
-            padding: 0;
-        }
-        ul,li{
-            list-style: none;
-        }
-        table{
-            border-collapse: collapse;
-            border-spacing: 0;
-        }
-        body{
-            font-size: 14px;
-            overflow-y: scroll;
-            font-family: '微软雅黑', '宋体';
-            background: #dde2ea;
-            height: 100%;
-            color: #505050;
-            line-height: 28px;
-        }
-        h1{
-            margin: 0 77px 0px 210px;
-            font-size: 32px;
-        }
-        h2{
-            font-size: 22px;
-            position: absolute;
-            top: -12px;
-            background: #fff;
-            padding-right: 6px;
-        }
-        .content{
-            position: relative;
-            height: 550px;
-        }
-        .infos{
-            height: 100%;
-            overflow: auto;
-            padding: 0 60px 0 0;
-        }
-        .infos>div{
-            margin-left: 210px;
-        }
-        .title{
-            position: relative;
-            height:24px;
-            margin: 30px 0 13px;
-        }
-        .line{
-            border-bottom: 1px dashed #ccc;
-        }
-        .container{
-            width: 80%;
-            overflow: hidden;
-            background: #fff;
-            margin: 0 auto;
-            padding: 30px 0 30px 24px;
-        }
-        .anchors{
-            width: 160px;
-            position: absolute;
-            left: 15px;
-            top: 0;
-            margin-right: 14px;
-            overflow: auto;
-        }
-        .anchors ul{
-            padding: 15px 18px;
-            border-radius: 4px;
-            border: 1px solid #eee;
-            background-color: #eee;
-            line-height: 17px;
-        }
-        .anchors li{
-            position: relative;
-            border-left: 2px solid #ccc; 
-        }
-        .anchors .anchor-line{
-            height: 15px;
-            width: 0;
-            border-left: 2px solid #ccc;
-            /* background-color: #ccc; */
-        }
-        .anchors .anchor-line:last-child{
-            display: none;
-        }
-        .anchors i{
-            position: absolute;
-            display: inline-block;
-            width: 8px;
-            height: 8px;
-            border-radius: 5px;
-            border: 1px solid #ccc;
-            background-color: #eee;
-            left: -5px;
-            top: 5px;
-        }
-        .anchors a{
-            display: inline-block;
-            position: relative;
-            top: 0;
-            left: 0;
-            width: calc(100% - 20px);
-            padding-left: 10px;
-            text-decoration: none;
-            font-size: 13px;
-            font-weight: 400;
-            color: #000;
-            word-wrap: break-word;
-        }
-        .anchors .active a{
-            color: #267FD7!important;
-            font-weight: 700!important;
-        }
-        .anchors .active i{
-            background: #267FD7;
-        }
-        a:visited{
-            color:#000
-        }
-    </style>
+  <meta charset="utf-8">
+  <title>诊断指南</title>
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+    }
+
+    ul,
+    li {
+      list-style: none;
+    }
+
+    table {
+      border-collapse: collapse;
+      border-spacing: 0;
+    }
+
+    body {
+      font-size: 14px;
+      overflow-y: scroll;
+      font-family: '微软雅黑', '宋体';
+      background: #dde2ea;
+      height: 100%;
+      color: #505050;
+      line-height: 28px;
+    }
+
+    h1 {
+      margin: 0 77px 0px 210px;
+      font-size: 32px;
+    }
+
+    h2 {
+      font-size: 22px;
+      position: absolute;
+      top: -12px;
+      background: #fff;
+      padding-right: 6px;
+    }
+
+    .content {
+      position: relative;
+      height: 550px;
+    }
+
+    .infos {
+      height: 100%;
+      overflow: auto;
+      padding: 0 60px 0 0;
+    }
+
+    .infos>div {
+      margin-left: 210px;
+    }
+
+    .title {
+      position: relative;
+      height: 24px;
+      margin: 30px 0 13px;
+    }
+
+    .line {
+      border-bottom: 1px dashed #ccc;
+    }
+
+    .container {
+      width: 80%;
+      overflow: hidden;
+      background: #fff;
+      margin: 0 auto;
+      padding: 30px 0 30px 24px;
+    }
+
+    .anchors {
+      width: 160px;
+      position: absolute;
+      left: 15px;
+      top: 0;
+      margin-right: 14px;
+      overflow: auto;
+    }
+
+    .anchors ul {
+      padding: 15px 18px;
+      border-radius: 4px;
+      border: 1px solid #eee;
+      background-color: #eee;
+      line-height: 17px;
+    }
+
+    .anchors li {
+      position: relative;
+      border-left: 2px solid #ccc;
+    }
+
+    .anchors .anchor-line {
+      height: 15px;
+      width: 0;
+      border-left: 2px solid #ccc;
+      /* background-color: #ccc; */
+    }
+
+    .anchors .anchor-line:last-child {
+      display: none;
+    }
+
+    .anchors i {
+      position: absolute;
+      display: inline-block;
+      width: 8px;
+      height: 8px;
+      border-radius: 5px;
+      border: 1px solid #ccc;
+      background-color: #eee;
+      left: -5px;
+      top: 5px;
+    }
+
+    .anchors a {
+      display: inline-block;
+      position: relative;
+      top: 0;
+      left: 0;
+      width: calc(100% - 20px);
+      padding-left: 10px;
+      text-decoration: none;
+      font-size: 13px;
+      font-weight: 400;
+      color: #000;
+      word-wrap: break-word;
+    }
+
+    .anchors .active a {
+      color: #267FD7 !important;
+      font-weight: 700 !important;
+    }
+
+    .anchors .active i {
+      background: #267FD7;
+    }
+
+    a:visited {
+      color: #000
+    }
+  </style>
+  <script>
+    if (!Function.prototype.bind) {
+      Function.prototype.bind = function (oThis) {
+        if (typeof this !== "function") {
+          throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");
+        }
+        var aArgs = Array.prototype.slice.call(arguments, 1),
+          fToBind = this,
+          fNOP = function () {},
+          fBound = function () {
+            return fToBind.apply(this instanceof fNOP && oThis ? this : oThis,
+              aArgs.concat(Array.prototype.slice.call(arguments)));
+          };
+        fNOP.prototype = this.prototype;
+        fBound.prototype = new fNOP();
+        return fBound;
+      };
+    }
+  </script>
 </head>
+
 <body>
-<div class="container">
+  <div class="container">
     <h1></h1>
     <div class="content">
-        <div class="infos"></div>
-        <div class="anchors">
-            <ul></ul>
-        </div>
+      <div class="infos"></div>
+      <div class="anchors">
+        <ul></ul>
+      </div>
     </div>
-</div>
-<!-- <script src="./js/jquery-1.9.1.min.js"></script>
+  </div>
+  <!-- <script src="./js/jquery-1.9.1.min.js"></script>
 <script src="./js/information.js"></script> -->
 </body>
+
 </html>

+ 22 - 0
src/html/page.html

@@ -1,14 +1,36 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title><%= htmlWebpackPlugin.options.title %></title>
+  <script>
+    if (!Function.prototype.bind) {
+      Function.prototype.bind = function (oThis) {
+        if (typeof this !== "function") {
+          throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");
+        }
+        var aArgs = Array.prototype.slice.call(arguments, 1),
+          fToBind = this,
+          fNOP = function () {},
+          fBound = function () {
+            return fToBind.apply(this instanceof fNOP && oThis ? this : oThis,
+              aArgs.concat(Array.prototype.slice.call(arguments)));
+          };
+        fNOP.prototype = this.prototype;
+        fBound.prototype = new fNOP();
+        return fBound;
+      };
+    }
+  </script>
 </head>
+
 <body>
   <div class="iframeContainer">
     <iframe class="iframeContainer" src="./index.html" frameborder="0"></iframe>
   </div>
 </body>
+
 </html>

+ 137 - 98
src/html/scale.html

@@ -1,113 +1,151 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <title>量表明细</title>
   <style>
-      *{
-            margin: 0;
-            padding: 0;
-        }
-        ul,li{
-            list-style: none;
-        }
-        table{
-            border-collapse: collapse;
-            border-spacing: 0;
-        }
-        body{
-            font-size: 14px;
-            overflow-y: scroll;
-            font-family: '微软雅黑', '宋体';
-            background: #dde2ea;
-            height: 100%;
-            color: #33475f;
-        }
-        .container {
-          width: 80%;
-          overflow: hidden;
-          background: #fff;
-          margin: 0 auto;
-          padding: 30px 30px 30px 30px;
-        }
-        h1 {
-          text-align: center;
-          padding: 20px 0;
-        }
-        .groupBox {
-          border-bottom: 4px solid #EBEBEB;
-        }
-        .groupName {
-          font-weight: bold;
-          padding: 10px 0;
-        }
-        .groupRowName {
-          line-height: 30px;
-        }
-        .groupRowBox {
-          line-height: 30px;
-          padding-left: 30px;
-        }
-        .groupRowRadio {
-          margin: 0 20px 0 0;
-          vertical-align: middle;
-          display: inline-block;
-        }
-        .groupRowRecommend {
-          color: #267FD7;
-          margin-left: 5px;
-        }
-        .calcu {
-          text-align: right;
-          height: 40px;
-          margin: 10px 0 0 0;
-          line-height: 40px;
-          border-top: 1px solid #979797;
-        }
-        .allCalcuBox {
-          text-align: right;
-          height: 60px;
-          line-height: 60px;
-          vertical-align: middle;
-          position: relative;
-          padding: 0 80px 0 0;
-        }
-        .calcuBtn {
-          position: absolute;
-          right: 0;
-          top: 12px;
-          display: inline-block;
-          width: 70px;
-          height: 36px;
-          line-height: 36px;
-          text-align: center;
-          background: #267FD7;
-          color: #fff;
-          border-radius: 4px;
-        }
-        .groupRowWrapper {
-          margin-top: 15px;
-        }
-        .groupRowIndex {
-          display: inline-block;
-          width: 25px;
-          text-align: right;
-          margin-right: 5px;
-        }
-        .noSelect {
-          border: 1px solid red;  
-          box-sizing: border-box;
-        }
-  
+    * {
+      margin: 0;
+      padding: 0;
+    }
+
+    ul,
+    li {
+      list-style: none;
+    }
+
+    table {
+      border-collapse: collapse;
+      border-spacing: 0;
+    }
+
+    body {
+      font-size: 14px;
+      overflow-y: scroll;
+      font-family: '微软雅黑', '宋体';
+      background: #dde2ea;
+      height: 100%;
+      color: #33475f;
+    }
+
+    .container {
+      width: 80%;
+      overflow: hidden;
+      background: #fff;
+      margin: 0 auto;
+      padding: 30px 30px 30px 30px;
+    }
+
+    h1 {
+      text-align: center;
+      padding: 20px 0;
+    }
+
+    .groupBox {
+      border-bottom: 4px solid #EBEBEB;
+    }
+
+    .groupName {
+      font-weight: bold;
+      padding: 10px 0;
+    }
+
+    .groupRowName {
+      line-height: 30px;
+    }
+
+    .groupRowBox {
+      line-height: 30px;
+      padding-left: 30px;
+    }
+
+    .groupRowRadio {
+      margin: 0 20px 0 0;
+      vertical-align: middle;
+      display: inline-block;
+    }
+
+    .groupRowRecommend {
+      color: #267FD7;
+      margin-left: 5px;
+    }
+
+    .calcu {
+      text-align: right;
+      height: 40px;
+      margin: 10px 0 0 0;
+      line-height: 40px;
+      border-top: 1px solid #979797;
+    }
+
+    .allCalcuBox {
+      text-align: right;
+      height: 60px;
+      line-height: 60px;
+      vertical-align: middle;
+      position: relative;
+      padding: 0 80px 0 0;
+    }
+
+    .calcuBtn {
+      position: absolute;
+      right: 0;
+      top: 12px;
+      display: inline-block;
+      width: 70px;
+      height: 36px;
+      line-height: 36px;
+      text-align: center;
+      background: #267FD7;
+      color: #fff;
+      border-radius: 4px;
+    }
+
+    .groupRowWrapper {
+      margin-top: 15px;
+    }
+
+    .groupRowIndex {
+      display: inline-block;
+      width: 25px;
+      text-align: right;
+      margin-right: 5px;
+    }
+
+    .noSelect {
+      border: 1px solid red;
+      box-sizing: border-box;
+    }
   </style>
+  <script>
+    if (!Function.prototype.bind) {
+      Function.prototype.bind = function (oThis) {
+        if (typeof this !== "function") {
+          throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");
+        }
+        var aArgs = Array.prototype.slice.call(arguments, 1),
+          fToBind = this,
+          fNOP = function () {},
+          fBound = function () {
+            return fToBind.apply(this instanceof fNOP && oThis ? this : oThis,
+              aArgs.concat(Array.prototype.slice.call(arguments)));
+          };
+        fNOP.prototype = this.prototype;
+        fBound.prototype = new fNOP();
+        return fBound;
+      };
+    }
+  </script>
 </head>
+
 <body>
   <div class="container">
-      <h1></h1>
-      <div class="content"></div>
+    <h1></h1>
+    <div class="content"></div>
 
   </div>
-  
+
   <!-- <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
   <script type="text/javascript">
     $(function(){
@@ -155,4 +193,5 @@
       
   </script> -->
 </body>
+
 </html>