agentHomePage.blade.php 4.24 KB
<style>
	.hero-widget { text-align: center; padding-top: 20px; padding-bottom: 20px; }
.hero-widget .icon { display: block; font-size: 96px; line-height: 96px; margin-bottom: 10px; text-align: center; }
.hero-widget var { display: block; height: 64px; font-size: 64px; line-height: 64px; font-style: normal; }
.hero-widget label { font-size: 17px; }
.hero-widget .options { margin-top: 10px; }
.well {  background-color : #040404 }
.acolor { color: #000000;}
</style>


<div class="container">
	<div class="row">
		<div class="col-sm-4">
            <div class="hero-widget well well-sm">
                <div class="icon">
                     <i class="fa fa-cog"></i>
                </div>
                <div class="text">
                   <!--  <var>75%</var> -->
                    <label class="text-muted">Campaign Management</label>
                </div>
                <div class="options">
                    <a href="javascript:;" class="btn btn-default btn-lg acolor" onclick="menuAction('campaign');return false;"><i class="glyphicon glyphicon-search"></i> Campaign Management</a>
                </div>
            </div>
		</div>
		<div class="col-sm-4">
    	    <div class="hero-widget well well-sm">
                <div class="icon">
                     <i class="fa fa-lock f4"></i>
                </div>
                <div class="text">
                    <!-- <var>3</var> -->
                    <label class="text-muted">Admin</label>
                </div>
                <div class="options">
                    <a href="javascript:;" class="btn btn-default btn-lg acolor" onclick="menuAction(&quot;admin&quot;);return false;"><i class="glyphicon glyphicon-search"></i> Flexydial Admin</a>
                </div>
            </div>
		</div>
        <div class="col-sm-4">
            <div class="hero-widget well well-sm">
                <div class="icon">
                     <i class="fa fa-user"></i>
                </div>
                <div class="text"><!-- 
                    <var>614</var> -->
                    <label class="text-muted">Users</label>
                </div>
                <div class="options">
                    <a href="javascript:;" class="btn btn-default btn-lg acolor"  onclick="menuAction(&quot;user&quot;);return false;"><i class="glyphicon glyphicon-search"></i> Manage Users</a>
                </div>
            </div>
		</div>
        <div class="col-sm-4">
            <div class="hero-widget well well-sm">
                <div class="icon">
                     <i class="fa fa-users"></i>
                </div>
                <div class="text">
                   <!--  <var>73</var> -->
                    <label class="text-muted">Groups</label>
                </div>
                <div class="options">
                    <a href="javascript:;" class="btn btn-default btn-lg acolor" onclick="menuAction(&quot;group&quot;);return false;"><i class="glyphicon glyphicon-search"></i> Manage Groups</a>
                </div>
            </div>
    	</div>
        
		<div class="col-sm-4">
    	    <div class="hero-widget well well-sm">
                <div class="icon">
                     <i class="fa fa-star"></i>
                </div>
                <div class="text">
                    <!-- <var>3</var> -->
                    <label class="text-muted">Role</label>
                </div>
                <div class="options">
                	<a href="javascript:;" class="btn btn-default btn-lg acolor" onclick="menuAction(&quot;role&quot;);return false;"><i class="glyphicon glyphicon-search"></i> Manage Roles</a>
                </div>
            </div>
		</div>
        <div class="col-sm-4">
            <div class="hero-widget well well-sm">
                <div class="icon">
                     <i class="fa fa-phone"></i>
                </div>
                <div class="text">
                   <!--  <var>614</var> -->
                    <label class="text-muted">Dial Mode</label>
                </div>
                <div class="options">
                    <a href="javascript:;" class="btn btn-default btn-lg acolor" onclick="menuAction(&quot;dialmode&quot;);return false;"><i class="glyphicon glyphicon-search"></i> Manage Dial Mode</a>
                </div>
            </div>
		</div>
	</div>
</div>