@extends('layouts.newfront',  ['title' => 'Connections'])
@section('class_act_connection')
	current-menu
@endsection

@section('content')	
<meta name="csrf-token" content="{{ csrf_token() }}" />
<link href="{{ asset('assets/css/jquery-ui.css') }}" type="text/css" rel="stylesheet" />
<link href="{{ asset('assets/css/usercard.css?v=1.1') }}" type="text/css" rel="stylesheet" />

<div class="jobmain-panel">
	 <!-- start tab-->
	 <div class="jobs-top-panel">	  
		<div class="connection-navigation">
			<ul class="nav nav-pills">
				<li class="recommended active" rel="recomjobs"><a data-toggle="tab" data-target="#recomjobs" href="javascript:void(0)" aria-expanded="true">Following</a></li>
			  <li class="follower" rel="follower"><a data-toggle="tab" data-target="#follower" href="javascript:void(0)" aria-expanded="false">Follower</a></li>
			  <li class="applied" rel="appljobs"><a data-toggle="tab" data-target="#appljobs" href="javascript:void(0)" aria-expanded="false">Explore</a></li>
		   </ul>
		</div>
	 </div>
	 <!-- start user connection	-->
	 <div class="tab-content jobs-tabs connection-container">
		<div id="recomjobs" class="tab-pane fade active in">
			<div class="row">