<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width" /> <title>HealthComp, Inc. | Online Services</title> <link rel="icon" type="image/gif/png" href="./images/HCLogoWhiteBG1.png"> </head> <body class="internal about"> <div class="container wide"> <nav class="navbar navbar-default navbar-fixed-top hidden-lg hidden-md"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#primary-navbar" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="./"> <img src="./images/logo.jpg" alt="HealthComp, Inc." title="HealthComp, Inc."/> </a> </div> <div class="collapse navbar-collapse" id="primary-navbar"> <ul class="nav navbar-nav primary"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" role="button" href="#">About <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="./about.html">About</a></li> <li><a href="./our-people.html">Our Team</a></li> </ul> </li> <li class="dropdown active"> <a class="dropdown-toggle" data-toggle="dropdown" role="button" href="#">Services <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="./services.html">Services Overview</a></li> <li><a href="./utilization-management.html">Utilization Management</a></li> <li><a href="./reporting.html">Reporting &amp; Analytics</a></li> <li><a href="./fsa.html">Flexible Benefits</a></li> <li><a href="./loss-prevention.html" style="white-space:nowrap">Loss Prevention &amp; Recovery</a></li> <li><a href="./technology.html">Technology</a></li> <li class="active"><a href="./online-services.html">Online Services</a></li> </ul> </li> <li><a href="./members.html">Members</a></li> <li><a href="./employers.html">Employers</a></li> <li><a href="./brokers.html">Brokers</a></li> <li><a href="./providers.html">Providers</a></li> <li><a href="./contact-us.html">Contact Us</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <li> <a href="https://hconline.healthcomp.com/" target="_blank"> <i class="btn custom-btn btn-login uppercase">Log In</i> </a> </li> </ul> </div> </div> </nav> <nav class="navbar navbar-default navbar-fixed-top hidden-xs hidden-sm"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#primary-navbar-lg" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="./"> <img src="./images/logo.jpg" alt="HealthComp, Inc." title="HealthComp, Inc."/> </a> </div> <div class="collapse navbar-collapse" id="primary-navbar-lg"> <ul class="nav navbar-nav primary"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" role="button" href="#">About <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="./about.html">About</a></li> <li><a href="./our-people.html">Our Team</a></li> </ul> </li> <li class="dropdown active"> <a class="dropdown-toggle" data-toggle="dropdown" role="button" href="#">Services <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="./services.html">Services Overview</a></li> <li><a href="./utilization-management.html">Utilization Management</a></li> <li><a href="./reporting.html">Reporting &amp; Analytics</a></li> <li><a href="./fsa.html">Flexible Benefits</a></li> <li><a href="./loss-prevention.html">Loss Prevention &amp; Recovery</a></li> <li><a href="./technology.html">Technology</a></li> <li class="active"><a href="./online-services.html">Online Services</a></li> </ul> </li> <li><a href="./members.html">Members</a></li> <li><a href="./employers.html">Employers</a></li> <li><a href="./brokers.html">Brokers</a></li> <li><a href="./providers.html">Providers</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <li> <a href="./contact-us.html"> <img src="./images/Contact.png" alt="Contact Us" title="Contact Us" class="contact-icon"/> </a> </li> <li> <a href="https://hconline.healthcomp.com/" target="_blank"> <i class="btn custom-btn btn-login uppercase">Log In</i> </a> </li> </ul> </div> </div> </nav> </div> <!-- Jumbotron --> <div class="JTwrapper" style="margin-top:100px; margin-bottom:20px;"> <div class="JTmain parallax2 mobiletron"> <div style="display:table; height:100%"> <div style="display:table-cell; vertical-align:middle; padding-left:20px; padding-right:20px"> <h4 style="color:White; font-weight:bold; margin-bottom:5px; margin-top:0px">ONLINE SERVICES</h4> <h5 style="color:White; margin:0px 0 0 0; padding:0;"> Giving you the tools to help you manage your health benefits - anywhere, anytime </h5> <div class="container-fluid hero hidden-xs" style="padding-left:0; margin-top:20px"> <div class="row"> <div class="col-md-12"> <a class="custom-btn" href="https://hconline.healthcomp.com/">LOG IN TO HCONLINE</a> </div> </div> </div> </div> </div> </div> </div> <!-- Boxes --> <div class="container-fluid highlights"> <div class="row"> <div class="col-sm-7 hidden-xs"> <img src="./images/online-services.png" alt="Online Services" /> </div> <div class="col-xs-12 col-sm-5"> <div class="icon-w-header box small-icon" > <div class="row"> <div class="col-xs-12"> <ul class="sub1"> <li>HCOnline Electronic Open Enrollment Platform</li> <li>Mobile Application</li> <li>Digital ID Card</li> <li>Electronic EOB Statements</li> <li>Claim Status and Inquiry</li> <li>Language support</li> <li>Flex Electronic Claims Submission</li> <li>HCOnline for Providers</li> <li>Reports for Group Admins</li> <li>ACA Reporting</li> <li>Rx Integration</li> </ul> </div> </div> </div> </div> </div> </div> <!-- Footer --> <footer class="footer"> <div class="container wide"> <span class="copyright"> Copyright &copy; <script type="text/javascript"> document.write(new Date().getFullYear()); </script> HealthComp, LLC. | All Rights Reserved. </span> </div> </footer> <link rel="stylesheet" href="./css/bootstrap.min.css" type="text/css" media="screen" charset="utf-8"> <link rel="stylesheet" href="./css/master.css" type="text/css" media="screen" charset="utf-8"> <link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i" rel="stylesheet"> <link href="./fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <style type="text/css"> .parallax2 { background: linear-gradient( to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(./images/backgrounds/reporting1.jpg); background-attachment: fixed; background-position: 0px 100px; background-repeat: no-repeat; background-size: contain; } @media (min-width: 768px) { .parallax2 { background: linear-gradient( to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(./images/backgrounds/reporting1.jpg); background-attachment: fixed; background-position: 0px 100px; background-repeat: no-repeat; background-size: contain; } } @media (min-width: 992px) { .parallax2 { background: linear-gradient( to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(./images/backgrounds/reporting1.jpg); background-attachment: fixed; background-position: 0px 100px; background-repeat: no-repeat; background-size: contain; } } @media (min-width: 1200px) { .parallax2 { background: linear-gradient( to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(./images/backgrounds/reporting1.jpg); background-attachment: fixed; background-position: 0px 100px; background-repeat: no-repeat; background-size: contain; } } @media (min-width: 2200px) and (max-height:1080px) { .parallax2 { background: linear-gradient( to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(./images/backgrounds/reporting1.jpg); background-attachment: fixed; background-position: 0px 100px; background-repeat: no-repeat; background-size: cover; } } .sub-hero p.large { font-size: 30px; line-height: 1.1; } .highlights { padding-top:20px; } .highlights h3 { margin-top:8px; padding-left:10px; } .highlights img { margin-top:20px; } .highlights .sub1 { list-style:none; line-height:1.5em; } .highlights .sub1 li { padding-left: 0.0em; text-indent: -1em; color:#414141; font-size:18px; margin-top:5px; } .highlights .sub1 li:before { content:'\2713'; padding-right: 5px; color:#FF5900; font-size:20px; } @media (min-width: 768px ) { .highlights .sub1 li:before { content:'\25CF'; } } .highlights .sub2 { list-style:none; } .highlights .sub2 li { padding-left: 0.8em; text-indent: -1.5em; color:#414141; font-size:14px; font-style:normal; margin-top:0px; line-height:1.7em; } .highlights .sub2 li:before { content:'\2714'; padding-right:5px; color:#FF5900; font-size:22px; padding-right:0.1em; } .underline { border-bottom:3px solid #FF5900; } /* Jumbotron - auto aspect ratio -------------------------------*/ .JTwrapper { width: 100%; /* whatever width you want */ display: inline-block; position: relative; } .JTwrapper:after { padding-top: 56.25%; /* 16:9 ratio */ padding-top:37.21%; display: block; content: ''; } .JTmain { position: absolute; top: 0; bottom: 0; right: 0; left: 0; /* fill parent */ background-color: Transparent; /* let's see it! */ color: white; } .JTmain h4 { font-size:18px; } .JTmain h5 { font-size:14px; } @media (min-width: 768px) { .JTmain h4 { font-size:18px; padding-bottom:15px;} .JTmain h5 { font-size:22px; } .JTmain span { padding-bottom:10px; } } @media (min-width: 992px) { .JTmain h4 { font-size:18px; } .JTmain h5 { font-size:30px; } } </style> <!--[if lt IE 10]> <style type="text/css"> .parallax2 { background-image:url(./images/backgrounds/reporting1.jpg); } .parallax2:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,.3); } .parallax2 h4, .parallax2 p, .parallax2 .custom-btn { position:relative; z-index:1; } </style> <![endif]--> <script>(function(i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function() { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-12341579-1', 'auto'); ga('send', 'pageview');</script> <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> <script src="./js/bootstrap.min.js" charset="utf-8"></script> </body> </html>