Update file human-practices.html

wiki/pages/human-practices.html

-{% extends "layout.html" %} {% block page_content %}
-<p>adcacwd</p>
+{% extends "layout.html" %}
+{% block title %}HP-Overview{% endblock %}
+{% block page_content %}
+
+
+<meta charset="UTF-8">
+<link rel="stylesheet" href="{{ url_for('static', filename = 'style.css') }}">
+<link rel="stylesheet" href="{{ url_for('static', filename = 'reset.min.css') }}">
+<link rel="stylesheet" href="{{ url_for('static', filename = 'css/des.css') }}">
+<link rel="stylesheet" href="{{ url_for('static', filename = 'css/ft.css') }}">
+
+
+
+<!-- Text Comment: 调aos库 -->
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css">
+<style>
+
+</style>
+<style>
+    .tiansuohao2{width:50%;float:left;box-sizing:border-box;border:0px solid #000;padding: 2%;padding-top: 0;margin:0;}
+    ul.nav-tabs.affix {
+        top: 30px;
+        /* Set the top position of pinned element */
+    }
+
+    .bannertt {
+            position: absolute;
+            font-size: 50px;
+            /*文字大小*/
+            left: 50%;
+            top: 50%;
+            transform: translate(-50%, -50%);
+            width: 80%;
+            /*文字占用宽度*/
+            height: 20%;
+            /*文字高度*/
+        }
+
+    .imgz {
+        position: relative;
+        left: 50%;
+        transform: translateX(-50%);
+    }
+
+    .imgl {
+        position: relative;
+        left: 25%;
+        transform: translateX(-50%);
+    }
+
+    .imgr {
+        position: relative;
+        right: -25%;
+        transform: translateX(-50%);
+    }
+
+    .bannertt2 {
+        letter-spacing: 2px;
+        font-size: 16px;
+        font: 14px/1.5em "Roboto";
+    }
+
+
+    .dabiaotihe {
+        padding-top: 20px;
+        font-family: 'Roboto', Helvetica, Arial, sans-serif;
+        font-weight: 700;
+        margin-bottom: 10px;
+        font-size: 30px;
+
+        text-align: center;
+    }
+
+    .wenbenkuang {
+
+        font-family: 'Poppins', sans-serif;
+        font-size: 18px;
+        color: #3c4258;
+        text-transform: initial;
+        line-height: 1.8;
+
+    }
+
+    .xiaobiaoti {
+        font-size: 22px;
+        font-family: 'Roboto', Helvetica, Arial, sans-serif;
+        font-weight: 700;
+        line-height: 1.2;
+        display: block;
+        margin-block-start: 1.33em;
+        margin-block-end: 1.33em;
+        margin-inline-start: 0px;
+        margin-inline-end: 0px;
+        color: #5271FF;
+        text-align: left;
+        right: 15%;
+
+    }
+
+    .xiaobiaotihe {
+        margin: 20px;
+        font-size: 1.5rem;
+        font-weight: 500;
+        line-height: 1.2;
+        display: block;
+        margin-block-start: 1.33em;
+        margin-block-end: 1.33em;
+        margin-inline-start: 0px;
+        margin-inline-end: 0px;
+        color: #5271FF;
+
+    }
+
+    .banner {
+        position: relative;
+        height: 40vh;
+        /*占高度 */
+        width: 100%;
+        background-image: url(https://static.igem.wiki/teams/4815/wiki/dry-lab-banner.png);
+        /*图片地址*/
+        background-size: 100% auto;
+    }
+</style>
+<style>@keyframes zoom {
+  0% {background-size: 100%;}
+  50% {background-size: 140%;}
+  100% {background-size: 100%;}
+}</style>
+<div 
+  style="
+    background-image: url('https://static.igem.wiki/teams/4815/wiki/test33.png');
+    background-attachment: fixed;
+    background-position: left;
+    background-repeat: no-repeat;
+    padding-bottom: 100px;
+    animation: zoom 4s infinite;
+  "
+>
 {% endblock %}