diff --git a/wiki/pages/attributions.html b/wiki/pages/attributions.html
index 4be209291b7e1bbcac8bc60371c872a4625e2a76..1788b48002785eb060f8b6d830b82e0c166cd406 100644
--- a/wiki/pages/attributions.html
+++ b/wiki/pages/attributions.html
@@ -1,62 +1,130 @@
-{% extends "layout.html" %} {% block title %}Attributions{% endblock %} {% block
-lead %}This page must show the attribution form of your project. This includes
-the work done by each of the student members on your team and any work that was
-done by people outside of your team, including the host labs, advisors,
-instructors, and individuals not on the team roster. This requirement is not
-about literature references - these can and should be displayed throughout your
-wiki.{% endblock %} {% block page_content %}
-<div
- style="
- position: relative;
- height: 60vh;
- width: 100%;
- background-image: url(https://static.igem.wiki/teams/4815/wiki/teambanner.png);
- background-size: 100% auto;
- background-position: top;
- "
->
- <div
- style="
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- height: 60vh;
- "
- >
- <div class="bannertt">
- Attribution
- <p class="bannertt2">Celevrate our effort and achievement</p>
+{% extends "layout.html" %}
+{% block title %}Home{% endblock %}
+{% block lead %}{% endblock %}
+{% block page_content %}
+
+
+<!-- CSS -->
+
+
+<link rel="stylesheet" href="{{ url_for('static', filename = 'css/gooleapis.css') }}">
+<link rel="stylesheet" href="{{ url_for('static', filename = 'css/jquery.pagepiling.min.css') }}">
+<link rel="stylesheet" href="{{ url_for('static', filename = 'css/style.css') }}">
+<link rel="stylesheet" href="{{ url_for('static', filename = 'css/des.css') }}">
+<style>
+.dabiaotihe{padding-top:20px;
+ font-family:'Roboto',Helvetica,Arial,sans-serif;
+ font-weight:700;
+ margin-bottom:10px;
+ font-size:30px;
+ text-align:center;
+ color:#5271FF;}
+
+
+</style>
+<section>
+<div id="pagepiling">
+ <!-- sponsor -->
+ <!-- Masthead -->
+ <section id="home"
+ class="navbar-is-white text-white pp-scrollable d-flex align-items-center section position-absolute"
+
+ role="main">
+ <div class="intro" >
+ <div class="scroll-wrap" style="padding: bottom 10px;;">
+ <div class="shape-mockup ripple-animation d-none d-xl-block" style="float: left;width: 10%;bottom: 0"><img src="https://static.igem.wiki/teams/4815/wiki/shape-7.png" alt="shape" style="height: 380px;"></div>
+
+ <div class="container">
+ <div class="sponsor" style="color: #3c4258 !important" >
+ <div class="dabiaotihe">Bronze</div>
+ <div>
+<p>√ <a href="#">Deliverables</a>: We complete the following Competition Deliverables according to guidelines: Wiki, Project Promotion Video, Presentation Video and Judging Form.</p>
+<p>√ <a href="{{ url_for('pages', page='attributions') }}">Attributions</a>: We describe what work our team members did and what other people did for our project using the standardized form.</p>
+Please click the <a href="{{ url_for('pages', page='human-practices') }}" style="color:#5271FF">integrated HP
+ link</a>
+<p>√ <a href="{{ url_for('pages', page='description') }}">Description</a>: We described how and why we chose our iGEM project – Pymaker: AI modified yeast promoter.</p>
+<p>√<a href="{{ url_for('pages', page='contribution') }}">Contribution</a>: We make a useful contribution for future iGEM teams by adding new documentations to Part: BBa_K4815000 – BBa_K4815020.</p>
+</div>
+ </div>
+
+
+ </div>
+<!-- åŒ…å« footer.html 的内容 -->
+
+ </div>
+ </div>
+</section>
+
+ <!-- sponsor -->
+ <section id="sponsor2" class="section pp-scrollable position-absolute">
+ <div class="intro" >
+ <div class="scroll-wrap" style="padding: bottom 10px;;">
+ <div class="shape-mockup ripple-animation d-none d-xl-block" style="float: left;width: 10%;bottom: 0"><img src="https://static.igem.wiki/teams/4815/wiki/shape-7.png" alt="shape" style="height: 380px;"></div>
+
+ <div class="container">
+ <div class="sponsor" >
+
+ </div>
+
+
+ </div>
+<!-- åŒ…å« footer.html 的内容 -->
+
+ </div>
+ </div>
+
+
+ </section>
+
+ <!-- sponsor -->
+ <section id="sponsor3" class="section pp-scrollable position-absolute">
+ <div class="intro" >
+ <div class="scroll-wrap" style="padding: bottom 10px;;">
+ <div class="shape-mockup ripple-animation d-none d-xl-block" style="float: left;width: 10%;bottom: 0"><img src="https://static.igem.wiki/teams/4815/wiki/shape-7.png" alt="shape" style="height: 380px;"></div>
+
+ <div class="container">
+ <div class="sponsor" >
+
+ </div>
+
+
+ </div>
+<!-- åŒ…å« footer.html 的内容 -->
+
+ </div>
+ {% include 'footer.html' %}
+ </div>
</div>
- </div>
+
+</section>
</div>
-<!--
- ======================================================================
- == VERY IMPORTANT ==
- ======================================================================
- LEAVE THE IFRAME CODE BELOW AS IT IS, THE ATTRIBUTION FORM OF YOUR TEAM
- WILL BE DISPLAYED ON THIS PAGE. DO NOT REMOVE IT, OTHERWISE YOU RISK OF
- NOT MEETING BRONZE MEDAL CRITERION #2
- -->
-<div class="row mt-4">
- <script type="text/javascript">
- // Listen to size change and update form height
- window.addEventListener("message", function (e) {
- const { type, data } = JSON.parse(e.data);
- if (type === "igem-attribution-form") {
- const element = document.getElementById("igem-attribution-form");
- element.style.height = data + 50 + "px";
- }
- });
- </script>
- <iframe
- style="width: 100%"
- id="igem-attribution-form"
- src="https://attributions.igem.org?team=NJU-China&year=2023"
- >
- </iframe>
- <!-- ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ -->
+<!-- Scrollbar -->
+<div class="progress-nav">
+ <ul class="navbar-nav">
+
+ <li data-menuanchor="home"></li>
+ <li data-menuanchor="sponsor2"></li>
+ <li data-menuanchor="sponsor3"></li>
+
+ </ul>
</div>
+</section>
+<!-- Optional JavaScript -->
+ <script src="{{ url_for('static', filename = 'js/jquery-1.12.4.min.js') }}"></script>
+ <script src="{{ url_for('static', filename = 'js/popper.min.js') }}"></script>
+ <script src="{{ url_for('static', filename = 'js/bootstrap.min.js') }}"></script>
+ <script src="{{ url_for('static', filename = 'js/jquery.validate.min.js') }}"></script>
+ <script src="{{ url_for('static', filename = 'js/jquery.magnific-popup.min.js') }}"></script>
+ <script src="{{ url_for('static', filename = 'js/jquery.pagepiling.min.js') }}"></script>
+ <script src="{{ url_for('static', filename = 'js/owl.carousel.min.js') }}"></script>
+ <script src="{{ url_for('static', filename = 'js/interface.js') }}"></script>
+
+ <script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
+
+
+
{% endblock %}