Widget - 4

by patelsan

HTML

<div id="DIV_1">
	<article id="ARTICLE_2">
		<div id="DIV_3">
			<div id="DIV_4">
				<header id="HEADER_5">
					<div id="DIV_6">
					</div>
					<div id="DIV_7">
						<a href="#" id="A_8"></a>
					</div>
				</header>
				<div id="DIV_9">
					<div id="DIV_10">
						<div id="DIV_11">
							<div id="DIV_12">
								<div id="DIV_13">
									<div id="DIV_14">
										<div id="DIV_15">
											<div id="DIV_16">
												<ol id="OL_17">
													<li id="LI_18">
														YOUR BIG JUF IMPACT
													</li>
												</ol>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</article>
</div>

CSS

#DIV_1 {
    text-rendering: geometricPrecision;
    width: 1190px;
    perspective-origin: 595px 0px;
    transform-origin: 595px 0px;
    font: normal normal normal normal 16px / 16px aktiv-grotesk, Arial, sans-serif, FontAwesome;
}/*#DIV_1*/

#ARTICLE_2 {
    bottom: -72px;
    color: rgba(255, 255, 255, 0.86);
    height: 72px;
    left: 0px;
    position: absolute;
    right: 720px;
    text-decoration: none solid rgba(255, 255, 255, 0.86);
    text-rendering: geometricPrecision;
    top: 0px;
    width: 470px;
    z-index: 29;
    column-rule-color: rgba(255, 255, 255, 0.86);
    perspective-origin: 235px 36px;
    transform-origin: 235px 36px;
    user-select: none;
    caret-color: rgba(255, 255, 255, 0.86);
    border: 0px none rgba(255, 255, 255, 0.86);
    font: normal normal normal normal 16px / 16px aktiv-grotesk, Arial, sans-serif, FontAwesome;
    outline: rgba(255, 255, 255, 0.86) none 0px;
}/*#ARTICLE_2*/

#ARTICLE_2:after {
    bottom: 71px;
    color: rgba(255, 255, 255, 0.86);
    content: '""';
    display: block;
    height: 1px;
    left: 0px;
    position: absolute;
    right: 470px;
    text-decoration: none solid rgba(255, 255, 255, 0.86);
    text-rendering: geometricPrecision;
    top: 0px;
    z-index: 1001;
    column-rule-color: rgba(255, 255, 255, 0.86);
    perspective-origin: 0px 0.5px;
    transform-origin: 0px 0.5px;
    user-select: none;
    caret-color: rgba(255, 255, 255, 0.86);
    background: rgb(128, 182, 54) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 0px none rgba(255, 255, 255, 0.86);
    font: normal normal normal normal 16px / 16px aktiv-grotesk, Arial, sans-serif, FontAwesome;
    outline: rgba(255, 255, 255, 0.86) none 0px;
}/*#ARTICLE_2:after*/

#DIV_3 {
    color: rgba(255, 255, 255, 0.86);
    height: 72px;
    text-decoration: none solid rgba(255, 255, 255, 0.86);
    text-rendering: geometricPrecision;
    width: 470px;
    column-rule-color: rgba(255, 255, 255, 0.86);
   ...