Difference between revisions of "Team:XJTU-China/Description"
| Line 51: | Line 51: | ||
</div> | </div> | ||
<div class="page xjtuText 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 class="mt-5">hin./ious</h1> |
| − | <div class="row"> | + | <div class="row mt-5"> |
| − | <div class="col-8"> | + | <div class="col-8 wrapper"> |
| − | <a class="anchor" id="part1"></a> | + | <div class="highlight"> |
| − | + | <a class="anchor" id="part1"></a> | |
| − | + | <p>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, <b>the menu icon</b> 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 <abbr | |
| − | + | tittle="YouTube">YT</abbr>. | |
| − | + | When clicking on the menu label | |
| − | + | and | |
| − | + | icon,</p> | |
| − | + | <div class="imgWrapper"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2021/f/fd/T--XJTU-China--bg.jpg" alt="test" | |
| + | width="90%"> | ||
| + | <span class="description"><strong>Fig.1</strong> Img Description</span> | ||
| + | </div> | ||
| + | <button class="dialogButton mt-5">READ MORE</button> | ||
</div> | </div> | ||
| − | |||
</div> | </div> | ||
| − | <div class="col-4"> | + | <div class="col-4 wrapper"> |
| − | <div class=" | + | <div class="highlight"> |
<a class="anchor" id="part2"></a> | <a class="anchor" id="part2"></a> | ||
<p> | <p> | ||
| Line 118: | Line 121: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div class="row"> | + | <div class="row mt-5"> |
| − | <div class="col-12"> | + | <div class="col-12 wrapper"> |
| − | <a class="anchor" id="part3"></a> | + | <div class="highlight"> |
| − | + | <a class="anchor" id="part3"></a> | |
| − | + | <p> | |
| − | + | 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 | |
| − | + | 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,</p> | ||
| + | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div class="row"> | + | <div class="row mt-5"> |
| − | <div class="col-4"> | + | <div class="col-4 wrapper"> |
<a class="anchor" id="part4"></a> | <a class="anchor" id="part4"></a> | ||
<p> | <p> | ||
| Line 185: | Line 196: | ||
icon,</p> | icon,</p> | ||
</div> | </div> | ||
| − | <div class="col-4"> | + | <div class="col-4 wrapper"> |
<a class="anchor" id="part5"></a> | <a class="anchor" id="part5"></a> | ||
<p> | <p> | ||
| Line 236: | Line 247: | ||
up.</p> | up.</p> | ||
</div> | </div> | ||
| − | <div class="col-4"> | + | <div class="col-4 wrapper"> |
<a class="anchor" id="part6"></a> | <a class="anchor" id="part6"></a> | ||
<p> | <p> | ||
Revision as of 02:20, 5 September 2021
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,
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.