Recent Comments
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
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:danielkristeen@gmail.com">danielkristeen@gmail.com</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>
James Anderson
Lorem Ipsum is simply dummy text of the printing and type setting industry.Michael Jorden
Lorem Ipsum is simply dummy text of the printing and type setting industry.Johnathan Doeting
Lorem Ipsum is simply dummy text of the printing and type setting industry.James Anderson
Lorem Ipsum is simply dummy text of the printing and type setting industry.Michael Jorden
Lorem Ipsum is simply dummy text of the printing and type setting industry.