Skip to content
50 changes: 50 additions & 0 deletions ui-wireframe/gethelp.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
/* Utilities Hub */

#para1 {

position: absolute;
left: 89px;
top: 42px;

font-family: Sofia Pro;
font-style: normal;
font-weight: 300;
font-size: 22px;
line-height: 22px;

color: #0F6FE0;

}


/* Get Help on Pre-Defined Statements */

#para2 {

position: absolute;
left: 22px;
top: 117px;
padding: 12px;

font-family: Sofia Pro;
font-style: normal;
font-weight: 300;
font-size: 13px;
line-height: 13px;

color: #0F6FE0;

border: 1px solid #0F6FE0;
border-radius: 20px;

}

/* Bottom Graphic */

#graphic {

position: absolute;
left: 0px;
bottom: 0px

}
20 changes: 20 additions & 0 deletions ui-wireframe/gethelpui.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
<html>
<head>
<title>Get Help</title>
<link rel="stylesheet" type="text/css" href="gethelp.css">
</head>
<body>

<p id="para1"> Utilities Hub </p>
<p id="para2"> Get Help on Pre-Defined Statements </p>
<p id="graphic">
<svg width="296" height="86" viewBox="0 0 296 86" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="39.5" cy="58.5" r="52.5" stroke="#0F6FE0" stroke-opacity="0.75" stroke-width="12"/>
<path d="M27 73C27 82.6967 18.5222 91 7.5 91C-3.52217 91 -12 82.6967 -12 73C-12 63.3033 -3.52217 55 7.5 55C18.5222 55 27 63.3033 27 73Z" stroke="black" stroke-opacity="0.73" stroke-width="8"/>
<ellipse cx="197.5" cy="105" rx="99.5" ry="105" fill="#0F6FE0" fill-opacity="0.52"/>
<ellipse cx="108.5" cy="28" rx="10.5" ry="10" fill="#020614" fill-opacity="0.47"/>
</svg>
</p>

</body>
</html>