Difference between revisions of "Template:Colegio EmelinaU"

Line 10: Line 10:
  
 
<div class="container-fluid">
 
<div class="container-fluid">
−
 
+
<div class="row">
−
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
+
−
        <div class="container">
+
−
            <div class="navbar-header page-scroll">
+
−
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
+
−
                    <span class="sr-only">Toggle navigation</span>
+
−
                    <span class="icon-bar"></span>
+
−
                    <span class="icon-bar"></span>
+
−
                    <span class="icon-bar"></span>
+
−
                </button>
+
−
                <a class="navbar-brand page-scroll" href="#page-top">Start Bootstrap</a>
+
−
            </div>
+
−
 
+
−
            <!-- Collect the nav links, forms, and other content for toggling -->
+
−
            <div class="collapse navbar-collapse navbar-ex1-collapse">
+
−
                <ul class="nav navbar-nav">
+
−
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
+
−
                    <li class="hidden">
+
−
                        <a class="page-scroll" href="#page-top"></a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a class="page-scroll" href="#about">About</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a class="page-scroll" href="#services">Services</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a class="page-scroll" href="#contact">Contact</a>
+
−
                    </li>
+
−
                </ul>
+
−
            </div>
+
−
            <!-- /.navbar-collapse -->
+
−
        </div>
+
−
        <!-- /.container -->
+
−
    </nav>
+
−
 
+
−
<div class="row">
+
 
<div class="col-md-12">
 
<div class="col-md-12">
 +
<nav class="navbar navbar-default" role="navigation">
 +
<div class="navbar-header">
 +
 +
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 +
<span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
 +
</button> <a class="navbar-brand" href="#">Brand</a>
 +
</div>
 +
 +
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 +
<ul class="nav navbar-nav">
 +
<li class="active">
 +
<a href="#">Link</a>
 +
</li>
 +
<li>
 +
<a href="#">Link</a>
 +
</li>
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>
 +
<ul class="dropdown-menu">
 +
<li>
 +
<a href="#">Action</a>
 +
</li>
 +
<li>
 +
<a href="#">Another action</a>
 +
</li>
 +
<li>
 +
<a href="#">Something else here</a>
 +
</li>
 +
<li class="divider">
 +
</li>
 +
<li>
 +
<a href="#">Separated link</a>
 +
</li>
 +
<li class="divider">
 +
</li>
 +
<li>
 +
<a href="#">One more separated link</a>
 +
</li>
 +
</ul>
 +
</li>
 +
</ul>
 +
<form class="navbar-form navbar-left" role="search">
 +
<div class="form-group">
 +
<input type="text" class="form-control" />
 +
</div>
 +
<button type="submit" class="btn btn-default">
 +
Submit
 +
</button>
 +
</form>
 +
<ul class="nav navbar-nav navbar-right">
 +
<li>
 +
<a href="#">Link</a>
 +
</li>
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>
 +
<ul class="dropdown-menu">
 +
<li>
 +
<a href="#">Action</a>
 +
</li>
 +
<li>
 +
<a href="#">Another action</a>
 +
</li>
 +
<li>
 +
<a href="#">Something else here</a>
 +
</li>
 +
<li class="divider">
 +
</li>
 +
<li>
 +
<a href="#">Separated link</a>
 +
</li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
 +
 +
</nav>
 +
<div class="jumbotron">
 +
<h2>
 +
Hello, world!
 +
</h2>
 +
<p>
 +
This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.
 +
</p>
 +
<p>
 +
<a class="btn btn-primary btn-large" href="#">Learn more</a>
 +
</p>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="col-md-4">
 +
<h2>
 +
Heading
 +
</h2>
 +
<p>
 +
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 +
</p>
 +
<p>
 +
<a class="btn" href="#">View details »</a>
 +
</p>
 +
</div>
 +
<div class="col-md-4">
 +
<h2>
 +
Heading
 +
</h2>
 +
<p>
 +
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 +
</p>
 +
<p>
 +
<a class="btn" href="#">View details »</a>
 +
</p>
 +
</div>
 +
<div class="col-md-4">
 +
<h2>
 +
Heading
 +
</h2>
 +
<p>
 +
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 +
</p>
 
<p>
 
<p>
−
Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit</strong>. Aliquam eget sapien sapien. Curabitur in metus urna. In hac habitasse platea dictumst. Phasellus eu sem sapien, sed vestibulum velit. Nam purus nibh, lacinia non faucibus et, pharetra in dolor. Sed iaculis posuere diam ut cursus. <em>Morbi commodo sodales nisi id sodales. Proin consectetur, nisi id commodo imperdiet, metus nunc consequat lectus, id bibendum diam velit et dui.</em> Proin massa magna, vulputate nec bibendum nec, posuere nec lacus. <small>Aliquam mi erat, aliquam vel luctus eu, pharetra quis elit. Nulla euismod ultrices massa, et feugiat ipsum consequat eu.</small>
+
<a class="btn" href="#">View details »</a>
 
</p>
 
</p>
 
</div>
 
</div>
 
</div>
 
</div>
−
 
−
 
−
 
 
</div>
 
</div>
−
 
−
 
−
 
−
 
  
 
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
 
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
 
</html>
 
</html>

Revision as of 04:27, 1 September 2015

Hello, world!

This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.

Learn more

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

View details »

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

View details »

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

View details »