Docuennto de Prueba

<!
DOCTYPE html>





<html>
<head>
<title>Ergo - Admin & App UI Template (v1.2)</title>


<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initialscale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style"
content="black">
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7;
IE=EDGE" />


<link href="../../../../common/bootstrap/css/bootstrap.css"
rel="stylesheet" />
<link href="../../../../common/bootstrap/css/responsive.css"
rel="stylesheet" />


<link href="../../../../common/theme/css/glyphicons.css"
rel="stylesheet" />


<link href="../../../../common/theme/scripts/plugins/forms/pixelmatrixuniform/css/uniform.default.css" rel="stylesheet" />
<script
src="../../../../common/theme/scripts/plugins/other/excanvas/excanvas.js"><
/script>



<link href="../../../../common/bootstrap/extend/jasnybootstrap/css/jasny-bootstrap.min.css" rel="stylesheet">
<link href="../../../../common/bootstrap/extend/jasnybootstrap/css/jasny-bootstrap-responsive.min.css" rel="stylesheet">
<link href="../../../../common/bootstrap/extend/bootstrapwysihtml5/css/bootstrap-wysihtml5-0.0.2.css" rel="stylesheet">
<link href="../../../../common/bootstrap/extend/bootstrapselect/bootstrap-select.css" rel="stylesheet" />
<link href="../../../../common/bootstrap/extend/bootstrap-togglebuttons/static/stylesheets/bootstrap-toggle-buttons.css" rel="stylesheet" />


<link
href="../../../../common/theme/scripts/plugins/forms/select2/select2.css"
rel="stylesheet" />


<link href="../../../../common/theme/scripts/plugins/forms/bootstrapdatetimepicker/css/datetimepicker.css" rel="stylesheet" />


<link href="../../../../common/theme/scripts/plugins/system/jqueryui/css/smoothness/jquery-ui-1.9.2.custom.min.css" rel="stylesheet" />


<link href="../../../../common/theme/scripts/plugins/color/jqueryminiColors/jquery.miniColors.css" rel="stylesheet" />

<link
href="../../../../common/theme/scripts/plugins/notifications/notyfy/jquery.noty
fy.css" rel="stylesheet" />
<link
href="../../../../common/theme/scripts/plugins/notifications/notyfy/themes/de
fault.css" rel="stylesheet" />


<link
href="../../../../common/theme/scripts/plugins/notifications/Gritter/css/jquery.
gritter.css" rel="stylesheet" />


<link href="../../../../common/theme/scripts/plugins/charts/easypie/jquery.easy-pie-chart.css" rel="stylesheet" />


<link href="../../../../common/theme/scripts/plugins/other/googlecode-prettify/prettify.css" rel="stylesheet" />


<link href="../../../../common/bootstrap/extend/bootstrap-imagegallery/css/bootstrap-image-gallery.min.css" rel="stylesheet" />


<link href="../../../../common/theme/css/style-light.css?1369753442"
rel="stylesheet" />


<script
src="../../../../common/theme/scripts/plugins/system/less.min.js"></script>
</head>
<body class="">

<div class="container-fluid fluid menu-right">

<div class="navbar main hidden-print">


<div class="wrapper">

<button type="button" class="btn btn-navbar">
<span class="icon-bar"></span> <span
class="icon-bar"></span> <span class="icon-bar"></span>
</button>



<ul class="topnav pull-left tn1 hidden-phone">

<li><a href="#themer" datatoggle="collapse" class="glyphicons eyedropper singleicon"><i></i></a></li>

<li class="dropdown dd-1 dd-2">

<a href="" datatoggle="dropdown">Notifications <span class="count">3</span></a>
<ul class="dropdown-menu pullleft">
<li><a href="#"
class="glyphicons envelope"><i></i> New Email</a></li>
<li><a href="#" class="glyphicons chat"><i></i> 5
Messages</a></li>
<li><a href="#" class="glyphicons
conversation"><i></i> 1 New Reply</a></li>
</ul>
</li>
</ul>



<ul class="topnav pull-right">


<li class="hidden-phone dropdown dd-1 ddflags" id="lang_nav">
<a href="#" datatoggle="dropdown"><img
src="../../../../common/theme/images/lang/en.png" alt="en" /></a>
<ul class="dropdown-menu pull-left">
<li class="active"><a href="?
page=index&layout_type=fluid&menu_position=menuright&style=style-light&lang=en" title="English"><img
src="../../../../common/theme/images/lang/en.png" alt="English">
English</a></li>
<li><a href="?
page=index&layout_type=fluid&menu_position=menuright&style=style-light&lang=ro" title="Romanian"><img
src="../../../../common/theme/images/lang/ro.png" alt="Romanian">
Romanian</a></li>
<li><a href="?
page=index&layout_type=fluid&menu_position=menuright&style=style-light&lang=it" title="Italian"><img
src="../../../../common/theme/images/lang/it.png" alt="Italian">
Italian</a></li>
<li><a href="?
page=index&layout_type=fluid&menu_position=menu-
right&style=style-light&lang=fr" title="French"><img
src="../../../../common/theme/images/lang/fr.png" alt="French">
French</a></li>
<li><a href="?
page=index&layout_type=fluid&menu_position=menuright&style=style-light&lang=pl" title="Polish"><img
src="../../../../common/theme/images/lang/pl.png" alt="Polish">
Polish</a></li>
</ul>
</li>



<li class="dropdown dd-1 visible-desktop">
<a href="" data-toggle="dropdown"
class="glyphicons shield"><i></i>Get Help <span
class="caret"></span></a>
<ul class="dropdown-menu pullright">
<li class="dropdown
submenu">
<a href="#" class="dropdown-toggle glyphicons
bell" data-toggle="dropdown"><i></i>Level 2</a>
<ul class="dropdownmenu submenu-show submenu-hide pull-left">
<li class="dropdown submenu">
<a href="#" class="dropdown-toggle"
data-toggle="dropdown">Level 2.1</a>
<ul
class="dropdown-menu submenu-show submenu-hide pull-left">
<li><a href="#">Level 2.1.1</a></li>
</ul>
</li>
<li class="dropdown submenu">

<a href="#" class="dropdown-toggle"
data-toggle="dropdown">Level 2.2</a>
<ul class="dropdown-menu submenushow submenu-hide pull-left">
<li><a href="#">Level
2.2.2</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="" class="glyphicons

settings"><i></i>Some option</a></li>
<li><a href=""
class="glyphicons bell"><i></i>Some other option</a></li>
<li><a href=""
class="glyphicons bell"><i></i>Other option</a></li>
</ul>
</li>



<li class="account dropdown dd-1">
<a data-toggle="dropdown" href="my_account.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light" class="glyphicons logout lock"><span
class="hidden-phone">mosaicpro</span><i></i></a>
<ul class="dropdown-menu pullright">
<li><a
href="my_account.html?
lang=en&layout_type=fluid&menu_position=menu-
right&style=style-light" class="glyphicons
cogwheel">Settings<i></i></a></li>
<li><a
lang=en&layout_type=fluid&menu_position=menuright&style=style-light" class="glyphicons camera">My
Photos<i></i></a></li>
<li class="profile">
<span>
<span
class="heading">Profile <a href="my_account.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light" class="pull-right">edit</a></span>
<span
class="img"></span>
<span
class="details">
<a
lang=en&layout_type=fluid&menu_position=menuright&style=style-light">Mosaic Pro</a>
contact@mosaicpro.biz
</span>
<span
class="clearfix"></span>
</span>
</li>
<li>
<span>
<a class="btn btndefault btn-mini pull-right" href="login.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light">Sign Out</a>
</span>
</li>
</ul>
</li>

</ul>

<div class="clearfix"></div>
</div>

<span class="toggle-navbar"></span>
</div>



<div id="wrapper">


<div id="menu" class="hidden-phone hidden-print">


<a href="index.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light" class="appbrand">Ergo <span>Admin UI
Template (v1.2)</span></a>


<div class="slim-scroll" data-scroll-height="800px">


<span class="profile">
<p>Welcome <a href="my_account.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light">mosaicpro</a></p>
<a class="img" href="my_account.html?

lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><img
src="../../../../common/theme/images/avatar-style-light.jpg" alt="Avatar"
/></a>
<span>
<ul>
lock"><i></i>Account</a></li>
keys"><i></i>Password</a></li>
eject"><i></i>Logout</a></li>
</ul>
</span>
</span>



<ul class="menu-0">

<li class="glyphicons display active"><a
href="index.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><i></i><span>Dashboard</span></a></li>


<li class="hasSubmenu glyphicons cogwheels">
<a data-toggle="collapse"
href="#menu_components"><i></i><span>Components</span></a>
<ul class="collapse"
id="menu_components">

<li class="hasSubmenu">
href="#menu_forms"><span>Forms</span></a>
id="menu_forms">
<li class=""><a
href="form_wizards.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Form Wizards</span></a></li>
<li class=""><a
href="form_elements.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Form Elements</span></a></li>
<li class=""><a
href="form_validator.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Form Validator</span></a></li>
<li class=""><a
href="file_managers.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>File Managers</span></a></li>
</ul>
<span
class="count">4</span>
</li>


<li class=""><a href="ui.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>UI Elements</span></a></li>
<li class=""><a href="icons.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Icons</span></a></li>
<li class=""><a href="widgets.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Widgets</span></a></li>
<li class=""><a href="tabs.html?

lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Tabs</span></a></li>
<li class=""><a href="sliders.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Sliders</span></a></li>
<li class=""><a href="charts.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Charts</span></a></li>


href="#menu_tables"><span>Tables</span></a>
id="menu_tables">
<li class=""><a
href="tables.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Tables</span></a></li>
<li class=""><a
href="pricing_tables.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Pricing tables</span></a></li>
</ul>
<span
</li>


<li class=""><a href="grid.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Grid system</span></a></li>
<li class=""><a
href="notifications.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Notifications</span></a></li>
<li class=""><a href="modals.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Modals</span></a></li>
<li class=""><a
href="thumbnails.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Thumbnails</span></a></li>
<li class=""><a
href="carousels.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Carousels</span></a></li>
<li class=""><a href="tour.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Page Tour</span></a></li>

</ul>
<span class="count">18</span>
</li>



class="glyphicons luggage"
href="#menu_examples"><i></i><span>Examples</span></a>
<ul class="collapse" id="menu_examples">


href="#menu_account"><i></i><span>Account</span></a>
id="menu_account">
<li class=""><a
href="my_account_advanced.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Advanced profile</span></a></li>
<li class=""><a
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>My Account</span></a></li>
<li><a href="login.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><i></i><span>Login</span></a></li>
<li><a
href="signup.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><i></i><span>Register</span></a></li>
</ul>
<span
</li>



href="#menu_landings"><i></i><span>Landing pages</span></a>
id="menu_landings">
<li><a
href="landing_page_1.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><i></i><span>Landing
#1</span></a></li>
<li><a
href="landing_page_2.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><i></i><span>Landing
#2</span></a></li>
</ul>
<span
</li>



href="#menu_gallery"><i></i><span>Photo Gallery</span></a>
id="menu_gallery">
<li class=""><a
href="gallery_1.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Regular</span></a></li>
<li class=""><a
href="gallery_2.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Masonry</span></a></li>
</ul>
<span
</li>



href="#menu_maps"><i></i><span>Maps</span></a>
id="menu_maps">
<li class=""><a
href="maps_vector.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Vector maps</span></a></li>
<li class=""><a
href="maps_google.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Google maps</span></a></li>
</ul>
<span
</li>


<li class=""><a href="invoice.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><i></i><span>Invoice</span></a></li>
<li class=""><a href="faq.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><i></i><span>FAQ</span></a></li>
<li class=""><a href="calendar.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><i></i><span>Calendar</span></a></li>

href="#menu_ecommerce"><i></i><span>Online Shop</span></a>


id="menu_ecommerce">
<li
class="hasSubmenu">
<a datatoggle="collapse" href="#menu_ecommerce_client"><i></i><span>Client
interface</span></a>
<ul
class="collapse" id="menu_ecommerce_client">
<li
class=""><a href="shop_client_products.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Products</span></a></li>
<li
class=""><a href="shop_client_product.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Product details</span></a></li>
<li
class=""><a href="shop_client_cart.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Shopping cart</span></a></li>
</ul>
<span
</li>
<li
class="hasSubmenu">
<a datatoggle="collapse"
href="#menu_ecommerce_admin"><i></i><span>Management</span><
/a>
<ul
class="collapse" id="menu_ecommerce_admin">
<li
class=""><a href="shop_admin_products.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Products</span></a></li>
<li
class=""><a href="shop_admin_product.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Add product</span></a></li>
</ul>
<span
</li>
</ul>
<span
</li>
<li class=""><a
href="bookings.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Bookings</span></a></li>
<li class=""><a href="finances.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Finances</span></a></li>
<li class=""><a href="pages.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Site Pages</span></a></li>
<li><a href="error.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Error page</span></a></li>
<li><a href="blank.html?
lang=en&layout_type=fluid&menu_position=menuright&style=style-light"><span>Blank page</span></a></li>
</ul>
<span class="count">21</span>
</li>

</ul>

<ul class="menu-1">
<li class="hasSubmenu active">
<a class="glyphicons wifi_alt"
href="#menu-recent-stats" data-toggle="collapse"><i></i><span>Recent
stats</span></a>
<ul class="collapse in" id="menu-recentstats">
<li><a class="glyphicons envelope"
href="#"><i></i><span>5 New Emails</span></a></li>
<li><a class="glyphicons chat"
href="#"><i></i><span>New Message on 19 Jan</span></a></li>
<li><a class="glyphicons user_add"

href="#"><i></i><span>10 Users Subscribed</span></a></li>
<li><a class="glyphicons cart_in"
href="#"><i></i><span>2 Orders worth of &dollar;239</span></a></li>
<li><a class="glyphicons single
circle_plus" href="#"><i></i><span>View all</span></a></li>
</ul>
</li>
</ul>
<div class="separator bottom"></div>


<div class="widget-sidebar-stats">
<strong>3,540</strong>
<span>Messages</span>
<span class="pull-right sparkline"></span>
</div>
<strong>2,510,402</strong>
<span>Photos</span>
<span class="pull-right sparkline"></span>
</div>



<a href="" class="widget-stats widget-stats-2 widgetstats-easy-pie widget-sidebar-stats txt-single">
<div data-percent="90" class="easy-pie
primary"><span class="value">90</span>%</div>
<span class="txt">Completed tasks</span>
</a>

<h5>Generic widget</h5>
<p>Lorem Ipsum is simply dummy text of the
printing and typesetting industry.</p>
</div>
</div>

</div>



<div id="content"">
<h2>Dashboard <span>for your next cool web APP</span></h2>
<div class="innerLR">


<div class="widget" data-toggle="collapse-widget">
<div class="widget-head">
<h4 class="heading glyphicons cardio"><i></i>Website
Traffic</h4>
</div>
<div class="widget-body">
<div id="chart_lines_fill_nopoints" style="height:
250px;"></div>
</div>
</div>



<div class="row-fluid widget-stats-group">
<div class="span1 center hidden-phone">

<a class="btn disabled btn-small btn-default glyphicons
standard chevron-left"><i></i></a>
</div>
<div class="span2">

<a href="" class="widget-stats">
<span class="glyphicons
cart_in"><i></i></span>
<span class="txt">Sales</span>
<span class="count label labelimportant">20</span>
</a>
</div>
<div class="span2">

shield"><i></i></span>
<span class="txt">Alerts</span>
<span class="count label">25</span>

</a>
</div>
<div class="span2">

user_add"><i></i></span>
<span class="txt">Clients</span>
<span class="count label labelwarning">33</span>
</a>
</div>
<div class="span2">

envelope"><i></i></span>
<span class="txt">Messages</span>
<span class="count label labelprimary">265</span>
</a>
</div>
<div class="span2">

<a href="" class="widget-stats primary">
<span class="glyphicons usd"><i></i></span>
<span class="txt">Earnings</span>
<span class="count label labelsuccess">&dollar;2,920</span>
</a>
</div>
<div class="span1 center hidden-phone">

<a class="btn btn-small btn-default glyphicons standard
chevron-right"><i></i></a>
</div>
</div>

<div class="tickertape">
<strong class="title">Important</strong>
<span class="marquee">
<span><strong>Lorem Ipsum</strong> is simply
dummy text of the printing and typesetting industry.</span>
<span>Lorem Ipsum has been the <strong>industry's
standard</strong> dummy text ever since the 1500s.</span>
</span>
</div>
<div class="row-fluid">
<div class="span6">
<div class="widget widget-activity margin-none" datatoggle="collapse-widget">

<h4 class="heading">Recent Activity</h4>
</div>
<div class="innerB">
<ul class="tabs">
<li class="glyphicons
user_add"><span data-toggle="tab" datatarget="#filterUsersTab"><i></i></span></li>
shopping_cart"><span data-toggle="tab" datatarget="#filterOrdersTab"><i></i></span></li>
<li class="glyphicons envelope
active"><span data-toggle="tab" datatarget="#filterMessagesTab"><i></i></span></li>
<li class="glyphicons link"><span
data-toggle="tab" data-target="#filterLinksTab"><i></i></span></li>
camera"><span data-toggle="tab" datatarget="#filterPhotosTab"><i></i></span></li>
</ul>
</div>
<div class="tab-content">


<div class="tab-pane" id="filterUsersTab">
<ul class="list">


<li>
<span
class="date">21/03</span>
activity-icon user_add"><i></i></span>
<span
class="ellipsis"><a href="">John Doe</a> registered at <a href="">Melisa
Ragae's</a> suggestion.</span>
<div
class="clearfix"></div>
</li>

<li>
<span
<span
class="ellipsis"><a href="">Darius Jackson</a> registered at <a
href="">Melisa Ragae's</a> suggestion.</span>
<div
</li>
<li>
<span
<span
class="ellipsis"><a href="">Melisa Ragae</a> registered at <a
href="">John Doe's</a> suggestion.</span>
<div
</li>
<li>
<span
<span
class="ellipsis"><a href="">Darius Jackson</a> registered at <a
href="">Martin Glades's</a> suggestion.</span>
<div
</li>
</ul>
<button type="button" class="btn
btn-small btn-inverse view-all hidden-phone"><span class="hidden-phone
hidden-tablet">View </span>members</button>
</div>



<div class="tab-pane"
id="filterOrdersTab">
<ul class="list">

<li>
<span
activity-icon shopping_cart"><i></i></span>
<span
class="ellipsis"><a href="">Jane Doe</a> bought 10 items worth of
€50 (<a href="">order #2301</a>)</span>
<div
</li>
<li>
<span
<span
class="ellipsis"><a href="">Martin Glades</a> bought 10 items worth of
<div
</li>
<li>
<span
<span
class="ellipsis"><a href="">Darius Jackson</a> bought 10 items worth of
<div
</li>

<li>
<span
<span
class="ellipsis"><a href="">John Doe</a> bought 10 items worth of
<div
</li>
</ul>
hidden-tablet">View </span>orders</button>
</div>



<div class="tab-pane active"
id="filterMessagesTab">
<ul class="list">

<li class="double">
activity-icon envelope"><i></i></span>
<span class="ellipsis">
You have received
an email from <a href="">Melisa Ragae</a> (melisa.ragae@grr-email.net)
<span
class="meta glyphicons calendar single"><i></i> on 29 March, 2013
<span>1 hour ago</span></span>
</span>
<div
</li>

<li class="double highlight">
You have received
an email from <a href="">John Doe</a> (john.doe@fake-email.net)
<span
</span>
<div
</li>

<li class="double">
You have received
an email from <a href="">Martin Glades</a> (martin.glades@weeemail.com)
<span
</span>
<div
</li>

<li class="double">
You have received
an email from <a href="">John Doe</a> (john.doe@fake-email.net)
<span
</span>
<div
</li>
</ul>
hidden-tablet">View </span>messages</button>
</div>



<div class="tab-pane" id="filterLinksTab">
<ul class="list">

<li>
<span
activity-icon link"><i></i></span>
<span
<div
</li>
<li>
<span
<span
class="ellipsis"><a href="">Darius Jackson</a> bought 10 items worth of
<div
</li>
<li>
<span
<span
<div
</li>
<li>
<span
<span
class="ellipsis"><a href="">Melisa Ragae</a> bought 10 items worth of
<div
</li>
</ul>
hidden-tablet">View </span>referrals</button>
</div>



<div class="tab-pane"
id="filterPhotosTab">
<ul class="list">

<li>
<span
activity-icon camera"><i></i></span>
<span
class="ellipsis"><a href="">Melisa Ragae</a> bought 10 items worth of
<div
</li>
<li>
<span
<span
class="ellipsis"><a href="">Jane Doe</a> bought 10 items worth of
<div
</li>
<li>
<span
<span
class="ellipsis"><a href="">John Doe</a> bought 10 items worth of
<div
</li>

<li>
<span
<span
<div
</li>
</ul>
hidden-tablet">View </span>photos</button>
</div>

</div>
<button type="button" class="btn btndefault">Default</button>

<button type="button" class="btn btnprimary">Primary</button>
<button type="button" class="btn btn-success
hidden-phone">Success</button>
<button type="button" class="btn btn-warning
hidden-phone">Warning</button>
<button type="button" class="btn btn-danger
hidden-phone">Danger</button>
</div>
</div>
</div>
<div class="span6">


<div class="widget widget-chat margin-none">
<h4 class="heading">Chat</h4>
</div>


<div class="slim-scroll chat-items" data-scrollheight="222px">


<div class="media">
<div class="media-object pull-left
thumb"><img data-src="holder.js/51x51" alt="Image"></div>
<div class="media-body">
<blockquote>
<small><a href="#" title=""
class="strong">Martin</a> <cite>just now</cite></small>
<p>Lorem ipsum dolor sit
amet, consectetur adipiscing elit. Proin vitae accumsan mauris. Donec vitae
nibh felis, facilisis bibendum sapien.</p>
</blockquote>
</div>
</div>


<div class="media">
<div class="media-object pull-right
<div class="media-body right">
<blockquote class="pull-right">
class="strong">John Doe</a><cite> 15 seconds ago</cite></small>
<p>In ultricies ante eget tortor
euismod vitae molestie eros hendrerit. Cras tristique, orci ac lacinia aliquet,
velit risus laoreet lectus, eget sollicitudin metus orci non nulla.</p>
</blockquote>
</div>
</div>


<div class="media">
<div class="media-object pull-left
<blockquote>
class="strong">Ricky</a> <cite>5 minutes ago</cite></small>
<p>Pellentesque ac turpis
turpis. Aliquam erat volutpat. Proin semper auctor mauris vel tempor. Ut
eget turpis neque. Nam ultricies tortor eu odio ultricies euismod.</p>
</blockquote>
</div>
</div>
</div>

</div>
<div class="chat-controls">
<form class="margin-none">
<div class="span10">
<input type="text"
name="message" class="input-block-level margin-none" placeholder="Type
your message .." />
</div>
<div class="span2">
<button type="submit"
class="btn btn-block btn-inverse">Send</button>
</div>
</div>
</form>
</div>
</div>
</div>

</div>
</div>
</div>
<div class="widget widget-gallery widget-gallery-slide margin-bottom-none"

data-toggle="collapse-widget">
<div class="widget-head"><h4 class="heading">Photo
Gallery</h4></div>


<div class="gallery gallery-2">
<ul class="row-fluid" data-toggle="modal-gallery" datatarget="#modal-gallery" id="gallery-4" data-delegate="#gallery-4">
<li class="span3"><a
class="thumb" href="../../../../common/theme/images/gallery-2/1.jpg" datagallery="gallery"><img src="../../../../common/theme/images/gallery2/1.jpg" alt="photo" /></a></li>
<li class="span3 hiddenphone"><a class="thumb" href="../../../../common/theme/images/gallery2/4.jpg" data-gallery="gallery"><img
src="../../../../common/theme/images/gallery-2/4.jpg" alt="photo"
/></a></li>
</ul>
</div>

<span class="nav nav-left disabled glyphicons standard

left_arrow"><i></i></span>
<span href="" class="nav nav-right glyphicons standard
right_arrow"><i></i></span>
</div>
</div>
<div class="row-fluid row-merge border-bottom">

<div class="span6">


<div class="innerAll">


<div class="span4">

<a href="" class="widget-stats widget-stats-2">
<span class="sparkline"></span>
<span class="txt"><span
class="count">2,566</span> Sales</span>
</a>
</div>
<div class="span4">

<a href="" class="widget-stats widget-stats-2
widget-stats-3">
<span class="sparkline success"></span>
class="count">12,566</span> Photos</span>
</a>
</div>
<div class="span4">

widget-stats-3">
<span class="sparkline danger"></span>
class="count">12,566</span> Photos</span>
</a>
</div>
</div>

</div>

</div>
<div class="span6">


<div class="innerAll">


<div class="span4">

widget-stats-easy-pie">
<div data-percent="75" class="easypie"><span class="value">75</span>%</div>
class="count">2,566</span> Sales</span>
</a>
</div>
<div class="span4">

widget-stats-easy-pie txt-single">
danger"><span class="value">85</span>%</div>
<span class="txt">Server
workload</span>
</a>
</div>
<div class="span4">

widget-stats-easy-pie">
inverse"><span class="value">23</span>%</div>
class="count">1,244</span> Emails</span>
</a>
</div>
</div>

</div>

</div>
</div>
<div class="span6">


<div class="widget" data-toggle="collapse-widget" datacollapse-closed="true">


<h4 class="heading glyphicons
stats"><i></i>Overview</h4>
</div>

<div class="widget-body list">

<ul>


<li>
<span class="count">350,254
<span class="sparkline"></span></span>
Visits
</li>



<li>
<span class="count">120,103
Visitors
</li>


<li>
<span
class="count">5,156,392 <span class="sparkline"></span></span>
Pageviews
</li>
</ul>
</div>
</div>




heart"><i></i>Interest</h4>
</div>

<ul>

<li>
<span class="count">00:01:59
avg.time
</li>


<li>
<span class="count">48%
returning
</li>
</ul>
</div>
</div>




history"><i></i>Activity</h4>
<a href="" class="details pull-right">view
all</a>
</div>

<ul>


<li>
<span>Sales today</span>
<span
class="count">€5,900</span>
</li>


<li>
<span>Some other
stats</span>
<span
class="count">36,900</span>
</li>
</ul>
</div>
</div>




cart_in"><i></i>Last orders</h4>
<a href="" class="details pull-right">view
all</a>
</div>

<div class="widget-body list products">

<ul>


<li>
<span
class="img">photo</span>
<span class="title">10
items<br/><strong>€5,900.00</strong></span>
<span class="count"></span>
</li>


<li>
<span
class="img">photo</span>
<span class="title">Product
name<br/><strong>€2,900</strong></span>
<span class="count"></span>
</li>
</ul>
</div>
</div>



<div class="widget widget-scroll" data-scrollheight="223px" data-toggle="collapse-widget" data-collapseclosed="true">

conversation"><i></i>Comments</h4>
</div>
<div>


<div class="media">
<img class="media-object pullleft thumb" data-src="holder.js/51x51" alt="Image" />
<blockquote>
<p>Lorem ipsum
dolor sit amet, consectetur adipiscing elit. Proin vitae accumsan mauris.
Donec vitae nibh felis, facilisis bibendum sapien. Duis a odio id erat
scelerisque fermentum in ut leo. Suspendisse potenti. Nunc semper cursus
dui luctus porttitor. Donec facilisis semper magna sit amet ullamcorper. Cras
rutrum magna eget risus vulputate congue. Sed sem libero, dignissim sit
amet viverra vitae, suscipit sit amet elit. Integer tincidunt risus in metus
rhoncus molestie.</p>
<small><a
href="#" title="">John Doe</a><cite> | client @ Famous
Company</cite></small>
</blockquote>
</div>
</div>


<div class="media">
<img class="media-object pullright thumb" data-src="holder.js/51x51" alt="Image" />

<blockquote class="pullright">
<p>In ultricies
ante eget tortor euismod vitae molestie eros hendrerit. Cras tristique, orci
ac lacinia aliquet, velit risus laoreet lectus, eget sollicitudin metus orci non
nulla. Pellentesque ac turpis turpis. Aliquam erat volutpat. Proin semper
auctor mauris vel tempor. Ut eget turpis neque. Nam ultricies tortor eu odio
ultricies euismod. Nulla rhoncus iaculis felis vulputate euismod. Maecenas
sapien arcu, gravida eu tincidunt vel, ultricies ullamcorper neque.</p>
<small><a
href="#" title="">John Doe</a><cite> | client @ Famous
Company</cite></small>
</blockquote>
</div>
</div>
</div>
</div>
</div>

</div>
<div class="span6">


<div class="widget" data-toggle="collapse-widget" datacollapse-closed="false">
pie_chart"><i></i>Traffic sources</h4>
</div>
<div id="pie" style="height:

221px;"></div>
</div>
</div>

</div>
</div>
</div>
</div>

</div>

<div id="footer" class="hidden-print">


<div class="copy">© 2012 - 2013 - <a
href="http://www.mosaicpro.biz">MosaicPro</a> - All Rights Reserved. <a
href="http://themeforest.net/item/ergo-admin-ui-template/4602755?
ref=mosaicpro" target="_blank">Purchase Ergo on ThemeForest</a> Current version: v1.2 / <a target="_blank"
href="http://demo.mosaicpro.biz/ergoadmin/CHANGELOG">changelog</a>
</div>

</div>

</div>



<div id="themer" class="collapse">
<div class="wrapper">
<span class="close2">× close</span>
<h4>Themer <span>color options</span></h4>
<ul>
<li>Theme: <select id="themer-theme" class="pullright"></select><div class="clearfix"></div></li>
<li>Primary Color: <input type="text" datatype="minicolors" data-default="#ffffff" data-slider="hue" datatextfield="false" data-position="left" id="themer-primary-cp" /><div
class="clearfix"></div></li>
<li>
<span class="link" id="themer-customreset">reset theme</span>
<span class="pull-right"><label>advanced
<input type="checkbox" value="1" id="themer-advanced-toggle"
/></label></span>
</li>
</ul>
<div id="themer-getcode" class="hide">
<hr class="separator" />
<button class="btn btn-primary btn-small pull-right btnicon glyphicons download" id="themer-getcode-less"><i></i>Get
LESS</button>
<button class="btn btn-inverse btn-small pull-right btnicon glyphicons download" id="themer-getcode-css"><i></i>Get
CSS</button>
</div>
</div>
</div>



<div id="modal-gallery" class="modal modal-gallery hide fade
hidden-print" tabindex="-1">
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
<h3 class="modal-title"></h3>
</div>
<div class="modal-body"><div class="modalimage"></div></div>
<div class="modal-footer">
<a class="btn btn-primary modal-next">Next <i class="iconarrow-right icon-white"></i></a>
<a class="btn btn-info modal-prev"><i class="icon-arrow-left
icon-white"></i> Previous</a>
<a class="btn btn-success modal-play modal-slideshow" dataslideshow="5000"><i class="icon-play icon-white"></i> Slideshow</a>
<a class="btn modal-download" target="_blank"><i
class="icon-download"></i> Download</a>
</div>
</div>



<script
src="../../../../common/theme/scripts/plugins/system/jquery.min.js"></script
>


<script src="../../../../common/theme/scripts/plugins/system/jqueryui/js/jquery-ui-1.9.2.custom.min.js"></script>



<script src="../../../../common/theme/scripts/plugins/system/jquery-uitouch-punch/jquery.ui.touch-punch.min.js"></script>


<script
src="../../../../common/theme/scripts/plugins/system/modernizr.js"></script
>


<script
src="../../../../common/bootstrap/js/bootstrap.min.js"></script>


<script src="../../../../common/theme/scripts/plugins/other/jqueryslimScroll/jquery.slimscroll.min.js"></script>


<script src="../../../../common/theme/scripts/demo/common.js?
1369753442"></script>


<script
src="../../../../common/theme/scripts/plugins/other/holder/holder.js"></script
>


<script
src="../../../../common/theme/scripts/plugins/forms/pixelmatrixuniform/jquery.uniform.min.js"></script>


<script>
var basePath = '../../../../common/';
</script>

<script src="../../../../common/bootstrap/extend/bootstrapselect/bootstrap-select.js"></script>
<script src="../../../../common/bootstrap/extend/bootstrap-togglebuttons/static/js/jquery.toggle.buttons.js"></script>
<script src="../../../../common/bootstrap/extend/bootstrap-hoverdropdown/twitter-bootstrap-hover-dropdown.min.js"></script>
<script src="../../../../common/bootstrap/extend/jasnybootstrap/js/jasny-bootstrap.min.js"></script>
<script src="../../../../common/bootstrap/extend/jasnybootstrap/js/bootstrap-fileupload.js"></script>
<script
src="../../../../common/bootstrap/extend/bootbox.js"></script>
<script src="../../../../common/bootstrap/extend/bootstrapwysihtml5/js/wysihtml5-0.3.0_rc2.min.js"></script>
<script src="../../../../common/bootstrap/extend/bootstrapwysihtml5/js/bootstrap-wysihtml5-0.0.2.js"></script>


<script src="../../../../common/theme/scripts/plugins/other/googlecode-prettify/prettify.js"></script>


<script
src="../../../../common/theme/scripts/plugins/notifications/Gritter/js/jquery.gri
tter.min.js"></script>


<script
src="../../../../common/theme/scripts/plugins/notifications/notyfy/jquery.notyf
y.js"></script>


<script src="../../../../common/theme/scripts/plugins/color/jqueryminiColors/jquery.miniColors.js"></script>


<script src="../../../../common/theme/scripts/plugins/forms/bootstrapdatetimepicker/js/bootstrap-datetimepicker.min.js"></script>


<script
src="../../../../common/theme/scripts/plugins/system/jquery.cookie.js"></scri
pt>


<script>
var primaryColor = '#8ec657',
dangerColor = '#b55151',
successColor = '#609450',
warningColor = '#ab7a4b',
inverseColor = '#45484d';
</script>


<script>
var themerPrimaryColor = primaryColor;
</script>
<script
src="../../../../common/theme/scripts/demo/themer.js"></script>


<script
src="../../../../common/theme/scripts/demo/twitter.js"></script>


<script src="../../../../common/theme/scripts/plugins/charts/easypie/jquery.easy-pie-chart.js"></script>


<script
src="../../../../common/theme/scripts/plugins/charts/sparkline/jquery.sparklin
e.min.js"></script>


<script src="../../../../common/theme/scripts/plugins/other/jquery.baresize.js"></script>


<script src="../../../../common/theme/scripts/demo/index.js?
1369753442"></script>


<script type="text/javascript"
src="https://www.google.com/jsapi"></script>


<script
src="../../../../common/theme/scripts/plugins/charts/flot/jquery.flot.js"></scri
pt>
<script
src="../../../../common/theme/scripts/plugins/charts/flot/jquery.flot.pie.js"></
script>
<script
src="../../../../common/theme/scripts/plugins/charts/flot/jquery.flot.tooltip.js"
></script>
<script
src="../../../../common/theme/scripts/plugins/charts/flot/jquery.flot.selection.j
s"></script>
<script
src="../../../../common/theme/scripts/plugins/charts/flot/jquery.flot.resize.js">
</script>
<script
src="../../../../common/theme/scripts/plugins/charts/flot/jquery.flot.orderBars.
js"></script>


<script src="../../../../common/theme/scripts/demo/charts.helper.js?
1369753442"></script>


<script src="http://blueimp.github.com/JavaScript-Load-Image/loadimage.min.js"></script>
<script src="../../../../common/bootstrap/extend/bootstrap-imagegallery/js/bootstrap-image-gallery.min.js" type="text/javascript"></script>
</body>
</html>

Docuennto de Prueba

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Docuennto de Prueba

Uploaded by

Copyright:

Available Formats

<!

<html class="ie lt-ie9 lt-ie8"> <![endif]-->

<html class="ie lt-ie9"> <![endif]-->

<div class="container-fluid fluid menu-right">

<!-- Top navbar (note: add class "navbar-hidden" to close the

<!-- Menu Toggle Button

<li class="dropdown dd-1 dd-2">

<li class="dropdown submenu">

<li><a href="" class="glyphicons

<a class="img" href="my_account.html?

<!-- Menu Regular Item

<!-- Components Submenu Level 2

<!-- Components Submenu Regular

<li class=""><a href="tabs.html?

<!-- Components Submenu Level 2

<!-- Components Submenu Regular

<!-- Examples Submenu Regular

<li><a class="glyphicons user_add"

<div class="span1 center hidden-phone">

<span class="count label">25</span>