# View Mootify in Action

There are many ways to see Mootify in action. You can use your own Moodle, installed on your machine. You can use Moodlecloud. And you can use your Moodle from school or university.

# Components

# Headers as Divs

Do you want to have a nice navbar

# Title and 3-column header

<div class="shadow" style="background-color: lightgrey">
    <div class="d-flex justify-content-between p-3 row">
        <h6 class="col-sm-12 col-md-4">Learning HTML</h6>
        <ul style="list-style: none; margin-bottom: 0px;" class="d-flex flex-wrap col-sm-12 col-md-7">
            <li style="padding-left: 15px;">Wikipedia</li>
            <li style="padding-left: 15px;">MDN Mozilla</li>
            <li style="padding-left: 15px;">W3 School</li>
        </ul>
    </div>
</div>
  • HTML
  • CSS
<!--This is a comment in HTML-->
<div class="block">
    <p>Here's my block.</p>
</div>
Match the following cities with the correct state:
* San Francisco: {1:MULTICHOICE:=California#OK~Arizona#Wrong}
* Tucson: {1:MULTICHOICE:California#Wrong~%100%Arizona#OK}
* Los Angeles: {1:MULTICHOICE:=California#OK~Arizona#Wrong}
* Phoenix: {1:MULTICHOICE:%0%California#Wrong~=Arizona#OK}
The capital of France is {1:SHORTANSWER:%100%Paris#Congratulations!
~%50%Marseille#No, that is the second largest city in France (after
Paris).~*#Wrong answer. The capital of France is Paris, of course.}.