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

Line 29: Line 29:
 
             <div class="fixedBackgroundImg"
 
             <div class="fixedBackgroundImg"
 
                 style="background-image: url(https://static.igem.org/mediawiki/2021/f/fd/T--XJTU-China--bg.jpg);">
 
                 style="background-image: url(https://static.igem.org/mediawiki/2021/f/fd/T--XJTU-China--bg.jpg);">
                <h2 class="pageHeadline">Description</h2>
 
 
             </div>
 
             </div>
 +
            <div class="pageHeadline"><span>Description</span></div>
 
         </div>
 
         </div>
 
     </section>
 
     </section>
Line 50: Line 50:
 
                     </nav>
 
                     </nav>
 
                 </div>
 
                 </div>
                 <div class="page xjtuText row col-lg-8 col-12 justify-content-center">
+
                 <div class="page xjtuText col-lg-8 col-12 justify-content-center">
 
                     <h1>hin./ious</h1>
 
                     <h1>hin./ious</h1>
 
                     <div class="row">
 
                     <div class="row">
 
                         <div class="col-8">
 
                         <div class="col-8">
 
                             <a class="anchor" id="part1"></a>
 
                             <a class="anchor" id="part1"></a>
                             <p class="green">PART1 This menu is inspired by the left side menu found on
+
                             <p>PART1 This menu is inspired by the left side menu found on
 
                                 YouTube. When
 
                                 YouTube. When
 
                                 clicking on
 
                                 clicking on
Line 77: Line 77:
  
 
                         </div>
 
                         </div>
                         <div class="col-4 pinkBox">
+
                         <div class="col-4">
 +
                            <div class="highlightBox">
 
                             <a class="anchor" id="part2"></a>
 
                             <a class="anchor" id="part2"></a>
                             <p class="brown">
+
                             <p>
 
                                 PART2 To close the menu, the menu icon needs <b>to be clicked again.
 
                                 PART2 To close the menu, the menu icon needs <b>to be clicked again.
 
                                     This menu is inspired</b> by the left side menu found on YouTube. When clicking
 
                                     This menu is inspired</b> by the left side menu found on YouTube. When clicking
Line 113: Line 114:
 
                                 and
 
                                 and
 
                                 icon,</p>
 
                                 icon,</p>
 +
                            </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 118: Line 120:
 
                         <div class="col-12">
 
                         <div class="col-12">
 
                             <a class="anchor" id="part3"></a>
 
                             <a class="anchor" id="part3"></a>
                             <p class="brown">
+
                             <p>
 
                                 PART2 To close the menu, the menu icon needs <b>to be clicked again.
 
                                 PART2 To close the menu, the menu icon needs <b>to be clicked again.
 
                                     This menu is inspired</b> by the left side menu found on YouTube. When clicking on
 
                                     This menu is inspired</b> by the left side menu found on YouTube. When clicking on
Line 151: Line 153:
 
                         <div class="col-4">
 
                         <div class="col-4">
 
                             <a class="anchor" id="part4"></a>
 
                             <a class="anchor" id="part4"></a>
                             <p class="green">
+
                             <p>
 
                                 PART3 the main menu appears beneath and the menu icon slides to the right side while the
 
                                 PART3 the main menu appears beneath and the menu icon slides to the right side while the
 
                                 label
 
                                 label
Line 184: Line 186:
 
                         <div class="col-4">
 
                         <div class="col-4">
 
                             <a class="anchor" id="part5"></a>
 
                             <a class="anchor" id="part5"></a>
                             <p class="brown">
+
                             <p>
 
                                 PART4 the main menu appears beneath and the menu icon slides to the right side while the
 
                                 PART4 the main menu appears beneath and the menu icon slides to the right side while the
 
                                 label
 
                                 label
Line 235: Line 237:
 
                         <div class="col-4">
 
                         <div class="col-4">
 
                             <a class="anchor" id="part6"></a>
 
                             <a class="anchor" id="part6"></a>
                             <p class="green">
+
                             <p>
 
                                 PART5 To close the menu, the menu icon needs to be clicked again.
 
                                 PART5 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
 
                                 This menu is inspired by the left side menu found on YouTube. When clicking on the menu
Line 314: Line 316:
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 +
                <div class="col-lg-1"></div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>

Revision as of 13:27, 4 September 2021

Team:XJTU-China/Project

Description

hin./ious

PART1 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 YT. When clicking on the menu label and icon,

test Fig.1 Img Description

PART2 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,

PART2 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,

PART3 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,

PART4 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.

PART5 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