Recent Comments

user
James Anderson
Lorem 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.
user
Johnathan Doeting
Lorem 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.
user
Michael Jorden
Lorem Ipsum is simply dummy text of the printing and type setting industry.

Code Here:


									
<div class="comment-widgets">
    <!-- Comment Row -->
    <div class="d-flex flex-row comment-row mt-0">
        <div class="p-2"><img src="../assets/images/users/1.jpg" alt="user" width="50" class="rounded-circle"></div>
        <div class="comment-text w-100">
            <h6 class="font-medium">James Anderson</h6>
            <span class="mb-3 d-block">Lorem Ipsum is simply dummy text of the printing and type setting industry. </span>
            <div class="comment-footer">
                <span class="text-muted float-right">April 14, 2016</span> <span class="label label-rounded label-primary">Pending</span> <span class="action-icons">
                            <a href="javascript:void(0)"><i class="ti-pencil-alt"></i></a>
                            <a href="javascript:void(0)"><i class="ti-check"></i></a>
                            <a href="javascript:void(0)"><i class="ti-heart"></i></a>    
                        </span>
            </div>
        </div>
    </div>
    <!-- Comment Row -->
    <div class="d-flex flex-row comment-row">
        <div class="p-2"><img src="../assets/images/users/4.jpg" alt="user" width="50" class="rounded-circle"></div>
        <div class="comment-text active w-100">
            <h6 class="font-medium">Michael Jorden</h6>
            <span class="mb-3 d-block">Lorem Ipsum is simply dummy text of the printing and type setting industry. </span>
            <div class="comment-footer ">
                <span class="text-muted float-right">April 14, 2016</span>
                <span class="label label-success label-rounded">Approved</span>
                <span class="action-icons active">
                            <a href="javascript:void(0)"><i class="ti-pencil-alt"></i></a>
                            <a href="javascript:void(0)"><i class="icon-close"></i></a>
                            <a href="javascript:void(0)"><i class="ti-heart text-danger"></i></a>    
                        </span>
            </div>
        </div>
    </div>
    <!-- Comment Row -->
    <div class="d-flex flex-row comment-row">
        <div class="p-2"><img src="../assets/images/users/5.jpg" alt="user" width="50" class="rounded-circle"></div>
        <div class="comment-text w-100">
            <h6 class="font-medium">Johnathan Doeting</h6>
            <span class="mb-3 d-block">Lorem Ipsum is simply dummy text of the printing and type setting industry. </span>
            <div class="comment-footer">
                <span class="text-muted float-right">April 14, 2016</span>
                <span class="label label-rounded label-danger">Rejected</span>
                <span class="action-icons">
                            <a href="javascript:void(0)"><i class="ti-pencil-alt"></i></a>
                            <a href="javascript:void(0)"><i class="ti-check"></i></a>
                            <a href="javascript:void(0)"><i class="ti-heart"></i></a>    
                        </span>
            </div>
        </div>
    </div>
    <!-- Comment Row -->
    <div class="d-flex flex-row comment-row">
        <div class="p-2"><img src="../assets/images/users/1.jpg" alt="user" width="50" class="rounded-circle"></div>
        <div class="comment-text w-100">
            <h6 class="font-medium">James Anderson</h6>
            <span class="mb-3 d-block">Lorem Ipsum is simply dummy text of the printing and type setting industry. </span>
            <div class="comment-footer">
                <span class="text-muted float-right">April 14, 2016</span> <span class="label label-rounded label-primary">Pending</span> <span class="action-icons">
                            <a href="javascript:void(0)"><i class="ti-pencil-alt"></i></a>
                            <a href="javascript:void(0)"><i class="ti-check"></i></a>
                            <a href="javascript:void(0)"><i class="ti-heart"></i></a>    
                        </span> </div>
        </div>
    </div>
    <!-- Comment Row -->
    <!-- Comment Row -->
    <div class="d-flex flex-row comment-row">
        <div class="p-2"><img src="../assets/images/users/4.jpg" alt="user" width="50" class="rounded-circle"></div>
        <div class="comment-text active w-100">
            <h6 class="font-medium">Michael Jorden</h6>
            <span class="mb-3 d-block">Lorem Ipsum is simply dummy text of the printing and type setting industry. </span>
            <div class="comment-footer ">
                <span class="text-muted float-right">April 14, 2016</span>
                <span class="label label-success label-rounded">Approved</span>
                <span class="action-icons active">
                            <a href="javascript:void(0)"><i class="ti-pencil-alt"></i></a>
                            <a href="javascript:void(0)"><i class="icon-close"></i></a>
                            <a href="javascript:void(0)"><i class="ti-heart text-danger"></i></a>    
                        </span>
            </div>
        </div>
    </div>
    <!-- Comment Row -->
</div>
									
								

Social Widget

Code Here


									
<div class="card social-widget">
    <div class="card-body bg-info">
        <div class="d-md-flex align-items-center  text-white">
            <div>
                <h4 class=" mb-0">People you may know</h4>
            </div>
            <div class="ml-auto">
                <a href="javascript: void(0)"><i class="mdi mdi-menu text-white font-20"></i></a>
            </div>
        </div>
        <form class="mt-4 mb-3">
            <div class="input-group mb-3 ">
                <input type="text" class="form-control" placeholder="Search by Email" aria-label="">
                <div class="input-group-append">
                    <button class="btn btn-light py-0" type="button"><i
                            data-feather="search"></i></button>
                </div>
            </div>
        </form>
    </div>
    <div class="card-body">
        <div class="row mt-2">
            <div class="col-4 text-center">
                <img src="../assets/images/users/1.png" alt="" class="img-fluid user-img">
                <h6 class="font-12 mt-1">Hanna Gover</h6>
                <button class="btn btn-light btn-sm">Connect</button>
            </div>
            <div class="col-4 text-center">
                <img src="../assets/images/users/2.png" alt="" class="img-fluid user-img">
                <h6 class="font-12 mt-1">Kendra Silly</h6>
                <button class="btn btn-light btn-sm">Connect</button>
            </div>
            <div class="col-4 text-center">
                <img src="../assets/images/users/3.png" alt="" class="img-fluid user-img">
                <h6 class="font-12 mt-1">Jack Sully</h6>
                <button class="btn btn-light btn-sm">Connect</button>
            </div>
        </div>
        <button class="btn btn-lg btn-block bg-cyan text-white mt-5 font-16">Invite friends from
            Twitter <i class="fab fa-twitter ml-2"></i></button>
        <button class="btn btn-lg btn-block bg-info text-white font-16">Invite friends from
            Facebook <i class="fab fa-facebook-f ml-2"></i></button>
    </div>
</div>
									
								

Profile Card

user

Daniel Kristeen

[email protected]
Dashboard
UI
UX
+3

Code Here


									
<div class="card">
    <div class="card-body text-center">
        <div class="profile-pic mb-3 mt-3">
            <img src="../assets/images/users/5.jpg" width="150" class="rounded-circle" alt="user" />
            <h4 class="mt-3 mb-0">Daniel Kristeen</h4>
            <a href="mailto:[email protected]">[email protected]</a>
        </div>
        <div class="badge badge-pill badge-light font-16">Dashboard</div>
        <div class="badge badge-pill badge-light font-16">UI</div>
        <div class="badge badge-pill badge-light font-16">UX</div>
        <div class="badge badge-pill badge-info font-16" data-toggle="tooltip" data-placement="top"
            title="3 more">+3</div>
    </div>
    <div class="p-4 border-top mt-3">
        <div class="row text-center">
            <div class="col-6 border-right">
                <a href="#" class="link d-flex align-items-center justify-content-center font-weight-medium"><i class="mdi mdi-message font-20 mr-1"></i>Message</a>
            </div>
            <div class="col-6">
                <a href="#" class="link d-flex align-items-center justify-content-center font-weight-medium"><i class="mdi mdi-developer-board font-20 mr-1"></i>Portfolio</a>
            </div>
        </div>
    </div>
</div>
									
								

Currency Exchange

Currency Exchange

exchange currency from here

Code Here


									
<div class="card-body">
    <h4 class="card-title">Currency Exchange</h4>
    <h5 class="card-subtitle">exchange currency from here</h5>
</div>
<div class="card-body bg-light text-center">
    <form>
        <div class="row no-gutters">
            <div class="col-8">
                <input class="form-control form-control-lg" type="text" value="1.02458">
            </div>
            <div class="col-4">
                <select class="custom-select custom-select-lg">
                    <option value="1">BTC</option>
                    <option value="2">ETH</option>
                    <option value="3">DASH</option>
                    <option value="4">LTC</option>
                    <option value="5">NEO</option>
                    <option value="6">XRP</option>
                    <option value="7">EOS</option>
                    <option value="8">NEM</option>
                    <option value="9">ADA</option>
                </select>
            </div>
        </div>
        <div class="round align-self-center round-danger mt-2 mb-2"><i class="ti-exchange-vertical"></i></div>
        <div class="row no-gutters">
            <div class="col-8">
                <input class="form-control form-control-lg" type="text" value="9526.39">
            </div>
            <div class="col-4">
                <select class="custom-select custom-select-lg">
                    <option value="1">USD</option>
                    <option value="2">EUR</option>
                    <option value="3">INR</option>
                    <option value="4">AUD</option>
                    <option value="5">GBP</option>
                    <option value="6">CAD</option>
                </select>
            </div>
        </div>
    </form>
</div>
<div class="card-body text-center">
    <button type="button" class="btn btn-info">Exchange Now</button>
</div>
									
								
All Rights Reserved by Xtreme. Designed and Developed by WrapPixel.