Adminlayout

Developer
Anshul Sharma
Size
3,152 Kb
Views
8,096
  1. Adminlayout Previews
  2. Adminlayout HTML Codes

How do I make an adminlayout?

What is a adminlayout? How do you make a adminlayout? This script and codes were developed by Anshul Sharma on 29 November 2022, Tuesday.

Adminlayout Previews
IQ Test

Adminlayout - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>adminlayout</title> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>
</head>
<body> <div class="row"> <div class="portlet light bordered"> <div class="portlet-title tabbable-line"> <div class="caption"> <i class="icon-globe font-dark hide"></i> <span class="caption-subject font-dark bold uppercase">Feeds</span> </div> <ul class="nav nav-tabs"> <li class="active"> <a href="#tab_1_1" class="active" data-toggle="tab"> System </a> </li> <li> <a href="#tab_1_2" data-toggle="tab"> Activities </a> </li> </ul> </div> <div class="portlet-body"> <!--BEGIN TABS--> <div class="tab-content"> <div class="tab-pane active" id="tab_1_1"> <div class="scroller" style="height: 339px;" data-always-visible="1" data-rail-visible="0"> <ul class="feeds"> <li> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-success"> <i class="fa fa-bell-o"></i> </div> </div> <div class="cont-col2"> <div class="desc"> You have 4 pending tasks. <span class="label label-sm label-info"> Take action <i class="fa fa-share"></i> </span> </div> </div> </div> </div> <div class="col2"> <div class="date"> Just now </div> </div> </li> <li> <a href="javascript:;"> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-success"> <i class="fa fa-bell-o"></i> </div> </div> <div class="cont-col2"> <div class="desc"> New version v1.4 just lunched! </div> </div> </div> </div> <div class="col2"> <div class="date"> 20 mins </div> </div> </a> </li> <li> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-danger"> <i class="fa fa-bolt"></i> </div> </div> <div class="cont-col2"> <div class="desc"> Database server #12 overloaded. Please fix the issue. </div> </div> </div> </div> <div class="col2"> <div class="date"> 24 mins </div> </div> </li> <li> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-info"> <i class="fa fa-bullhorn"></i> </div> </div> <div class="cont-col2"> <div class="desc"> New order received. Please take care of it. </div> </div> </div> </div> <div class="col2"> <div class="date"> 30 mins </div> </div> </li> <li> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-success"> <i class="fa fa-bullhorn"></i> </div> </div> <div class="cont-col2"> <div class="desc"> New order received. Please take care of it. </div> </div> </div> </div> <div class="col2"> <div class="date"> 40 mins </div> </div> </li> <li> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-warning"> <i class="fa fa-plus"></i> </div> </div> <div class="cont-col2"> <div class="desc"> New user registered. </div> </div> </div> </div> <div class="col2"> <div class="date"> 1.5 hours </div> </div> </li> <li> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-success"> <i class="fa fa-bell-o"></i> </div> </div> <div class="cont-col2"> <div class="desc"> Web server hardware needs to be upgraded. <span class="label label-sm label-default "> Overdue </span> </div> </div> </div> </div> <div class="col2"> <div class="date"> 2 hours </div> </div> </li> <li> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-default"> <i class="fa fa-bullhorn"></i> </div> </div> <div class="cont-col2"> <div class="desc"> New order received. Please take care of it. </div> </div> </div> </div> <div class="col2"> <div class="date"> 3 hours </div> </div> </li> <li> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-warning"> <i class="fa fa-bullhorn"></i> </div> </div> <div class="cont-col2"> <div class="desc"> New order received. Please take care of it. </div> </div> </div> </div> <div class="col2"> <div class="date"> 5 hours </div> </div> </li> <li> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-info"> <i class="fa fa-bullhorn"></i> </div> </div> <div class="cont-col2"> <div class="desc"> New order received. Please take care of it. </div> </div> </div> </div> <div class="col2"> <div class="date"> 18 hours </div> </div> </li> <li> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-default"> <i class="fa fa-bullhorn"></i> </div> </div> <div class="cont-col2"> <div class="desc"> New order received. Please take care of it. </div> </div> </div> </div> <div class="col2"> <div class="date"> 21 hours </div> </div> </li> <li> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-info"> <i class="fa fa-bullhorn"></i> </div> </div> <div class="cont-col2"> <div class="desc"> New order received. Please take care of it. </div> </div> </div> </div> <div class="col2"> <div class="date"> 22 hours </div> </div> </li> <li> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-default"> <i class="fa fa-bullhorn"></i> </div> </div> <div class="cont-col2"> <div class="desc"> New order received. Please take care of it. </div> </div> </div> </div> <div class="col2"> <div class="date"> 21 hours </div> </div> </li> <li> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-info"> <i class="fa fa-bullhorn"></i> </div> </div> <div class="cont-col2"> <div class="desc"> New order received. Please take care of it. </div> </div> </div> </div> <div class="col2"> <div class="date"> 22 hours </div> </div> </li> <li> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-default"> <i class="fa fa-bullhorn"></i> </div> </div> <div class="cont-col2"> <div class="desc"> New order received. Please take care of it. </div> </div> </div> </div> <div class="col2"> <div class="date"> 21 hours </div> </div> </li> <li> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-info"> <i class="fa fa-bullhorn"></i> </div> </div> <div class="cont-col2"> <div class="desc"> New order received. Please take care of it. </div> </div> </div> </div> <div class="col2"> <div class="date"> 22 hours </div> </div> </li> <li> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-default"> <i class="fa fa-bullhorn"></i> </div> </div> <div class="cont-col2"> <div class="desc"> New order received. Please take care of it. </div> </div> </div> </div> <div class="col2"> <div class="date"> 21 hours </div> </div> </li> <li> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-info"> <i class="fa fa-bullhorn"></i> </div> </div> <div class="cont-col2"> <div class="desc"> New order received. Please take care of it. </div> </div> </div> </div> <div class="col2"> <div class="date"> 22 hours </div> </div> </li> </ul> </div> </div> <div class="tab-pane" id="tab_1_2"> <div class="scroller" style="height: 290px;" data-always-visible="1" data-rail-visible1="1"> <ul class="feeds"> <li> <a href="javascript:;"> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-success"> <i class="fa fa-bell-o"></i> </div> </div> <div class="cont-col2"> <div class="desc"> New user registered </div> </div> </div> </div> <div class="col2"> <div class="date"> Just now </div> </div> </a> </li> <li> <a href="javascript:;"> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-success"> <i class="fa fa-bell-o"></i> </div> </div> <div class="cont-col2"> <div class="desc"> New order received </div> </div> </div> </div> <div class="col2"> <div class="date"> 10 mins </div> </div> </a> </li> <li> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-danger"> <i class="fa fa-bolt"></i> </div> </div> <div class="cont-col2"> <div class="desc"> Order #24DOP4 has been rejected. <span class="label label-sm label-danger "> Take action <i class="fa fa-share"></i> </span> </div> </div> </div> </div> <div class="col2"> <div class="date"> 24 mins </div> </div> </li> <li> <a href="javascript:;"> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-success"> <i class="fa fa-bell-o"></i> </div> </div> <div class="cont-col2"> <div class="desc"> New user registered </div> </div> </div> </div> <div class="col2"> <div class="date"> Just now </div> </div> </a> </li> <li> <a href="javascript:;"> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-success"> <i class="fa fa-bell-o"></i> </div> </div> <div class="cont-col2"> <div class="desc"> New user registered </div> </div> </div> </div> <div class="col2"> <div class="date"> Just now </div> </div> </a> </li> <li> <a href="javascript:;"> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-success"> <i class="fa fa-bell-o"></i> </div> </div> <div class="cont-col2"> <div class="desc"> New user registered </div> </div> </div> </div> <div class="col2"> <div class="date"> Just now </div> </div> </a> </li> <li> <a href="javascript:;"> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-success"> <i class="fa fa-bell-o"></i> </div> </div> <div class="cont-col2"> <div class="desc"> New user registered </div> </div> </div> </div> <div class="col2"> <div class="date"> Just now </div> </div> </a> </li> <li> <a href="javascript:;"> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-success"> <i class="fa fa-bell-o"></i> </div> </div> <div class="cont-col2"> <div class="desc"> New user registered </div> </div> </div> </div> <div class="col2"> <div class="date"> Just now </div> </div> </a> </li> <li> <a href="javascript:;"> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-success"> <i class="fa fa-bell-o"></i> </div> </div> <div class="cont-col2"> <div class="desc"> New user registered </div> </div> </div> </div> <div class="col2"> <div class="date"> Just now </div> </div> </a> </li> <li> <a href="javascript:;"> <div class="col1"> <div class="cont"> <div class="cont-col1"> <div class="label label-sm label-success"> <i class="fa fa-bell-o"></i> </div> </div> <div class="cont-col2"> <div class="desc"> New user registered </div> </div> </div> </div> <div class="col2"> <div class="date"> Just now </div> </div> </a> </li> </ul> </div> </div> </div> <!--END TABS--> </div> </div>
</div>
<div class="row"> <div class="col-md-6 col-sm-6"> <!-- BEGIN PORTLET--> <div class="portlet light calendar bordered"> <div class="portlet-title "> <div class="caption"> <i class="icon-calendar font-dark hide"></i> <span class="caption-subject font-dark bold uppercase">Feeds</span> </div> </div> <div class="portlet-body"> <div id="calendar"> </div> </div> </div> <!-- END PORTLET--> </div> <div class="col-md-6 col-sm-6"> <!-- BEGIN PORTLET <div class="portlet light bordered"> <div class="portlet-title"> <div class="caption"> <i class="icon-bubble font-hide hide"></i> <span class="caption-subject font-hide bold uppercase">Chats</span> </div> <div class="actions"> <div class="portlet-input input-inline"> <div class="input-icon right"> <i class="icon-magnifier"></i> <input type="text" class="form-control input-circle" placeholder="search..."> </div> </div> </div> </div> <div class="portlet-body" id="chats"> <div class="scroller" style="height: 525px;" data-always-visible="1" data-rail-visible1="1"> <ul class="chats"> <li class="out"> <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" /> <div class="message"> <span class="arrow"> </span> <a href="javascript:;" class="name"> Lisa Wong </a> <span class="datetime"> at 20:11 </span> <span class="body"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span> </div> </li> <li class="out"> <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" /> <div class="message"> <span class="arrow"> </span> <a href="javascript:;" class="name"> Lisa Wong </a> <span class="datetime"> at 20:11 </span> <span class="body"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span> </div> </li> <li class="in"> <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar1.jpg" /> <div class="message"> <span class="arrow"> </span> <a href="javascript:;" class="name"> Bob Nilson </a> <span class="datetime"> at 20:30 </span> <span class="body"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span> </div> </li> <li class="in"> <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar1.jpg" /> <div class="message"> <span class="arrow"> </span> <a href="javascript:;" class="name"> Bob Nilson </a> <span class="datetime"> at 20:30 </span> <span class="body"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span> </div> </li> <li class="out"> <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" /> <div class="message"> <span class="arrow"> </span> <a href="javascript:;" class="name"> Richard Doe </a> <span class="datetime"> at 20:33 </span> <span class="body"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span> </div> </li> <li class="in"> <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" /> <div class="message"> <span class="arrow"> </span> <a href="javascript:;" class="name"> Richard Doe </a> <span class="datetime"> at 20:35 </span> <span class="body"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span> </div> </li> <li class="out"> <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar1.jpg" /> <div class="message"> <span class="arrow"> </span> <a href="javascript:;" class="name"> Bob Nilson </a> <span class="datetime"> at 20:40 </span> <span class="body"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span> </div> </li> <li class="in"> <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" /> <div class="message"> <span class="arrow"> </span> <a href="javascript:;" class="name"> Richard Doe </a> <span class="datetime"> at 20:40 </span> <span class="body"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span> </div> </li> <li class="out"> <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar1.jpg" /> <div class="message"> <span class="arrow"> </span> <a href="javascript:;" class="name"> Bob Nilson </a> <span class="datetime"> at 20:54 </span> <span class="body"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. sed diam nonummy nibh euismod tincidunt ut laoreet. </span> </div> </li> </ul> </div> <div class="chat-form"> <div class="input-cont"> <input class="form-control" type="text" placeholder="Type a message here..." /> </div> <div class="btn-cont"> <span class="arrow"> </span> <a href="" class="btn blue icn-only"> <i class="fa fa-check icon-white"></i> </a> </div> </div> </div> </div> <!-- END PORTLET--> </div>
</div> <script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'></script>
</body>
</html>
Adminlayout - Script Codes
Adminlayout - Script Codes
Home Page Home
Developer Anshul Sharma
Username anshulsharma23
Uploaded November 29, 2022
Rating 3
Size 3,152 Kb
Views 8,096
Do you need developer help for Adminlayout?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Anshul Sharma (anshulsharma23) Script Codes
Name
A Pen by Anshul Sharma
Submission_interlude
Create amazing marketing copy with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!