|
|
| (93 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| − | <div id="myCarousel" class="carousel slide">
| + | <btn> |
| − | <ol class="carousel-indicators">
| + | Menu |
| − | <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
| + | *One |
| − | <li data-target="#myCarousel" data-slide-to="1"></li>
| + | **Two |
| − | <li data-target="#myCarousel" data-slide-to="2"></li>
| + | ***Three |
| − | </ol>
| + | ***Three |
| − | <!-- Carousel items -->
| + | *One |
| − | <div class="carousel-inner">
| + | **Two |
| − | <div class="active item">…</div>
| + | </btn> |
| − | <div class="item">…</div>
| |
| − | <div class="item">…</div>
| |
| − | </div>
| |
| − | <!-- Carousel nav -->
| |
| − | <a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
| |
| − | <a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
| |
| − | </div>
| |
| | | | |
| | | | |
| | | | |
| − | <!-- Button to trigger modal -->
| + | <btn size="lg"> |
| − | <a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>
| + | |<span class="fa fa-headphones"></span> Listen: |
| − |
| + | <html5media>http://thegrove.com.br/metodo/images/8/86/Basic_1_-_Sentences.mp3</html5media> |
| − | <!-- Modal -->
| + | </btn> |
| − | <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
| + | <br> |
| − | <div class="modal-header">
| |
| − | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
| |
| − | <h3 id="myModalLabel">Modal header</h3>
| |
| − | </div>
| |
| − | <div class="modal-body">
| |
| − | <p>One fine body…</p>
| |
| − | </div>
| |
| − | <div class="modal-footer">
| |
| − | <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
| |
| − | <button class="btn btn-primary">Save changes</button>
| |
| − | </div>
| |
| − | </div>
| |
| | | | |
| − | <span class="badge badge-info">8</span> Organization. | + | <html5media>http://thegrove.com.br/metodo/images/8/86/Basic_1_-_Sentences.mp3</html5media> |
| | | | |
| − | <span class="label label-important">Important</span> Do not feed the trolls!
| + | <btn data-toggle="tooltip" title="this is my tooltip"> |
| | + | Tooltip Button |
| | + | </btn> |
| | | | |
| − | <span class="label label-warning">Example:</span> This is an example.<br>This is too.
| + | =='''in'''== |
| | + | ==='''in'''=== |
| | | | |
| − | <div class="alert">
| |
| − | <button type="button" class="close" data-dismiss="alert">×</button>
| |
| − | <strong>Warning!</strong> Best check yo self, you're not looking too good.
| |
| − | </div>
| |
| | | | |
| | + | <btn class="btn-primary"> |
| | + | Classy |
| | + | Buttons |
| | + | </btn> |
| | | | |
| − | == Progress Bar ==
| |
| | | | |
| − | <progress id="progressbar" value="0" max="100"></progress>
| + | {{Modal|Simple Present|{{Youtube|LDI0neSt6CQ}}}} |
| − | | |
| − | == Other stuff ==
| |
| − | <span class="glyphicon glyphicon-edit"></span>
| |
| − | | |
| − | | |
| − | | |
| − | | |
| − | {{Definition|word}} | |
| − | | |
| − | | |
| − | | |
| − | | |
| − | | |
| − | <div id="coursecover"><div id="coursetitlebg"><div id="coursetitle">Essentials</div></div></div>
| |
| − | | |
| − | {| width=100%"
| |
| − | | [[File:Essentials Cover.png|frameless|left|250px|link=Lesson:Essentials]]
| |
| − | || [[File:Essentials Cover.png|frameless|left|250px|link=Lesson:Essentials]]
| |
| − | || [[File:Essentials Cover.png|frameless|left|250px|link=Lesson:Essentials]]
| |
| − | || [[File:Essentials Cover.png|frameless|left|250px|link=Lesson:Essentials]]
| |
| − | || [[File:Essentials Cover.png|frameless|left|250px|link=Lesson:Essentials]]
| |
| − | || [[File:Essentials Cover.png|frameless|left|250px|link=Lesson:Essentials]]
| |
| − | |-
| |
| − | | [[File:Essentials Cover.png|frameless|left|250px|link=Lesson:Essentials]]
| |
| − | || [[File:Essentials Cover.png|frameless|left|250px|link=Lesson:Essentials]]
| |
| − | || [[File:Essentials Cover.png|frameless|left|250px|link=Lesson:Essentials]]
| |
| − | || [[File:Essentials Cover.png|frameless|left|250px|link=Lesson:Essentials]]
| |
| − | || [[File:Essentials Cover.png|frameless|left|250px|link=Lesson:Essentials]]
| |
| − | || [[File:Essentials Cover.png|frameless|left|250px|link=Lesson:Essentials]]
| |
| − | |}
| |
| − | | |
| − | | |
| − | | |
| − | {{quote| That is an awesome feature!}}
| |
| − | | |
| − | <tooltip text="body text">tooltip text</tooltip>
| |
| − | | |
| − | {| class="perttytable mw-collapsible mw-collapsed" style="width:40%;"
| |
| − | | Yeah! || Maybe not!
| |
| − | |-
| |
| − | | You know you want it.
| |
| − | |}
| |
| − | | |
| − | <comments />
| |
| − | | |
| − | <style type="text/css">
| |
| − | .shadow2{
| |
| − | box-shadow: 7px 7px 8px #818181;
| |
| − | -webkit-box-shadow: 7px 7px 8px #818181;
| |
| − | -moz-box-shadow: 7px 7px 8px #818181;
| |
| − | filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
| |
| − | }
| |
| − | </style>
| |
| − | | |
| − | <div class="shadow2" style="padding:5px; background:navy; border: 1px solid black; moz-border-radius: 10px; webkit-border-radius: 10px;">
| |
| − | <p>Please note that all contributions to The Grove - Academia de Idiomas may be edited, altered, or removed by other contributors. If you do not want your writing to be edited mercilessly, then do not submit it here.</p>
| |
| − | <p>You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource (see The Grove - Academia de Idiomas:Copyrights for details). Do not submit copyrighted work without permission!</p>
| |
| − | </div>
| |
| − | | |
| − | | |
| − | {{#widget:DISQUS
| |
| − | |id=jointhegrove | |
| − | |uniqid={{PAGENAME}}
| |
| − | |url={{fullurl:{{PAGENAME}}}} | |
| − | }} | |