Copy and paste everything after the image to create the following homepage layout in ETO:
<p></p><table style="width: 1595px; height: 26px;"><tbody><tr><td> </td><td> </td><td> </td></tr></tbody></table><br>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<style type="text/css">
#holder {
width: 100%;
height: 100%;
}
.logo {
float: right;
text-align: right;
}
.container {
padding: 0px 10px 30px 10px;
width: auto;
float: left;
}
.container h2 {
clear: both;
padding: 5px;
margin: 0;
font-size: 1.1em;
}
.container a {
display: block;
width: 90px;
height: 40px;
float: left;
margin: 5px;
margin-left: 0;
padding: 5px;
text-align: center;
text-decoration: none;
}
.container a i {
display: block;
margin: auto;
padding: 0;
padding-bottom: 5px;
}
a .linkDesc {
display: none;
}
.container a:hover {
height: 100%;
}
a:hover .linkDesc {
text-align: left;
position: absolute;
margin-top: 7px;
margin-left: -5px;
padding: 5px;
display: block;
width: auto;
}
a {
color: #000000;
}
/* turns dashboard message title into white */ #divUpdMessage TABLE TR TD TABLE TR TD {
color: #fff;
}
#106 {
background-color: #efefef !important;
}
/*
Everything below here can be changed to fit the color palette desired
*/
/* This sets the background color to white for the heading and links */ .container h2, .container, .container a {
background-color: #fff;
}
/* This sets the background color and text color for the link when the cursor hovers over the link */ .container a:hover {
background-color: #6d5646;
color: #fff;
}
/* These values define color of the borders of the heading and links*/ .container h2 {
border-bottom: 1px solid #6d5646;
color: #6d5646;
}
.container a {
color: #6d5646;
}
/* This value defines the background color of the box that appears when you hover over the link, and the color of the heading's text*/ a:hover .linkDesc {
background-color: #A48167;
}
.container h2 {
color: #A48167;
}
</style>
<div class="container">
<h2>Participant</h2>
<a href="/Modules/Participants/ParticipantEnroll.aspx?pn=Enroll Participants (NEW)"><em class="fa fa-sign-in fa-2x fa-fw"></em><br>
Enroll <span class="linkDesc">If participants are already in the site (but not currently in this program), enroll them. </span></a>
<a href="/Modules/Participants/AddEditClient.aspx?pn=Add New Participant "><em class="fa fa-plus-circle fa-2x fa-fw"></em><br>
Add <span class="linkDesc">Add participants who are new to ETO. </span></a><a href="/Modules/Household/SearchForFamily.aspx?pn=View/Edit Families"><em class="fa fa-users fa-2x fa-fw"></em><br>
Add/Edit Family<span class="linkDesc">Add families or family members who are new to ETO, join existing participants together in a family, or remove participants from a family. </span></a><a href="/SingleForm/TakeForm.aspx?pn=Record TouchPoints"><em class="fa fa-file-text fa-2x fa-fw"></em><br>
Record TouchPoint <span class="linkDesc">Record TouchPoints for participants or families. </span></a><a href="/DismissProgramClient.asp?pn=Dismiss Participants"><em class="fa fa-sign-out fa-2x fa-fw"></em><br>
Dismiss <span class="linkDesc">Exit participants from the program. </span></a></div>
<div class="container">
<h2>Entity</h2>
<a href="/AddProgramEntity/AddProgramEntity?pn=Enroll Entity (NEW)"><em class="fa fa-sign-in fa-2x fa-fw"></em><br>
Enroll <span class="linkDesc">If service providers or other entities are already in ETO (but not in this program), enroll them. </span></a><a href="/AddEntity.asp"><em class="fa fa-plus-circle fa-2x fa-fw"></em><br>
Add <span class="linkDesc">Add service providers or other entities who are new to ETO. </span></a><a href="/DismissEntityFromProgram.asp?pn=Dismiss Entity"><em class="fa fa-sign-out fa-2x fa-fw"></em><br>
Dismiss <span class="linkDesc">Exit entities from the program. </span></a></div>
<div class="container">
<h2>Site Administration</h2>
<a href="https://secure.etosoftware.com/SetSiteNavigation.asp?pn=Manage Site Navigation"><em class="fa fa-plus-circle fa-2x fa-fw"></em><br>
Manage Site Navigation<span class="linkDesc">Manage Site Navigation. </span></a></div>