Admin Pro

Widgets

Recent Comments

user
James Anderson

Lorem Ipsum is simply dummy text of the printing and type setting industry. Lorem Ipsum has beenorem Ipsum is simply dummy text of the printing and type setting industry.

user
Michael Jorden

Lorem Ipsum is simply dummy text of the printing and type setting industry. Lorem Ipsum has beenorem Ipsum is simply dummy text of the printing and type setting industry..

user
Johnathan Doeting

Lorem Ipsum is simply dummy text of the printing and type setting industry. Lorem Ipsum has beenorem Ipsum is simply dummy text of the printing and type setting industry.

user
James Anderson

Lorem Ipsum is simply dummy text of the printing and type setting industry. Lorem Ipsum has beenorem Ipsum is simply dummy text of the printing and type setting industry..

Code Here:


									
<div class="comment-widgets m-b-20">
    <!-- Comment Row -->
    <div class="d-flex flex-row comment-row">
        <div class="p-2"><span class="round"><img src="../assets/images/users/1.jpg" alt="user" width="50"></span></div>
        <div class="comment-text w-100">
            <h5>James Anderson</h5>
            <div class="comment-footer">
                <span class="date">April 14, 2016</span>
                <span class="label label-info">Pending</span> <span class="action-icons">
                            <a href="javascript:void(0)"><i class="mdi mdi-pencil-circle"></i></a>
                            <a href="javascript:void(0)"><i class="mdi mdi-checkbox-marked-circle"></i></a>
                            <a href="javascript:void(0)"><i class="mdi mdi-heart"></i></a>    
                        </span>
            </div>
            <p class="m-b-5 m-t-10">Lorem Ipsum is simply dummy text of the printing and type setting industry. Lorem Ipsum has beenorem Ipsum is simply dummy text of the printing and type setting industry.</p>
        </div>
    </div>
    <!-- Comment Row -->
    <div class="d-flex flex-row comment-row ">
        <div class="p-2"><span class="round"><img src="../assets/images/users/2.jpg" alt="user" width="50"></span></div>
        <div class="comment-text active w-100">
            <h5>Michael Jorden</h5>
            <div class="comment-footer">
                <span class="date">April 14, 2016</span>
                <span class="label label-success">Approved</span> <span class="action-icons active">
                            <a href="javascript:void(0)"><i class="mdi mdi-pencil-circle"></i></a>
                            <a href="javascript:void(0)"><i class="mdi mdi-checkbox-marked-circle text-success"></i></a>
                            <a href="javascript:void(0)"><i class="mdi mdi-heart text-danger"></i></a>    
                        </span>
            </div>
            <p class="m-b-5 m-t-10">Lorem Ipsum is simply dummy text of the printing and type setting industry. Lorem Ipsum has beenorem Ipsum is simply dummy text of the printing and type setting industry..</p>
        </div>
    </div>
    <!-- Comment Row -->
    <div class="d-flex flex-row comment-row">
        <div class="p-2"><span class="round"><img src="../assets/images/users/3.jpg" alt="user" width="50"></span></div>
        <div class="comment-text w-100">
            <h5>Johnathan Doeting</h5>
            <div class="comment-footer">
                <span class="date">April 14, 2016</span>
                <span class="label label-danger">Rejected</span> <span class="action-icons">
                            <a href="javascript:void(0)"><i class="mdi mdi-pencil-circle"></i></a>
                            <a href="javascript:void(0)"><i class="mdi mdi-checkbox-marked-circle"></i></a>
                            <a href="javascript:void(0)"><i class="mdi mdi-heart"></i></a>    
                        </span>
            </div>
            <p class="m-b-5 m-t-10">Lorem Ipsum is simply dummy text of the printing and type setting industry. Lorem Ipsum has beenorem Ipsum is simply dummy text of the printing and type setting industry.</p>
        </div>
    </div>
    <!-- Comment Row -->
    <div class="d-flex flex-row comment-row">
        <div class="p-2"><span class="round"><img src="../assets/images/users/4.jpg" alt="user" width="50"></span></div>
        <div class="comment-text w-100">
            <h5>James Anderson</h5>
            <div class="comment-footer">
                <span class="date">April 14, 2016</span>
                <span class="label label-info">Pending</span> <span class="action-icons">
                            <a href="javascript:void(0)"><i class="mdi mdi-pencil-circle"></i></a>
                            <a href="javascript:void(0)"><i class="mdi mdi-checkbox-marked-circle"></i></a>
                            <a href="javascript:void(0)"><i class="mdi mdi-heart"></i></a>    
                        </span>
            </div>
            <p class="m-b-5 m-t-10">Lorem Ipsum is simply dummy text of the printing and type setting industry. Lorem Ipsum has beenorem Ipsum is simply dummy text of the printing and type setting industry..</p>
        </div>
    </div>
</div>
									
								

To Do list

To Do list

    • user
    • user
    • user
    • user
    • user
    • user
  • 26 jun 2017
  • 26 jun 2017
  • 26 jun 2017
  • 26 jun 2017
    • user
    • user
    • user

Code Here


									
<div class="card">
    <div class="card-body">
        <button class="float-right btn btn-sm btn-rounded btn-success" data-toggle="modal" data-target="#myModal">Add Task</button>
        <h4 class="card-title">To Do list</h4>
        <div class="to-do-widget m-t-20">
            <!-- .modal for add task -->
            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title">Add Task</h4>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">×</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <form>
                                <div class="form-group">
                                    <label>Name</label>
                                    <input type="text" class="form-control" placeholder="Enter Your Name">
                                </div>
                                <div class="form-group">
                                    <label>Email address</label>
                                    <input type="email" class="form-control" placeholder="Enter email">
                                </div>
                            </form>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                            <button type="button" class="btn btn-success" data-dismiss="modal">Submit</button>
                        </div>
                    </div>
                    <!-- /.modal-content -->
                </div>
                <!-- /.modal-dialog -->
            </div>
            <!-- /.modal -->
            <ul class="list-task todo-list list-group m-b-0" data-role="tasklist">
                <li class="list-group-item" data-role="task">
                    <div class="checkbox checkbox-info">
                        <input type="checkbox" id="inputSchedule" name="inputCheckboxesSchedule">
                        <label for="inputSchedule" class=""> <span>Schedule meeting with</span> </label>
                    </div>
                    <ul class="assignedto">
                        <li><img src="../assets/images/users/1.jpg" alt="user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Steave"></li>
                        <li><img src="../assets/images/users/2.jpg" alt="user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Jessica"></li>
                        <li><img src="../assets/images/users/3.jpg" alt="user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Priyanka"></li>
                        <li><img src="../assets/images/users/4.jpg" alt="user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Selina"></li>
                    </ul>
                </li>
                <li class="list-group-item" data-role="task">
                    <div class="checkbox checkbox-info">
                        <input type="checkbox" id="inputCall" name="inputCheckboxesCall">
                        <label for="inputCall" class=""> <span>Give Purchase report to</span> <span class="label label-light-danger">Today</span> </label>
                    </div>
                    <ul class="assignedto">
                        <li><img src="../assets/images/users/3.jpg" alt="user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Priyanka"></li>
                        <li><img src="../assets/images/users/4.jpg" alt="user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Selina"></li>
                    </ul>
                </li>
                <li class="list-group-item" data-role="task">
                    <div class="checkbox checkbox-info">
                        <input type="checkbox" id="inputBook" name="inputCheckboxesBook">
                        <label for="inputBook" class=""> <span>Book flight for holiday</span> </label>
                    </div>
                    <div class="item-date"> 26 jun 2017</div>
                </li>
                <li class="list-group-item" data-role="task">
                    <div class="checkbox checkbox-info">
                        <input type="checkbox" id="inputForward" name="inputCheckboxesForward">
                        <label for="inputForward" class=""> <span>Forward all tasks</span> <span class="label label-light-warning">2 weeks</span> </label>
                    </div>
                    <div class="item-date"> 26 jun 2017</div>
                </li>
                <li class="list-group-item" data-role="task">
                    <div class="checkbox checkbox-info">
                        <input type="checkbox" id="inputRecieve" name="inputCheckboxesRecieve">
                        <label for="inputRecieve" class=""> <span>Recieve shipment</span> </label>
                    </div>
                    <div class="item-date"> 26 jun 2017</div>
                </li>
                <li class="list-group-item" data-role="task">
                    <div class="checkbox checkbox-info">
                        <input type="checkbox" id="inputpayment" name="inputCheckboxespayment">
                        <label for="inputpayment" class=""> <span>Send payment today</span> </label>
                    </div>
                    <div class="item-date"> 26 jun 2017</div>
                </li>
                <li class="list-group-item" data-role="task">
                    <div class="checkbox checkbox-info">
                        <input type="checkbox" id="inputForward2" name="inputCheckboxesd">
                        <label for="inputForward2" class=""> <span>Important tasks</span> <span class="label label-light-success">2 weeks</span> </label>
                    </div>
                    <ul class="assignedto">
                        <li><img src="../assets/images/users/1.jpg" alt="user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Assign to Steave"></li>
                        <li><img src="../assets/images/users/2.jpg" alt="user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Assign to Jessica"></li>
                        <li><img src="../assets/images/users/4.jpg" alt="user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Assign to Selina"></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>
									
								

Profile Card

user

Daniel Kristeen

UIUX Designer

14

Photos

54

Videos

145

Tasks

Lorem ipsum dolor sit ametetur adipisicing elit, sed do eiusmod tempor incididunt adipisicing elit, sed do eiusmod tempor incididunLorem ipsum dolor sit ametetur adipisicing elit, sed do eiusmod tempor incididuntt

Code Here


									
<div class="card">
    <div class="card-body">
        <div class="d-flex flex-row">
            <div class=""><img src="../assets/images/users/1.jpg" alt="user" class="img-circle" width="100" /></div>
            <div class="p-l-20">
                <h3 class="font-medium">Daniel Kristeen</h3>
                <h6>UIUX Designer</h6>
                <button class="btn btn-success"><i class="ti-plus"></i> Follow</button>
            </div>
        </div>
        <div class="row m-t-40">
            <div class="col b-r text-center">
                <h2 class="font-light">14</h2>
                <h6>Photos</h6></div>
            <div class="col b-r text-center">
                <h2 class="font-light">54</h2>
                <h6>Videos</h6></div>
            <div class="col text-center">
                <h2 class="font-light">145</h2>
                <h6>Tasks</h6></div>
        </div>
    </div>
    <div>
        <hr>
    </div>
    <div class="card-body">
        <p class="text-center aboutscroll">
            Lorem ipsum dolor sit ametetur adipisicing elit, sed do eiusmod tempor incididunt adipisicing elit, sed do eiusmod tempor incididunLorem ipsum dolor sit ametetur adipisicing elit, sed do eiusmod tempor incididuntt
        </p>
        <ul class="list-icons d-flex flex-item text-center p-t-10">
            <li class="col"><a href="javascript:void(0)" data-toggle="tooltip" title="Website"><i class="fa fa-globe font-20"></i></a></li>
            <li class="col"><a href="javascript:void(0)" data-toggle="tooltip" title="twitter"><i class="fab fa-twitter font-20"></i></a></li>
            <li class="col"><a href="javascript:void(0)" data-toggle="tooltip" title="Facebook"><i class="fab fa-facebook-square font-20"></i></a></li>
            <li class="col"><a href="javascript:void(0)" data-toggle="tooltip" title="Youtube"><i class="fab fa-youtube font-20"></i></a></li>
            <li class="col"><a href="javascript:void(0)" data-toggle="tooltip" title="Linkd-in"><i class="fab fa-linkedin font-20"></i></a></li>
        </ul>
    </div>
						                    </div>
									
								

Weather Report

Weather Report

73°

Saturday

Ahmedabad, India
Wind ESE 17 mph
Humidity 83%
Pressure 28.56 in
Cloud Cover 78%
Ceiling 25760 ft

  • 09:30

    70°

  • 11:30

    72°

  • 13:30

    75°

  • 15:30

    76°

Code Here


									
<div class="card">
    <div class="card-body">
        <div class="d-flex no-block align-items-center">
            <h4 class="card-title">Weather Report</h4>
            <div class="ml-auto">
                <select class="custom-select">
                    <option selected="">Today</option>
                    <option value="1">Weekly</option>
                </select>
            </div>
        </div>
        <div class="d-flex align-items-center flex-row m-t-30">
            <div class="p-2 display-5 text-info"><i class="wi wi-day-showers"></i> <span>73<sup>°</sup></span></div>
            <div class="p-2">
                <h3 class="m-b-0">Saturday</h3><small>Ahmedabad, India</small></div>
        </div>
        <table class="table no-border">
            <tbody>
                <tr>
                    <td>Wind</td>
                    <td class="font-medium">ESE 17 mph</td>
                </tr>
                <tr>
                    <td>Humidity</td>
                    <td class="font-medium">83%</td>
                </tr>
                <tr>
                    <td>Pressure</td>
                    <td class="font-medium">28.56 in</td>
                </tr>
                <tr>
                    <td>Cloud Cover</td>
                    <td class="font-medium">78%</td>
                </tr>
                <tr>
                    <td>Ceiling</td>
                    <td class="font-medium">25760 ft</td>
                </tr>
            </tbody>
        </table>
        <hr>
        <ul class="list-unstyled row text-center city-weather-days">
            <li class="col"><i class="wi wi-day-sunny"></i><span>09:30</span>
                <h3>70<sup>°</sup></h3></li>
            <li class="col"><i class="wi wi-day-cloudy"></i><span>11:30</span>
                <h3>72<sup>°</sup></h3></li>
            <li class="col"><i class="wi wi-day-hail"></i><span>13:30</span>
                <h3>75<sup>°</sup></h3></li>
            <li class="col"><i class="wi wi-day-sprinkle"></i><span>15:30</span>
                <h3>76<sup>°</sup></h3></li>
        </ul>
    </div>
</div>
									
								
All Rights Reserved by Monster. Designed and Developed by WrapPixel.