mirror of https://github.com/ColorlibHQ/gentelella
Update inbox.html
razvanaldea89
parent
bf398d536f
commit
d2597beadc
|
|
@ -19,13 +19,15 @@
|
||||||
<link href="../vendors/google-code-prettify/bin/prettify.min.css" rel="stylesheet">
|
<link href="../vendors/google-code-prettify/bin/prettify.min.css" rel="stylesheet">
|
||||||
|
|
||||||
<!-- Custom styling plus plugins -->
|
<!-- Custom styling plus plugins -->
|
||||||
<link href="../build/css/custom.min.css" rel="stylesheet">
|
<link href="../build/css/custom.css" rel="stylesheet">
|
||||||
|
<link href="../build/css/style-extra-bs4.css" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="nav-md">
|
<body class="nav-md">
|
||||||
<div class="container body">
|
<div class="body">
|
||||||
<div class="main_container">
|
<div class="main_container container-fluid">
|
||||||
<div class="col-md-3 left_col">
|
<div class="row">
|
||||||
|
<div class="col-lg-2 left_col">
|
||||||
<div class="left_col">
|
<div class="left_col">
|
||||||
<div class="navbar nav_title" style="border: 0;">
|
<div class="navbar nav_title" style="border: 0;">
|
||||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||||
|
|
@ -69,7 +71,8 @@
|
||||||
<li><a href="form_buttons.html">Form Buttons</a></li>
|
<li><a href="form_buttons.html">Form Buttons</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a><i class="fa fa-desktop"></i> UI Elements <span class="fa fa-chevron-down"></span></a>
|
<li><a><i class="fa fa-desktop"></i> UI Elements <span
|
||||||
|
class="fa fa-chevron-down"></span></a>
|
||||||
<ul class="nav child_menu">
|
<ul class="nav child_menu">
|
||||||
<li><a href="general_elements.html">General Elements</a></li>
|
<li><a href="general_elements.html">General Elements</a></li>
|
||||||
<li><a href="media_gallery.html">Media Gallery</a></li>
|
<li><a href="media_gallery.html">Media Gallery</a></li>
|
||||||
|
|
@ -88,7 +91,8 @@
|
||||||
<li><a href="tables_dynamic.html">Table Dynamic</a></li>
|
<li><a href="tables_dynamic.html">Table Dynamic</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a><i class="fa fa-bar-chart-o"></i> Data Presentation <span class="fa fa-chevron-down"></span></a>
|
<li><a><i class="fa fa-bar-chart-o"></i> Data Presentation <span
|
||||||
|
class="fa fa-chevron-down"></span></a>
|
||||||
<ul class="nav child_menu">
|
<ul class="nav child_menu">
|
||||||
<li><a href="chartjs.html">Chart JS</a></li>
|
<li><a href="chartjs.html">Chart JS</a></li>
|
||||||
<li><a href="chartjs2.html">Chart JS2</a></li>
|
<li><a href="chartjs2.html">Chart JS2</a></li>
|
||||||
|
|
@ -108,7 +112,8 @@
|
||||||
<div class="menu_section">
|
<div class="menu_section">
|
||||||
<h3>Live On</h3>
|
<h3>Live On</h3>
|
||||||
<ul class="nav side-menu">
|
<ul class="nav side-menu">
|
||||||
<li><a><i class="fa fa-bug"></i> Additional Pages <span class="fa fa-chevron-down"></span></a>
|
<li><a><i class="fa fa-bug"></i> Additional Pages <span
|
||||||
|
class="fa fa-chevron-down"></span></a>
|
||||||
<ul class="nav child_menu">
|
<ul class="nav child_menu">
|
||||||
<li><a href="e_commerce.html">E-commerce</a></li>
|
<li><a href="e_commerce.html">E-commerce</a></li>
|
||||||
<li><a href="projects.html">Projects</a></li>
|
<li><a href="projects.html">Projects</a></li>
|
||||||
|
|
@ -127,7 +132,8 @@
|
||||||
<li><a href="pricing_tables.html">Pricing Tables</a></li>
|
<li><a href="pricing_tables.html">Pricing Tables</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a><i class="fa fa-sitemap"></i> Multilevel Menu <span class="fa fa-chevron-down"></span></a>
|
<li><a><i class="fa fa-sitemap"></i> Multilevel Menu <span
|
||||||
|
class="fa fa-chevron-down"></span></a>
|
||||||
<ul class="nav child_menu">
|
<ul class="nav child_menu">
|
||||||
<li><a href="#level1_1">Level One</a>
|
<li><a href="#level1_1">Level One</a>
|
||||||
<li><a>Level One<span class="fa fa-chevron-down"></span></a>
|
<li><a>Level One<span class="fa fa-chevron-down"></span></a>
|
||||||
|
|
@ -144,7 +150,8 @@
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="javascript:void(0)"><i class="fa fa-laptop"></i> Landing Page <span class="label label-success pull-right">Coming Soon</span></a></li>
|
<li><a href="javascript:void(0)"><i class="fa fa-laptop"></i> Landing Page <span
|
||||||
|
class="label label-success pull-right">Coming Soon</span></a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -169,9 +176,10 @@
|
||||||
<!-- /menu footer buttons -->
|
<!-- /menu footer buttons -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-lg-10">
|
||||||
|
<div class="row">
|
||||||
<!-- top navigation -->
|
<!-- top navigation -->
|
||||||
<div class="top_nav">
|
<div class="col-lg-12 top_nav">
|
||||||
<div class="nav_menu">
|
<div class="nav_menu">
|
||||||
<nav>
|
<nav>
|
||||||
<div class="nav toggle">
|
<div class="nav toggle">
|
||||||
|
|
@ -180,7 +188,9 @@
|
||||||
|
|
||||||
<ul class="nav navbar-nav navbar-right">
|
<ul class="nav navbar-nav navbar-right">
|
||||||
<li class="">
|
<li class="">
|
||||||
<a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
|
<a href="javascript:;" class="user-profile dropdown-toggle"
|
||||||
|
data-toggle="dropdown"
|
||||||
|
aria-expanded="false">
|
||||||
<img src="images/img.jpg" alt="">John Doe
|
<img src="images/img.jpg" alt="">John Doe
|
||||||
<span class=" fa fa-angle-down"></span>
|
<span class=" fa fa-angle-down"></span>
|
||||||
</a>
|
</a>
|
||||||
|
|
@ -193,12 +203,15 @@
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="javascript:;">Help</a></li>
|
<li><a href="javascript:;">Help</a></li>
|
||||||
<li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a></li>
|
<li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log
|
||||||
|
Out</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li role="presentation" class="dropdown">
|
<li role="presentation" class="dropdown">
|
||||||
<a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false">
|
<a href="javascript:;" class="dropdown-toggle info-number"
|
||||||
|
data-toggle="dropdown"
|
||||||
|
aria-expanded="false">
|
||||||
<i class="fa fa-envelope-o"></i>
|
<i class="fa fa-envelope-o"></i>
|
||||||
<span class="badge bg-green">6</span>
|
<span class="badge bg-green">6</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
@ -268,25 +281,29 @@
|
||||||
<!-- /top navigation -->
|
<!-- /top navigation -->
|
||||||
|
|
||||||
<!-- page content -->
|
<!-- page content -->
|
||||||
<div class="right_col" role="main">
|
<div class="col-lg-12 right_col" role="main">
|
||||||
<div class="">
|
<div class="">
|
||||||
|
|
||||||
<div class="page-title">
|
<div class="page-title row">
|
||||||
<div class="title_left">
|
<div class="col-lg-6 text-left">
|
||||||
<h3>Inbox Design <small>Some examples to get you started</small></h3>
|
<h3>Inbox Design
|
||||||
|
<small>Some examples to get you started</small>
|
||||||
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="title_right">
|
<div class="col-lg-6 text-right">
|
||||||
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
|
<div class="row">
|
||||||
|
<div class="offset-md-7 col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
<input type="text" class="form-control" placeholder="Search for...">
|
<input type="text" class="form-control" placeholder="Search for...">
|
||||||
<span class="input-group-btn">
|
<span class="input-group-btn">
|
||||||
<button class="btn btn-default" type="button">Go!</button>
|
<button class="btn btn-light" type="button">Go!</button>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="clearfix"></div>
|
<div class="clearfix"></div>
|
||||||
|
|
||||||
|
|
@ -294,12 +311,16 @@
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
<div class="x_panel">
|
<div class="x_panel">
|
||||||
<div class="x_title">
|
<div class="x_title">
|
||||||
<h2>Inbox Design<small>User Mail</small></h2>
|
<h2>Inbox Design
|
||||||
|
<small>User Mail</small>
|
||||||
|
</h2>
|
||||||
<ul class="nav navbar-right panel_toolbox">
|
<ul class="nav navbar-right panel_toolbox">
|
||||||
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
|
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
|
||||||
</li>
|
</li>
|
||||||
<li class="dropdown">
|
<li class="dropdown">
|
||||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown"
|
||||||
|
role="button"
|
||||||
|
aria-expanded="false"><i class="fa fa-wrench"></i></a>
|
||||||
<ul class="dropdown-menu" role="menu">
|
<ul class="dropdown-menu" role="menu">
|
||||||
<li><a href="#">Settings 1</a>
|
<li><a href="#">Settings 1</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
@ -315,15 +336,22 @@
|
||||||
<div class="x_content">
|
<div class="x_content">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-3 mail_list_column">
|
<div class="col-sm-3 mail_list_column">
|
||||||
<button id="compose" class="btn btn-sm btn-success btn-block" type="button">COMPOSE</button>
|
<button id="compose" class="btn btn-sm btn-success btn-block"
|
||||||
|
type="button">
|
||||||
|
COMPOSE
|
||||||
|
</button>
|
||||||
<a href="#">
|
<a href="#">
|
||||||
<div class="mail_list">
|
<div class="mail_list">
|
||||||
<div class="left">
|
<div class="left">
|
||||||
<i class="fa fa-circle"></i> <i class="fa fa-edit"></i>
|
<i class="fa fa-circle"></i> <i class="fa fa-edit"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<h3>Dennis Mugo <small>3.00 PM</small></h3>
|
<h3>Dennis Mugo
|
||||||
<p>Ut enim ad minim veniam, quis nostrud exercitation enim ad minim veniam, quis nostrud exercitation...</p>
|
<small>3.00 PM</small>
|
||||||
|
</h3>
|
||||||
|
<p>Ut enim ad minim veniam, quis nostrud exercitation
|
||||||
|
enim ad
|
||||||
|
minim veniam, quis nostrud exercitation...</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
@ -333,19 +361,32 @@
|
||||||
<i class="fa fa-star"></i>
|
<i class="fa fa-star"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<h3>Jane Nobert <small>4.09 PM</small></h3>
|
<h3>Jane Nobert
|
||||||
<p><span class="badge">To</span> Ut enim ad minim veniam, quis nostrud exercitation enim ad minim veniam, quis nostrud exercitation...</p>
|
<small>4.09 PM</small>
|
||||||
|
</h3>
|
||||||
|
<p><span class="badge">To</span> Ut enim ad minim
|
||||||
|
veniam, quis
|
||||||
|
nostrud exercitation enim ad minim veniam, quis
|
||||||
|
nostrud
|
||||||
|
exercitation...</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<a href="#">
|
<a href="#">
|
||||||
<div class="mail_list">
|
<div class="mail_list">
|
||||||
<div class="left">
|
<div class="left">
|
||||||
<i class="fa fa-circle-o"></i><i class="fa fa-paperclip"></i>
|
<i class="fa fa-circle-o"></i><i
|
||||||
|
class="fa fa-paperclip"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<h3>Musimbi Anne <small>4.09 PM</small></h3>
|
<h3>Musimbi Anne
|
||||||
<p><span class="badge">CC</span> Ut enim ad minim veniam, quis nostrud exercitation enim ad minim veniam, quis nostrud exercitation...</p>
|
<small>4.09 PM</small>
|
||||||
|
</h3>
|
||||||
|
<p><span class="badge">CC</span> Ut enim ad minim
|
||||||
|
veniam, quis
|
||||||
|
nostrud exercitation enim ad minim veniam, quis
|
||||||
|
nostrud
|
||||||
|
exercitation...</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
@ -355,8 +396,12 @@
|
||||||
<i class="fa fa-paperclip"></i>
|
<i class="fa fa-paperclip"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<h3>Jon Dibbs <small>4.09 PM</small></h3>
|
<h3>Jon Dibbs
|
||||||
<p>Ut enim ad minim veniam, quis nostrud exercitation enim ad minim veniam, quis nostrud exercitation...</p>
|
<small>4.09 PM</small>
|
||||||
|
</h3>
|
||||||
|
<p>Ut enim ad minim veniam, quis nostrud exercitation
|
||||||
|
enim ad
|
||||||
|
minim veniam, quis nostrud exercitation...</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
@ -366,8 +411,12 @@
|
||||||
.
|
.
|
||||||
</div>
|
</div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<h3>Debbis & Raymond <small>4.09 PM</small></h3>
|
<h3>Debbis & Raymond
|
||||||
<p>Ut enim ad minim veniam, quis nostrud exercitation enim ad minim veniam, quis nostrud exercitation...</p>
|
<small>4.09 PM</small>
|
||||||
|
</h3>
|
||||||
|
<p>Ut enim ad minim veniam, quis nostrud exercitation
|
||||||
|
enim ad
|
||||||
|
minim veniam, quis nostrud exercitation...</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
@ -377,8 +426,12 @@
|
||||||
.
|
.
|
||||||
</div>
|
</div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<h3>Debbis & Raymond <small>4.09 PM</small></h3>
|
<h3>Debbis & Raymond
|
||||||
<p>Ut enim ad minim veniam, quis nostrud exercitation enim ad minim veniam, quis nostrud exercitation...</p>
|
<small>4.09 PM</small>
|
||||||
|
</h3>
|
||||||
|
<p>Ut enim ad minim veniam, quis nostrud exercitation
|
||||||
|
enim ad
|
||||||
|
minim veniam, quis nostrud exercitation...</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
@ -388,8 +441,12 @@
|
||||||
<i class="fa fa-circle"></i> <i class="fa fa-edit"></i>
|
<i class="fa fa-circle"></i> <i class="fa fa-edit"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<h3>Dennis Mugo <small>3.00 PM</small></h3>
|
<h3>Dennis Mugo
|
||||||
<p>Ut enim ad minim veniam, quis nostrud exercitation enim ad minim veniam, quis nostrud exercitation...</p>
|
<small>3.00 PM</small>
|
||||||
|
</h3>
|
||||||
|
<p>Ut enim ad minim veniam, quis nostrud exercitation
|
||||||
|
enim ad
|
||||||
|
minim veniam, quis nostrud exercitation...</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
@ -399,8 +456,12 @@
|
||||||
<i class="fa fa-star"></i>
|
<i class="fa fa-star"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<h3>Jane Nobert <small>4.09 PM</small></h3>
|
<h3>Jane Nobert
|
||||||
<p>Ut enim ad minim veniam, quis nostrud exercitation enim ad minim veniam, quis nostrud exercitation...</p>
|
<small>4.09 PM</small>
|
||||||
|
</h3>
|
||||||
|
<p>Ut enim ad minim veniam, quis nostrud exercitation
|
||||||
|
enim ad
|
||||||
|
minim veniam, quis nostrud exercitation...</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
@ -413,17 +474,33 @@
|
||||||
<div class="mail_heading row">
|
<div class="mail_heading row">
|
||||||
<div class="col-md-8">
|
<div class="col-md-8">
|
||||||
<div class="btn-group">
|
<div class="btn-group">
|
||||||
<button class="btn btn-sm btn-primary" type="button"><i class="fa fa-reply"></i> Reply</button>
|
<button class="btn btn-sm btn-primary"
|
||||||
<button class="btn btn-sm btn-default" type="button" data-placement="top" data-toggle="tooltip" data-original-title="Forward"><i class="fa fa-share"></i></button>
|
type="button"><i
|
||||||
<button class="btn btn-sm btn-default" type="button" data-placement="top" data-toggle="tooltip" data-original-title="Print"><i class="fa fa-print"></i></button>
|
class="fa fa-reply"></i> Reply
|
||||||
<button class="btn btn-sm btn-default" type="button" data-placement="top" data-toggle="tooltip" data-original-title="Trash"><i class="fa fa-trash-o"></i></button>
|
</button>
|
||||||
|
<button class="btn btn-sm btn-light" type="button"
|
||||||
|
data-placement="top" data-toggle="tooltip"
|
||||||
|
data-original-title="Forward"><i
|
||||||
|
class="fa fa-share"></i></button>
|
||||||
|
<button class="btn btn-sm btn-light" type="button"
|
||||||
|
data-placement="top" data-toggle="tooltip"
|
||||||
|
data-original-title="Print"><i
|
||||||
|
class="fa fa-print"></i></button>
|
||||||
|
<button class="btn btn-sm btn-light" type="button"
|
||||||
|
data-placement="top" data-toggle="tooltip"
|
||||||
|
data-original-title="Trash"><i
|
||||||
|
class="fa fa-trash-o"></i></button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4 text-right">
|
<div class="col-md-4 text-right">
|
||||||
<p class="date"> 8:02 PM 12 FEB 2014</p>
|
<p class="date"> 8:02 PM 12 FEB 2014</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
<h4> Donec vitae leo at sem lobortis porttitor eu consequat risus. Mauris sed congue orci. Donec ultrices faucibus rutrum.</h4>
|
<h4> Donec vitae leo at sem lobortis porttitor eu
|
||||||
|
consequat
|
||||||
|
risus. Mauris sed congue orci. Donec ultrices
|
||||||
|
faucibus
|
||||||
|
rutrum.</h4>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="sender-info">
|
<div class="sender-info">
|
||||||
|
|
@ -432,22 +509,58 @@
|
||||||
<strong>Jon Doe</strong>
|
<strong>Jon Doe</strong>
|
||||||
<span>(jon.doe@gmail.com)</span> to
|
<span>(jon.doe@gmail.com)</span> to
|
||||||
<strong>me</strong>
|
<strong>me</strong>
|
||||||
<a class="sender-dropdown"><i class="fa fa-chevron-down"></i></a>
|
<a class="sender-dropdown"><i
|
||||||
|
class="fa fa-chevron-down"></i></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="view-mail">
|
<div class="view-mail">
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
|
||||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
|
sed do
|
||||||
<p>Riusmod tempor incididunt ut labor erem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
|
eiusmod tempor incididunt ut labore et dolore magna
|
||||||
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
|
aliqua. Ut
|
||||||
|
enim ad minim veniam, quis nostrud exercitation ullamco
|
||||||
|
laboris
|
||||||
|
nisi ut aliquip ex ea commodo consequat.
|
||||||
|
Duis aute irure dolor in reprehenderit in voluptate
|
||||||
|
velit esse
|
||||||
|
cillum dolore eu fugiat nulla pariatur. Excepteur sint
|
||||||
|
occaecat
|
||||||
|
cupidatat non proident, sunt in culpa qui officia
|
||||||
|
deserunt
|
||||||
mollit anim id est laborum. </p>
|
mollit anim id est laborum. </p>
|
||||||
<p>Modesed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
|
<p>Riusmod tempor incididunt ut labor erem ipsum dolor sit
|
||||||
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
amet,
|
||||||
|
consectetur adipiscing elit, sed do eiusmod tempor
|
||||||
|
incididunt ut
|
||||||
|
labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||||
|
quis
|
||||||
|
nostrud exercitation ullamco laboris
|
||||||
|
nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||||
|
dolor
|
||||||
|
in reprehenderit in voluptate velit esse cillum dolore
|
||||||
|
eu fugiat
|
||||||
|
nulla pariatur. Excepteur sint occaecat cupidatat non
|
||||||
|
proident,
|
||||||
|
sunt in culpa qui officia deserunt
|
||||||
|
mollit anim id est laborum.</p>
|
||||||
|
<p>Modesed do eiusmod tempor incididunt ut labore et dolore
|
||||||
|
magna
|
||||||
|
aliqua. Ut enim ad minim veniam, quis nostrud
|
||||||
|
exercitation
|
||||||
|
ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||||
|
Duis
|
||||||
|
aute irure dolor in reprehenderit in voluptate
|
||||||
|
velit esse cillum dolore eu fugiat nulla pariatur.
|
||||||
|
Excepteur
|
||||||
|
sint occaecat cupidatat non proident, sunt in culpa qui
|
||||||
|
officia
|
||||||
|
deserunt mollit anim id est laborum.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="attachment">
|
<div class="attachment">
|
||||||
<p>
|
<p>
|
||||||
<span><i class="fa fa-paperclip"></i> 3 attachments — </span>
|
<span><i
|
||||||
|
class="fa fa-paperclip"></i> 3 attachments — </span>
|
||||||
<a href="#">Download all attachments</a> |
|
<a href="#">Download all attachments</a> |
|
||||||
<a href="#">View all images</a>
|
<a href="#">View all images</a>
|
||||||
</p>
|
</p>
|
||||||
|
|
@ -503,10 +616,24 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="btn-group">
|
<div class="btn-group">
|
||||||
<button class="btn btn-sm btn-primary" type="button"><i class="fa fa-reply"></i> Reply</button>
|
<button class="btn btn-sm btn-primary" type="button"><i
|
||||||
<button class="btn btn-sm btn-default" type="button" data-placement="top" data-toggle="tooltip" data-original-title="Forward"><i class="fa fa-share"></i></button>
|
class="fa fa-reply"></i> Reply
|
||||||
<button class="btn btn-sm btn-default" type="button" data-placement="top" data-toggle="tooltip" data-original-title="Print"><i class="fa fa-print"></i></button>
|
</button>
|
||||||
<button class="btn btn-sm btn-default" type="button" data-placement="top" data-toggle="tooltip" data-original-title="Trash"><i class="fa fa-trash-o"></i></button>
|
<button class="btn btn-sm btn-light" type="button"
|
||||||
|
data-placement="top" data-toggle="tooltip"
|
||||||
|
data-original-title="Forward"><i
|
||||||
|
class="fa fa-share"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-sm btn-light" type="button"
|
||||||
|
data-placement="top" data-toggle="tooltip"
|
||||||
|
data-original-title="Print"><i
|
||||||
|
class="fa fa-print"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-sm btn-light" type="button"
|
||||||
|
data-placement="top" data-toggle="tooltip"
|
||||||
|
data-original-title="Trash"><i
|
||||||
|
class="fa fa-trash-o"></i>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -522,7 +649,7 @@
|
||||||
<!-- /page content -->
|
<!-- /page content -->
|
||||||
|
|
||||||
<!-- footer content -->
|
<!-- footer content -->
|
||||||
<footer>
|
<footer class="col-lg-12">
|
||||||
<div class="pull-right">
|
<div class="pull-right">
|
||||||
Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
|
Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -531,6 +658,9 @@
|
||||||
<!-- /footer content -->
|
<!-- /footer content -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- compose -->
|
<!-- compose -->
|
||||||
<div class="compose col-md-6 col-xs-12">
|
<div class="compose col-md-6 col-xs-12">
|
||||||
|
|
@ -546,13 +676,15 @@
|
||||||
|
|
||||||
<div class="btn-toolbar editor" data-role="editor-toolbar" data-target="#editor">
|
<div class="btn-toolbar editor" data-role="editor-toolbar" data-target="#editor">
|
||||||
<div class="btn-group">
|
<div class="btn-group">
|
||||||
<a class="btn dropdown-toggle" data-toggle="dropdown" title="Font"><i class="fa fa-font"></i><b class="caret"></b></a>
|
<a class="btn dropdown-toggle" data-toggle="dropdown" title="Font"><i class="fa fa-font"></i><b
|
||||||
|
class="caret"></b></a>
|
||||||
<ul class="dropdown-menu">
|
<ul class="dropdown-menu">
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="btn-group">
|
<div class="btn-group">
|
||||||
<a class="btn dropdown-toggle" data-toggle="dropdown" title="Font Size"><i class="fa fa-text-height"></i> <b class="caret"></b></a>
|
<a class="btn dropdown-toggle" data-toggle="dropdown" title="Font Size"><i
|
||||||
|
class="fa fa-text-height"></i> <b class="caret"></b></a>
|
||||||
<ul class="dropdown-menu">
|
<ul class="dropdown-menu">
|
||||||
<li>
|
<li>
|
||||||
<a data-edit="fontSize 5">
|
<a data-edit="fontSize 5">
|
||||||
|
|
@ -589,7 +721,8 @@
|
||||||
<div class="btn-group">
|
<div class="btn-group">
|
||||||
<a class="btn" data-edit="justifyleft" title="Align Left (Ctrl/Cmd+L)"><i class="fa fa-align-left"></i></a>
|
<a class="btn" data-edit="justifyleft" title="Align Left (Ctrl/Cmd+L)"><i class="fa fa-align-left"></i></a>
|
||||||
<a class="btn" data-edit="justifycenter" title="Center (Ctrl/Cmd+E)"><i class="fa fa-align-center"></i></a>
|
<a class="btn" data-edit="justifycenter" title="Center (Ctrl/Cmd+E)"><i class="fa fa-align-center"></i></a>
|
||||||
<a class="btn" data-edit="justifyright" title="Align Right (Ctrl/Cmd+R)"><i class="fa fa-align-right"></i></a>
|
<a class="btn" data-edit="justifyright" title="Align Right (Ctrl/Cmd+R)"><i
|
||||||
|
class="fa fa-align-right"></i></a>
|
||||||
<a class="btn" data-edit="justifyfull" title="Justify (Ctrl/Cmd+J)"><i class="fa fa-align-justify"></i></a>
|
<a class="btn" data-edit="justifyfull" title="Justify (Ctrl/Cmd+J)"><i class="fa fa-align-justify"></i></a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -603,7 +736,8 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="btn-group">
|
<div class="btn-group">
|
||||||
<a class="btn" title="Insert picture (or just drag & drop)" id="pictureBtn"><i class="fa fa-picture-o"></i></a>
|
<a class="btn" title="Insert picture (or just drag & drop)" id="pictureBtn"><i
|
||||||
|
class="fa fa-picture-o"></i></a>
|
||||||
<input type="file" data-role="magic-overlay" data-target="#pictureBtn" data-edit="insertImage"/>
|
<input type="file" data-role="magic-overlay" data-target="#pictureBtn" data-edit="insertImage"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -624,6 +758,8 @@
|
||||||
|
|
||||||
<!-- jQuery -->
|
<!-- jQuery -->
|
||||||
<script src="../vendors/jquery/dist/jquery.min.js"></script>
|
<script src="../vendors/jquery/dist/jquery.min.js"></script>
|
||||||
|
<!-- Popper -->
|
||||||
|
<script src="../vendors/popper/popper.min.js"></script>
|
||||||
<!-- Bootstrap -->
|
<!-- Bootstrap -->
|
||||||
<script src="../vendors/bootstrap/dist/js/bootstrap.min.js"></script>
|
<script src="../vendors/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||||
<!-- FastClick -->
|
<!-- FastClick -->
|
||||||
|
|
@ -636,7 +772,7 @@
|
||||||
<script src="../vendors/google-code-prettify/src/prettify.js"></script>
|
<script src="../vendors/google-code-prettify/src/prettify.js"></script>
|
||||||
|
|
||||||
<!-- Custom Theme Scripts -->
|
<!-- Custom Theme Scripts -->
|
||||||
<script src="../build/js/custom.min.js"></script>
|
<script src="../build/js/custom.js"></script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in New Issue