Team:Tongji China/Attributions 

 <body>

       <a name="top"></a>
2017 Tongji iGEM Team
welcome to our wiki, here you'll find all the info you need on our project
         <a href="#screens">
           <button class="android-fab mdl-button mdl-button--colored mdl-js-button mdl-button--fab mdl-js-ripple-effect">
             expand_more
           </button>
         </a>

         <a name="screens"></a>
This website should work on any device!
             <a class="android-image-link" href="">
               <img class="android-screen-image" src="2017tongji_images/wear-silver-on.png">
               <img class="android-screen-image" src="2017tongji_images/wear-black-on.png">
             </a>
             <a class="android-link mdl-typography--font-regular mdl-typography--text-uppercase" href="">Home</a>

             <a class="android-image-link" href="">
               <img class="android-screen-image" src="2017tongji_images/nexus6-on.jpg">
             </a>
             <a class="android-link mdl-typography--font-regular mdl-typography--text-uppercase" href="">Project</a>

             <a class="android-image-link" href="">
               <img class="android-screen-image" src="2017tongji_images/nexus9-on.jpg">
             </a>
             <a class="android-link mdl-typography--font-regular mdl-typography--text-uppercase" href="">Outreach</a>

             <a class="android-image-link" href="">
               <img class="android-screen-image" src="2017tongji_images/tv-on.jpg">
             </a>
             <a class="android-link mdl-typography--font-regular mdl-typography--text-uppercase" href="">Safety</a>

             <a class="android-image-link" href="">
               <img class="android-screen-image" src="2017tongji_images/auto-on.jpg">
             </a>
             <a class="android-link mdl-typography--font-regular mdl-typography--text-uppercase mdl-typography--text-left" href="">More...</a>
Our team worked on

pictures that are alive, litteraly.

<a class="mdl-typography--font-regular mdl-typography--text-uppercase android-alt-link" href=""> See how we did it chevron_right </a>

We would like to thanks those who helped us

Like our fantastic advisors, some other people and maybe even a couple of companies!
<a href="" class="android-link mdl-typography--font-light">Find out about our team and our friends</a>

Here are the most important links
               <img src="2017tongji_images/more-from-1.png">

Some kind of page 1

               Description of the page 1

                <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="">
                  Call to action 1
                  chevron_right
                </a>

               <img src="2017tongji_images/more-from-4.png">

Some kind of page 2

               Description of the page 2

                <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="">
                  Call to action 2
                  chevron_right
                </a>

               <img src="2017tongji_images/more-from-2.png">

Some kind of page 3

               Description of the page 3

                <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="">
                  Call to action 3
                  chevron_right
                </a>

               <img src="2017tongji_images/more-from-3.png">

Some kind of page 4

               Description of the page 4

                <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="">
                  Call to action 3
                  chevron_right
                </a>

       <footer class="android-footer mdl-mega-footer">

             <button class="mdl-mega-footer--social-btn"></button>
              
             <button class="mdl-mega-footer--social-btn"></button>
              
             <button class="mdl-mega-footer--social-btn"></button>

             <a class="mdl-typography--font-light" href="#top">
               Back to Top
               expand_less
             </a>

The empty squares above are for social media links

Some kind of footer message

           <a class="android-link android-link-menu mdl-typography--font-light" id="version-dropdown">
             Look! It expands!
             arrow_drop_up
           </a>
  • First expanded option
  • more
  • even more
  • even even more
           <a class="android-link android-link-menu mdl-typography--font-light" id="developers-dropdown">
             Another expandable
             arrow_drop_up
           </a>
  • Info
  • Info 2
  • More
  • More2
           <a class="android-link mdl-typography--font-light" href="">Blog</a>
           <a class="android-link mdl-typography--font-light" href="">Privacy Policy</a>

       </footer>

   </div>
   <script src="https://2017.igem.org/Template:Tongji_China/Javascript?action=raw&ctype=text/javascript"></script>
 </body>

</html>