Difference between revisions of "Team:XJTU-China/Description"

Line 21: Line 21:
  
 
<body>
 
<body>
−
    <section class="d-flex flex-column">
 
−
        <header class="header_area" id="topHeader">
 
−
            <a class="navbar-brand" href="index.html"><img class="logo"
 
−
                    src="https://static.igem.org/mediawiki/2021/9/98/T--XJTU-China--logo.jpg" alt="logo of XJTU-China"></a>
 
−
            <nav class="navbar navbar-expand-lg navbar-light">
 
−
                <div class="container">
 
−
                    <!-- Brand and toggle get grouped for better mobile display -->
 
−
                    <button class="navbar-toggler" type="button" data-toggle="collapse"
 
−
                        data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
 
−
                        aria-expanded="false" aria-label="Toggle navigation">MENU
 
−
                        <span class="fa fa-bars" aria-hidden="true"></span>
 
−
                    </button>
 
−
                    <!-- Collect the nav links, forms, and other content for toggling -->
 
−
                    <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
 
−
                        <ul class="nav navbar-nav menu_nav ml-auto">
 
−
                            <li class="nav-item active"><a class="nav-link" href="index.html">home</a></li>
 
−
                            <li class="nav-item submenu dropdown">
 
−
                                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button"
 
−
                                    aria-haspopup="true" aria-expanded="false">Project&nbsp;<span
 
−
                                        class="fa fa-caret-down" aria-hidden="true"></span></a>
 
−
                                <ul class="dropdown-menu">
 
−
                                    <li class="nav-item"><a class="nav-link" href="Description.html">description</a>
 
−
                                    </li>
 
−
                                    <li class="nav-item">
 
−
                                        <a class="nav-link" href="upcomingevents.html">design</a>
 
−
                                    </li>
 
−
                                    <li class="nav-item"><a class="nav-link" href="events.html">others</a></li>
 
−
                                </ul>
 
−
                            </li>
 
−
 
−
                            <li class="nav-item submenu dropdown">
 
−
                                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button"
 
−
                                    aria-haspopup="true" aria-expanded="false">wetlab&nbsp;<span
 
−
                                        class="fa fa-caret-down" aria-hidden="true"></span></a>
 
−
                                <ul class="dropdown-menu">
 
−
                                    <li class="nav-item"><a class="nav-link" target="_blank"
 
−
                                            href="https://www.ieee.org/">lab note</a></li>
 
−
                                </ul>
 
−
                            </li>
 
−
                            <li class="nav-item submenu dropdown">
 
−
                                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button"
 
−
                                    aria-haspopup="true" aria-expanded="false">drylab&nbsp;<span
 
−
                                        class="fa fa-caret-down" aria-hidden="true"></span></a>
 
−
                                <ul class="dropdown-menu">
 
−
                                    <li class="nav-item"><a class="nav-link" href="ieee.html">modeling</a></li>
 
−
                                    <li class="nav-item"><a class="nav-link" href="ieee.html">simulation</a></li>
 
−
                                </ul>
 
−
                            </li>
 
−
                            <li class="nav-item"><a class="nav-link" href="contact.html">parts</a></li>
 
−
                            <li class="nav-item submenu dropdown">
 
−
                                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button"
 
−
                                    aria-haspopup="true" aria-expanded="false">Human Practices&nbsp;<span
 
−
                                        class="fa fa-caret-down" aria-hidden="true"></span></a>
 
−
                                <ul class="dropdown-menu">
 
−
                                    <li class="nav-item"><a class="nav-link" href="ieee.html">explore</a></li>
 
−
                                    <li class="nav-item"><a class="nav-link" href="ieee.html">interview</a></li>
 
−
                                </ul>
 
−
                            </li>
 
−
                            <li class="nav-item submenu dropdown end">
 
−
                                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button"
 
−
                                    aria-haspopup="true" aria-expanded="false">Team&nbsp;<span class="fa fa-caret-down"
 
−
                                        aria-hidden="true"></span></a>
 
−
                                <ul class="dropdown-menu">
 
−
                                    <li class="nav-item"><a class="nav-link" href="ieee.html">members</a></li>
 
−
                                    <li class="nav-item"><a class="nav-link" href="ieee.html">attibutions</a></li>
 
−
                                </ul>
 
−
                            </li>
 
−
                        </ul>
 
−
                    </div>
 
−
                </div>
 
−
            </nav>
 
−
        </header>
 
−
        <!-- //header -->
 
−
    </section>
 
 
     <!--banner-->
 
     <!--banner-->
 
     <div class="container row fixedBackground">
 
     <div class="container row fixedBackground">
Line 280: Line 206:
 
     </div>
 
     </div>
 
     <!--//to-topBtn-->
 
     <!--//to-topBtn-->
−
    <footer
 
−
        style="background-image: url(https://static.igem.org/mediawiki/2021/thumb/9/9f/T--XJTU-China--footer.jpg/1200px-T--XJTU-China--footer.jpg);">
 
−
        <div class="container-fluid py-5">
 
−
            <div class="row">
 
−
                <div class="col-lg-4 col-md-6 mt-md-0 mt-sm-5">
 
−
                    <div class="footerBox">
 
−
                        <a class="footer-logo" href="#">
 
−
                            logo
 
−
                        </a>
 
−
                        <p>Hi there, this is Elliot, your adios de Heyuan! Please forgive my
 
−
                            autonomous exist in this page, can?</p>
 
−
                        <p>
 
−
                            Anyway, I have an amiga, y su nombre es Hincious. Weird, right? Neither English nor Spainish
 
−
                            is
 
−
                            her, but I DO treasure this guy, the hidden.
 
−
                        </p>
 
−
                    </div>
 
−
                </div>
 
−
                <div class="col-lg-4 col-md-6 mt-lg-0 mt-5">
 
−
                    <div class="footerBox">
 
−
                        <div class="text-center">
 
−
                            <h2><span class="fa fa-hashtag" aria-hidden="true"></span>&nbsp;Follow Us</h2>
 
−
                        </div>
 
−
                        <div class="row text-centeralign-items-center justify-content-center letterSpacing-5">
 
−
                            <a href="#" class="fa fa-youtube app-icon" aria-hidden="true"></a>
 
−
                            <a href="#" class="fa fa-twitter app-icon" aria-hidden="true"></a>
 
−
                            <a href="#" class="fa fa-weibo app-icon" aria-hidden="true"></a>
 
−
                            <a href="#" class="fa fa-weixin app-icon" aria-hidden="true"></a>
 
−
                        </div>
 
−
                    </div>
 
−
                </div>
 
−
                <div class="col-lg-4 col-md-6 mt-lg-0 mt-5">
 
−
                    <div class="footerBox">
 
−
                        <div class="text-center">
 
−
                            <h2>Sponsors</h2>
 
−
                        </div>
 
−
                    </div>
 
−
                </div>
 
−
 
−
            </div>
 
−
        </div>
 
−
        <!-- //footer bottom -->
 
−
    </footer>
 
 
     <script type="text/javascript"
 
     <script type="text/javascript"
 
         src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/jquery&action=raw&ctype=text/javascript"></script>
 
         src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/jquery&action=raw&ctype=text/javascript"></script>

Revision as of 13:44, 26 June 2021

Project

hin./ious

This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left s To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon,

To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon,

the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs t To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon,

the main menu appears beneath and the menu icon slides to the right side while the label slides up.o be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up.ide menu found on YouTube. When clicking on the menu label and icon, To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up.

To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs t To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up.o be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and t To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up.he menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. >This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. his menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again.This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again.

contact us

Xi'an Jiaotong University
28 Xianning West Road
Xi'an, Shaanxi, China, 710049
xjtu_igem@xjtu.edu.cn
Made with ❤️ by  
XJTU-iGEMers