<!-- UI - X Starts --> <div class="ui-48"> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-6 col-xs-12"> <!-- Item Starts --> <div class="ui-item"> <!-- Company Name --> <h2><a href="#">New York Library</a></h2> <hr/> <!-- Company Logo --> <a href="#"><img src="img/ui-48/1.png" alt="" class="img-responsive" /></a> <!-- Report Starts --> <div class="ui-report"> <div class="container-fluid"> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-6 col-pad"> <!-- Report Item --> <div class="r-item bor-right"> <!-- Big Heading --> <h3 class="lblue">$12,000</h3> <!-- Heading --> <h4>Lorem</h4> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6 col-pad"> <!-- Report Item --> <div class="r-item"> <!-- Big Heading --> <h3 class="lblue">25%</h3> <!-- Heading --> <h4>Lipsum</h4> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6 col-pad"> <!-- Report Item --> <div class="r-item bor-right bor-bottom"> <!-- Big Heading --> <h3 class="lblue">$10,000</h3> <!-- Heading --> <h4>Contrary</h4> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6 col-pad"> <!-- Report Item --> <div class="r-item bor-bottom"> <!-- Big Heading --> <h3 class="lblue">78%</h3> <!-- Heading --> <h4>Hamphey</h4> </div> </div> </div> </div> </div> <!-- Report Ends --> <!-- Contact Starts --> <div class="ui-contact text-left"> <!-- Heading --> <h4>Contact</h4> <!-- Details --> <div class="ui-details clearfix"> <!-- Address --> <!-- Icon --> <i class="fa fa-home"></i> <!-- Content --> <span> #46/4, Hosapalya, Muneshwara Nagar, Bengaluru, Karnataka - 560068 </span> </div> <!-- Details --> <div class="ui-details clearfix"> <!-- Phone --> <!-- Icon --> <i class="fa fa-phone"></i> <!-- Content --> <span>080 4120 1512</span> </div> <!-- Details --> <div class="ui-details clearfix"> <!-- Email --> <!-- Icon --> <i class="fa fa-envelope"></i> <!-- Content --> <span><a href="#">[email protected]</a></span> </div> <!-- Details --> <div class="ui-details clearfix"> <!-- Website --> <!-- Icon --> <i class="fa fa-globe"></i> <!-- Content --> <span><a href="#">newyorklibrary.com</a></span> </div> </div> <!-- Contact Ends --> <!-- Social Icon Starts --> <div class="ui-social text-left"> <!-- Facebook --> <a href="#"><i class="fa fa-facebook facebook"></i></a> <!-- Twitter --> <a href="#"><i class="fa fa-twitter twitter"></i></a> <!-- LinkedIn --> <a href="#"><i class="fa fa-linkedin linkedin"></i></a> <!-- Google - Plus --> <a href="#"><i class="fa fa-google-plus google-plus"></i></a> <a href="#"><i class="fa fa-skype skype"></i></a> </div> <!-- Social Icon Ends --> </div> <!-- Item Ends --> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <!-- Item Starts --> <div class="ui-item"> <!-- Company Name --> <h2><a href="#">Capricon</a></h2> <hr/> <!-- Company Logo --> <a href="#"><img src="img/ui-48/2.png" alt="" class="img-responsive" /></a> <!-- Report Starts --> <div class="ui-report"> <div class="container-fluid"> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-6 col-pad"> <!-- Report Item --> <div class="r-item bor-right"> <!-- Big Heading --> <h3 class="lblue">$2,000</h3> <!-- Heading --> <h4>dolorem</h4> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6 col-pad"> <!-- Report Item --> <div class="r-item"> <!-- Big Heading --> <h3 class="lblue">0.25%</h3> <!-- Heading --> <h4>nostrud</h4> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6 col-pad"> <!-- Report Item --> <div class="r-item bor-right bor-bottom"> <!-- Big Heading --> <h3 class="lblue">$1,000</h3> <!-- Heading --> <h4>commodo</h4> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6 col-pad"> <!-- Report Item --> <div class="r-item bor-bottom"> <!-- Big Heading --> <h3 class="lblue">8%</h3> <!-- Heading --> <h4>deserunt</h4> </div> </div> </div> </div> </div> <!-- Report Ends --> <!-- Contact Starts --> <div class="ui-contact text-left"> <!-- Heading --> <h4>Contact</h4> <!-- Details --> <div class="ui-details clearfix"> <!-- Address --> <!-- Icon --> <i class="fa fa-home"></i> <!-- Content --> <span> #23 Epip Zone, Whitefield, opp. ITPL Tech park, Bengaluru, Karnataka - 560068 </span> </div> <!-- Details --> <div class="ui-details clearfix"> <!-- Phone --> <!-- Icon --> <i class="fa fa-phone"></i> <!-- Content --> <span>080 4331 1555</span> </div> <!-- Details --> <div class="ui-details clearfix"> <!-- Email --> <!-- Icon --> <i class="fa fa-envelope"></i> <!-- Content --> <span><a href="#">[email protected]</a></span> </div> <!-- Details --> <div class="ui-details clearfix"> <!-- Website --> <!-- Icon --> <i class="fa fa-globe"></i> <!-- Content --> <span><a href="#">capricon.com</a></span> </div> </div> <!-- Contact Ends --> <!-- Social Icon Starts --> <div class="ui-social text-left"> <!-- Facebook --> <a href="#"><i class="fa fa-facebook facebook"></i></a> <!-- Twitter --> <a href="#"><i class="fa fa-twitter twitter"></i></a> <!-- LinkedIn --> <a href="#"><i class="fa fa-linkedin linkedin"></i></a> <!-- Google - Plus --> <a href="#"><i class="fa fa-google-plus google-plus"></i></a> <a href="#"><i class="fa fa-skype skype"></i></a> </div> <!-- Social Icon Ends --> </div> <!-- Item Ends --> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <!-- Item Starts --> <div class="ui-item"> <!-- Company Name --> <h2><a href="#">MacoRooms</a></h2> <hr/> <!-- Company Logo --> <a href="#"><img src="img/ui-48/3.png" alt="" class="img-responsive" /></a> <!-- Report Starts --> <div class="ui-report"> <div class="container-fluid"> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-6 col-pad"> <!-- Report Item --> <div class="r-item bor-right"> <!-- Big Heading --> <h3 class="lblue">$6,000</h3> <!-- Heading --> <h4>inventore</h4> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6 col-pad"> <!-- Report Item --> <div class="r-item"> <!-- Big Heading --> <h3 class="lblue">20%</h3> <!-- Heading --> <h4>veritatis</h4> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6 col-pad"> <!-- Report Item --> <div class="r-item bor-right bor-bottom"> <!-- Big Heading --> <h3 class="lblue">$8,000</h3> <!-- Heading --> <h4>voluptate</h4> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6 col-pad"> <!-- Report Item --> <div class="r-item bor-bottom"> <!-- Big Heading --> <h3 class="lblue">89%</h3> <!-- Heading --> <h4>tempora</h4> </div> </div> </div> </div> </div> <!-- Report Ends --> <!-- Contact Starts --> <div class="ui-contact text-left"> <!-- Heading --> <h4>Contact</h4> <!-- Details --> <div class="ui-details clearfix"> <!-- Address --> <!-- Icon --> <i class="fa fa-home"></i> <!-- Content --> <span> #56-A, Wipro Gate No. 5, Electronic City Phase1, Bengaluru, Karnataka - 560100 </span> </div> <!-- Details --> <div class="ui-details clearfix"> <!-- Phone --> <!-- Icon --> <i class="fa fa-phone"></i> <!-- Content --> <span>080 4040 9090</span> </div> <!-- Details --> <div class="ui-details clearfix"> <!-- Email --> <!-- Icon --> <i class="fa fa-envelope"></i> <!-- Content --> <span><a href="#">[email protected]</a></span> </div> <!-- Details --> <div class="ui-details clearfix"> <!-- Website --> <!-- Icon --> <i class="fa fa-globe"></i> <!-- Content --> <span><a href="#">macorooms.com</a></span> </div> </div> <!-- Contact Ends --> <!-- Social Icon Starts --> <div class="ui-social text-left"> <!-- Facebook --> <a href="#"><i class="fa fa-facebook facebook"></i></a> <!-- Twitter --> <a href="#"><i class="fa fa-twitter twitter"></i></a> <!-- LinkedIn --> <a href="#"><i class="fa fa-linkedin linkedin"></i></a> <!-- Google - Plus --> <a href="#"><i class="fa fa-google-plus google-plus"></i></a> <a href="#"><i class="fa fa-skype skype"></i></a> </div> <!-- Social Icon Ends --> </div> <!-- Item Ends --> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <!-- Item Starts --> <div class="ui-item"> <!-- Company Name --> <h2><a href="#">GoGreen</a></h2> <hr/> <!-- Company Logo --> <a href="#"><img src="img/ui-48/5.png" alt="" class="img-responsive" /></a> <!-- Report Starts --> <div class="ui-report"> <div class="container-fluid"> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-6 col-pad"> <!-- Report Item --> <div class="r-item bor-right"> <!-- Big Heading --> <h3 class="lblue">$32,000</h3> <!-- Heading --> <h4>perspiciatis</h4> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6 col-pad"> <!-- Report Item --> <div class="r-item"> <!-- Big Heading --> <h3 class="lblue">45%</h3> <!-- Heading --> <h4>beatae</h4> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6 col-pad"> <!-- Report Item --> <div class="r-item bor-right bor-bottom"> <!-- Big Heading --> <h3 class="lblue">$60,000</h3> <!-- Heading --> <h4>pleasure</h4> </div> </div> <div class="col-md-6 col-sm-6 col-xs-6 col-pad"> <!-- Report Item --> <div class="r-item bor-bottom"> <!-- Big Heading --> <h3 class="lblue">28%</h3> <!-- Heading --> <h4>pursue</h4> </div> </div> </div> </div> </div> <!-- Report Ends --> <!-- Contact Starts --> <div class="ui-contact text-left"> <!-- Heading --> <h4>Contact</h4> <!-- Details --> <div class="ui-details clearfix"> <!-- Address --> <!-- Icon --> <i class="fa fa-home"></i> <!-- Content --> <span> #54B/55A, Hosur Main Road, Electronics City Phase 1, Bengaluru, Karnataka - 560013 </span> </div> <!-- Details --> <div class="ui-details clearfix"> <!-- Phone --> <!-- Icon --> <i class="fa fa-phone"></i> <!-- Content --> <span>080 4423 2323</span> </div> <!-- Details --> <div class="ui-details clearfix"> <!-- Email --> <!-- Icon --> <i class="fa fa-envelope"></i> <!-- Content --> <span><a href="#">[email protected]</a></span> </div> <!-- Details --> <div class="ui-details clearfix"> <!-- Website --> <!-- Icon --> <i class="fa fa-globe"></i> <!-- Content --> <span><a href="#">gogreen.com</a></span> </div> </div> <!-- Contact Ends --> <!-- Social Icon Starts --> <div class="ui-social text-left"> <!-- Facebook --> <a href="#"><i class="fa fa-facebook facebook"></i></a> <!-- Twitter --> <a href="#"><i class="fa fa-twitter twitter"></i></a> <!-- LinkedIn --> <a href="#"><i class="fa fa-linkedin linkedin"></i></a> <!-- Google - Plus --> <a href="#"><i class="fa fa-google-plus google-plus"></i></a> <!-- Skype --> <a href="#"><i class="fa fa-skype skype"></i></a> </div> <!-- Social Icon Ends --> </div> <!-- Item Ends --> </div> </div> </div> </div> <!-- UI - X Starts -->
Comments