Difference between revisions of "Team:XJTU-China/Description"
| Line 54: | Line 54: | ||
<div class="row"> | <div class="row"> | ||
<div class="col-8"> | <div class="col-8"> | ||
| − | < | + | <a class="anchor" id="part1"></a> |
| + | <p class="green">PART1 This menu is inspired by the left side menu found on | ||
YouTube. When | YouTube. When | ||
clicking on | clicking on | ||
| Line 69: | Line 70: | ||
and | and | ||
icon,</p> | icon,</p> | ||
| − | + | <img src="https://static.igem.org/mediawiki/2021/f/fd/T--XJTU-China--bg.jpg" alt="test" | |
| − | + | width="90%"> | |
| + | <p class="small">fig.1 Description</p> | ||
</div> | </div> | ||
| − | <div class="col-4"> | + | <div class="col-4 pinkBox"> |
| − | < | + | <a class="anchor" id="part2"></a> |
| + | <p class="brown"> | ||
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 | ||
the menu | the menu | ||
label | label | ||
and | and | ||
icon, | icon, | ||
| − | the main menu appears beneath and the menu icon slides to the right side while the label | + | the main menu appears beneath and the menu icon slides to the right side while the |
| + | label | ||
slides | slides | ||
up. | up. | ||
To close the menu, the menu icon needs to be clicked again. | 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 | ||
label | label | ||
and | and | ||
icon, | icon, | ||
| − | the main menu appears beneath and the menu icon slides to the right side while the label | + | the main menu appears beneath and the menu icon slides to the right side while the |
| + | label | ||
slides | slides | ||
up. | up. | ||
To close the menu, the menu icon needs to be clicked again. | 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 | ||
label | label | ||
and | and | ||
icon, | icon, | ||
To close the menu, the menu icon needs to be clicked again. | 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 | ||
label | label | ||
and | and | ||
| Line 105: | Line 114: | ||
<div class="row"> | <div class="row"> | ||
<div class="col-12"> | <div class="col-12"> | ||
| − | < | + | <a class="anchor" id="part3"></a> |
| + | <p class="brown"> | ||
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 137: | Line 147: | ||
<div class="row"> | <div class="row"> | ||
<div class="col-4"> | <div class="col-4"> | ||
| − | < | + | <a class="anchor" id="part4"></a> |
| + | <p class="green"> | ||
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 169: | Line 180: | ||
</div> | </div> | ||
<div class="col-4"> | <div class="col-4"> | ||
| − | < | + | <a class="anchor" id="part5"></a> |
| + | <p class="brown"> | ||
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 219: | Line 231: | ||
</div> | </div> | ||
<div class="col-4"> | <div class="col-4"> | ||
| − | < | + | <a class="anchor" id="part6"></a> |
| + | <p class="green"> | ||
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 303: | Line 316: | ||
frameborder="0" allowfullscreen></iframe> | frameborder="0" allowfullscreen></iframe> | ||
</div> | </div> | ||
| − | |||
</div> | </div> | ||
</div> | </div> | ||
Revision as of 07:21, 1 September 2021
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,
fig.1 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.