Difference between revisions of "Sandbox"

From The Grove - Academia de Idiomas
Jump to: navigation, search
 
(88 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
<div class="panel-group" id="accordion">
+
<btn>
−
  <div class="panel panel-default">
+
Menu
−
    <div class="panel-heading">
+
*One
−
      <h4 class="panel-title">
+
**Two
−
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
+
***Three
−
          Collapsible Group Item #1
+
***Three
−
        </a>
+
*One
−
      </h4>
+
**Two
−
    </div>
+
</btn>
−
    <div id="collapseOne" class="panel-collapse collapse in">
 
−
      <div class="panel-body">
 
−
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
−
  <div class="panel panel-default">
 
−
    <div class="panel-heading">
 
−
      <h4 class="panel-title">
 
−
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
 
−
          Collapsible Group Item #2
 
−
        </a>
 
−
      </h4>
 
−
    </div>
 
−
    <div id="collapseTwo" class="panel-collapse collapse">
 
−
      <div class="panel-body">
 
−
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
−
  <div class="panel panel-default">
 
−
    <div class="panel-heading">
 
−
      <h4 class="panel-title">
 
−
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
 
−
          Collapsible Group Item #3
 
−
        </a>
 
−
      </h4>
 
−
    </div>
 
−
    <div id="collapseThree" class="panel-collapse collapse">
 
−
      <div class="panel-body">
 
−
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
−
</div>
 
−
   
 
  
  
  
−
<div id="myCarousel" class="carousel slide">
+
<btn size="lg">
−
    <ol class="carousel-indicators">
+
|<span class="fa fa-headphones"></span> Listen:
−
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+
<html5media>http://thegrove.com.br/metodo/images/8/86/Basic_1_-_Sentences.mp3</html5media>
−
    <li data-target="#myCarousel" data-slide-to="1"></li>
+
</btn>
−
    <li data-target="#myCarousel" data-slide-to="2"></li>
+
<br>
−
    </ol>
 
−
    <!-- Carousel items -->
 
−
    <div class="carousel-inner">
 
−
    <div class="active item">…</div>
 
−
    <div class="item">…</div>
 
−
    <div class="item">…</div>
 
−
    </div>
 
−
    <!-- Carousel nav -->
 
−
    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
 
−
    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
 
−
    </div>
 
  
 +
<html5media>http://thegrove.com.br/metodo/images/8/86/Basic_1_-_Sentences.mp3</html5media>
  
 +
<btn data-toggle="tooltip" title="this is my tooltip">
 +
  Tooltip Button
 +
</btn>
  
−
  <!-- Button to trigger modal -->
+
=='''in'''==
−
    <a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>
+
==='''in'''===
−
   
 
−
    <!-- Modal -->
 
−
    <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
−
    <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.
 
  
−
<span class="label label-important">Important</span> Do not feed the trolls!
+
<btn class="btn-primary">
 +
Classy
 +
Buttons
 +
</btn>
  
−
<span class="label label-warning">Example:</span> This is an example.<br>This is too.
 
  
−
    <div class="alert">
+
{{Modal|Simple Present|{{Youtube|LDI0neSt6CQ}}}}
−
    <button type="button" class="close" data-dismiss="alert">&times;</button>
 
−
    <strong>Warning!</strong> Best check yo self, you're not looking too good.
 
−
    </div>
 
−
 
 
−
 
 
−
== Progress Bar ==
 
−
 
 
−
<progress id="progressbar" value="0" max="100"></progress>
 
−
 
 
−
== Other stuff ==
 
−
<span class="glyphicon glyphicon-edit"></span>
 
−
 
 
−
 
 
−
<div class="deftrans">
 
−
{{Definition|word}}
 
−
{{Definition2|word out}}
 
−
{{Definition|word}}
 
−
{{Definition|word}}
 
−
{{Definition|word}}
 
−
{{Definition|word}}
 
−
{{Definition|word}}
 
−
</div>
 
−
 
 
−
 
 
−
 
 
−
 
 
−
 
 
−
<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}}}}
 
−
}}
 

Latest revision as of 23:52, 31 May 2021

Menu
OneTwoThreeThreeOneTwo


Listen:


Tooltip Button

in

in

ClassyButtons


Assistir vídeo

Retrieved from "http://thegrove.com.br/metodo/index.php?title=Sandbox&oldid=9159"