SCIF Layout

Developer
Ty Cahill
Size
4,297 Kb
Views
34,408
  1. SCIF Layout Previews
  2. SCIF Layout HTML Codes
  3. SCIF Layout JS Codes

How do I make an scif layout?

Base layout of SCIF web pages.. What is a scif layout? How do you make a scif layout? This script and codes were developed by Ty Cahill on 25 July 2022, Monday.

SCIF Layout Previews
IQ Test

SCIF Layout - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>SCIF Layout</title> <link href="http://stgsfcaqa.statefundca.com/UACommonAssets/Content/bootstrap-3.0.0/bootstrap.css?v=2.9" rel="stylesheet">
<link href="http://stgsfcaqa.statefundca.com/UACommonAssets/Content/bootstrap-3.0.0/font-awesome.css?v=2.9" rel="stylesheet">
<link href="http://stgsfcaqa.statefundca.com/UACommonAssets/Content/docsupport/prism.css?v=2.9" rel="stylesheet">
<link href="http://stgsfcaqa.statefundca.com/UACommonAssets/Content/jquery-ui-1.10.3/base/jquery-ui.css?v=2.9" rel="stylesheet">
<link href="http://stgsfcaqa.statefundca.com/UACommonAssets/Content/jason_site.css?v=2.9" rel="stylesheet">
<link href="http://stgsfcaqa.statefundca.com/UACommonAssets/Content/site.css?v=2.9" rel="stylesheet">
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/modernizr-2.5.3.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/jquery-1.10.2.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/jquery-ui-1.10.3.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/jquery.maskedinput.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/jquery.validate.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/jquery.validate.unobtrusive.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/jquery-migrate-1.2.1.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/bootstrap-3.0.0.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/knockout-2.3.0.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/handlebars-v1.1.2.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/jquery.bxslider.min.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/jquery.maskedinput.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/common.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/enum.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/quickquote.autocomplete.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/prism.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/chosen.jquery.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/quickquoteview.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/dashboard.js"></script>
<!--[if lt IE 9]>	<script src='http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/html5shiv.js?v=2.9'></script> <![endif]-->
<!--[if IE 8]> <link href='http://stgsfcaqa.statefundca.com/UACommonAssets/Content/bootstrap-3.0.0/bootstrapie8.css?v=2.9' rel="stylesheet"/> <![endif]-->
<!--[if IE 7]> <link rel="stylesheet" href='http://stgsfcaqa.statefundca.com/UACommonAssets/Content/bootstrap-3.0.0/font-awesome-ie7.css?v=2.9'> <link href='http://stgsfcaqa.statefundca.com/UACommonAssets/Content/bootstrap-3.0.0/bootstrapie7.css?v=2.9' rel="stylesheet"/> <![endif]-->
</head>
<body> <!-- Fixed navbar -->
<div class="navbar navbar-inverse navbar-fixed-top"> <div class="container menu-tablet"> <div class="navbar-header"> <button type="button" class="btn btn-primary btn-sm navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span>MENU</span> </button> <button type="button" id="btnLogin" class="btn btn-default btn-sm navbar-toggle login">LOG IN</button> <a class="navbar-brand" href='http://stgsfcadevtrng.statefundca.com/'> <img src='http://stgsfcadevtrng.statefundca.com/UACommonAssets/Content/Images/header_logo4.png' alt="State Fund logo" class="scifmainlogo hidden-xs"> <img src='http://stgsfcadevtrng.statefundca.com/UACommonAssets/Content/Images/header_logo_mobile.png' alt="State Fund logo" class="scifmainlogo visible-xs"> </a> </div> <div class="navbar-collapse collapse topmenu"> <ul class="nav navbar-nav" id="ul-topmenu"> <li> <a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com//about/About.asp'>About</a> </li> <li> <a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com//policy/ObtainAPolicy.asp'>Obtain a Policy</a> </li> <li> <a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com//claims/ClaimsSvcs.asp'>Claims Services</a> </li> <li> <a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com//safety/SafetyAndSeminars.asp'>Safety & Seminars</a> </li> <li> <a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com//forms/Forms.asp'>Forms</a> </li> <li> <a href='http://stgsfcadevtrng.statefundca.com//Home/StaticIndex?id=http://stgcontentqa.statefundca.com//careers/Index.asp'>Careers</a> </li> </ul> <ul class="nav navbar-nav menu-phone"> <li class="visible-xs"> <a href='https://stgportalqa.scif.com/Ua/Signup'>Sign Up</a> </li> <li class="visible-xs"> <a href='http://stgsfcadevtrng.statefundca.com/Home/Search' id='A1'>Search</a> </li> </ul> <!--add dropdown menu--> <ul class="nav navbar-nav navbar-right"> <li> <button type="button" id="btnSearch" class="btn btn-default hidden-xs hidden-sm" style="margin-right: 8px !important;"> <i class="icon-search"></i> </button> </li> <li> <button type="button" id="btnLogin" class="btn btn-default btn-primary hidden-sm hidden-xs">LOG IN</button> </li> <li> <button type="button" id="btnSignup" class="btn btn-default hidden-sm hidden-xs">SIGN UP</button> </li> <li class="dropdown visible-sm"> <!-- non-authenticated user dropdown menu - tablet portrait view --> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Menu <span class="caret"></span> <span class="sr-only">Menu Dropdown</span> </button> <ul class="dropdown-menu"> <li><a href='https://stgportalqa.scif.com/Ua/Login' class="hidden-xs">Log in</a> </li> <li><a href='https://stgportalqa.scif.com/Ua/Signup' class="hidden-xs">Sign up</a> </li> <li class="divider"></li> <li><a href='http://stgsfcadevtrng.statefundca.com/Home/Search' class="hidden-xs">Search</a> </li> </ul> <!--end--> <!-- authenticated user dropdown menu - smartphone view --> <!--end--> </li> </ul> <script type="text/javascript"> $(document).on("click", "#btnLogin", function(event) { document.location = 'https://stgportalqa.scif.com/'; }); $(document).on("click", "#btnSignup", function(event) { document.location = 'https://stgportalqa.scif.com/Ua/Signup'; }); $(document).on("click", "#btnSearch", function(event) { document.location = 'http://stgsfcadevtrng.statefundca.com/Home/Search'; }); </script> </div> </div> <!--/.nav-collapse -->
</div>
<div class="x-mask" id="dvLoading-body" style="display: none; height: 1093px;"></div>
<div class="x-mask-msg x-layer x-mask-msg-default" id="dvLoading" style="display: none; top: 830.5px;"> <div id="dvLoading-msgEl" class="x-mask-loading x-mask-msg-inner" style=""> <div id="dvLoading-msgTextEl" class="x-mask-msg-text">Loading...</div> </div>
</div>
<div id="wrap"> <div class="container"> <script type="text/javascript"> var localURl = 'http://stgsfcadevtrng.statefundca.com/', PortalURl = 'https://stgportalqa.scif.com/', stateFundWebsiteURL = 'http://stgcontentqa.statefundca.com/', signupurl = 'https://stgportalqa.scif.com/Ua/Signup', userIsAuthenticated = ''; </script> <script src='/UACommonAssets/Scripts/Portal.Js/staticcontent.js?v=2.9'></script>
<!-- Below is the main content area...above is template code -->
<div class="container"> <!-- Two columns, with sidebar on the left -->	<div class="row">	<div class="col-lg-3 col-md-3 col-xs-12 col-sm-4 subleft">
Left Column is here	</div>	<div class="col-lg-9 col-md-9 col-xs-12 col-sm-8 submiddle">
Modify thing	</div>	</div> <!-- Single column --> <div class="row">	<div class="col-xs-12">
Single Column	</div>	</div>
</div>
<!-- Above is the main content area...below is template code --> <div id="content" style="display: none"></div> <div id="forms" style="display: none"> <div id="Feedback-Form"></div> <div id="CPRARequestForm-Form"></div> <div id="ContactHR-Form"></div> <div id="RequestSafetyMaterials-Form"></div> </div> </div> <div class="hidden"> <form action="/Home/Search" id="searchForm" method="post"> <input id="searchText" name="searchText" type="text" value="" /> </form> </div>
</div>
<!-- fixed the footer for responssiveness and use bs 3.0 (VM) Updated wrapping issue for social media icons (JW) -->
<div id="footer" style="position:relative;"> <div class="container"> <div class="row footer-main"> <div class="col-lg-3 col-sm-3"> <div> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/broker/Index.asp'>Brokers</a> </p> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/employers/Index.asp'>Employers</a> </p> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/employees/Index.asp'>Employees</a> </p> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/iSupplier/iSupplierHome.asp'> iSupplier Portal</a> </p> </div> </div> <div class="col-lg-3 col-sm-3"> <div> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/provider/Index.asp'>Medical Providers</a> </p> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/statecontracts/Index.asp'>State Agencies</a> </p> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/policy/ObtainAPolicy.asp'>Obtain a Policy</a> </p> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/about/VendorGuide.asp'>Vendor Guide</a> </p> </div> </div> <div class="col-lg-3 col-sm-3"> <div> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/claims/ClaimsSvcs.asp'>Claims Services</a> </p> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/safety/SafetyAndSeminars.asp'>Safety &amp; Seminars</a> </p> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/forms/Forms.asp'>Forms</a> </p> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/about/Community.asp'>Community </a> </p> </div> </div> <div class="col-lg-3 col-sm-3"> <div> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/fraud/Fraud.asp'>Fraud</a> </p> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/about/About.asp'>About Us</a> </p> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/locations/Index.asp'>Locations</a> </p> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/about/history/Index.html'>History</a> </p> </div> </div> </div> <div class="row copyright" style="width:100%;"> <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5" style="padding-left: 0px;"> <span>Copyright &copy; 2000-2014 State Compensation Insurance Fund &nbsp;</span> <br /> <a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/about/TermsOfUse.asp'>Website Terms of Use</a>, <a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/about/PrivacyPolicy.asp'>Website Privacy Policy</a> and <a href='http://stgcontentqa.statefundca.com/pdf/e26000.pdf'>Information Sharing Disclosure</a> </div> <div class="col-lg-5-footer col-md-5 col-sm-5 col-xs-5 contact"> <span><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/contact/ContactUs.asp'> CONTACT US</a>&nbsp; | &nbsp;</span><span><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/CustomerSupport/Index.asp'> Customer Support </a> : (888-782-8338)</span> </div> <div class="col-lg-2-footer col-md-2 col-sm-2 col-xs-2 socialIcons" style="margin:auto; align-content:center;"> <!-- <a href='http://stgcontentqa.statefundca.com/RSS/news.rss.xml' target="_blank">--> <a href='http://stgsfcadevtrng.statefundca.com/RSS/news.rss.xml' target="_blank"> <i class="icon-rss"></i></a> <a href="http://www.linkedin.com/company/166136?trk=NUS_CMPY_TWIT" target="_blank"> <i class="icon-linkedin-sign"></i></a> <a href="https://www.youtube.com/user/StateFundSafetyvideo" target="_blank"> <i class="icon-youtube-sign"></i></a> </div> </div> </div> <!--end row-->
</div> <script src="js/index.js"></script>
</body>
</html>

SCIF Layout - Script Codes JS Codes

var menu = [ "About", "Obtain a Policy", "Claims Services", "Safety &amp; Seminars", "Forms", "Careers2" ];
var html = "";
for(var x = 0; x < menu.length; x++){ html += '<li><a href="#">' + menu[x] + '</a></li>';
}
$('#ul-topmenu').html(html);
SCIF Layout - Script Codes
SCIF Layout - Script Codes
Home Page Home
Developer Ty Cahill
Username tycahill
Uploaded July 25, 2022
Rating 3
Size 4,297 Kb
Views 34,408
Do you need developer help for SCIF Layout?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Ty Cahill (tycahill) Script Codes
Name
A Pen by Ty Cahill
Modal layers on fixed header
SCIF Portal Layout
SCIF Template - Page Bottom
SCIF Template - Page Top
Create amazing marketing copy with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!