<div id="timetable_DIV_1">
	<div id="timetable_DIV_2">
		<h2 id="timetable_H2_3">
			Business Hours
		</h2>
		<div id="timetable_DIV_4">
			<dl id="timetable_DL_5">
				<dt id="timetable_DT_6">
					Monday
				</dt>
				<dd id="timetable_DD_7">
					9am • 5pm
				</dd>
			</dl>
			<dl id="timetable_DL_8">
				<dt id="timetable_DT_9">
					Tuesday
				</dt>
				<dd id="timetable_DD_10">
					9am • 5pm
				</dd>
			</dl>
			<dl id="timetable_DL_11">
				<dt id="timetable_DT_12">
					Wednesday
				</dt>
				<dd id="timetable_DD_13">
					9am • 5pm
				</dd>
			</dl>
			<dl id="timetable_DL_14">
				<dt id="timetable_DT_15">
					Thursday
				</dt>
				<dd id="timetable_DD_16">
					9am • 5pm
				</dd>
			</dl>
			<dl id="timetable_DL_17">
				<dt id="timetable_DT_18">
					Friday
				</dt>
				<dd id="timetable_DD_19">
					9am • 5pm
				</dd>
			</dl>
			<dl id="timetable_DL_20">
				<dt id="timetable_DT_21">
					Saturday
				</dt>
				<dd id="timetable_DD_22">
					9am • 12pm
				</dd>
			</dl>
			<dl id="timetable_DL_23">
				<dt id="timetable_DT_24">
					Sunday
				</dt>
				<dd id="timetable_DD_25">
					CLOSED
				</dd>
			</dl>
		</div>
		<div id="timetable_DIV_26">
			Walk-ins Are Welcome
		</div>
	</div>
</div>
#timetable_DIV_1 {
    clear: both;
    color: rgb(255, 255, 255);
    height: 320px;
    width: 270px;
    perspective-origin: 135px 160px;
    transform-origin: 135px 160px;
    border: 0px none rgb(255, 255, 255);
    font: normal normal normal normal 13px/19.5px 'Open Sans', sans-serif;
    outline: rgb(255, 255, 255) none 0px;
}/*#timetable_DIV_1*/

#timetable_DIV_2 {
    color: rgb(119, 119, 119);
    height: 272px;
    width: 210px;
    perspective-origin: 135px 160px;
    transform-origin: 135px 160px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 8px double rgb(0, 0, 0);
    border-radius: 8px 8px 8px 8px;
    font: normal normal normal normal 13px/19.5px 'Open Sans', sans-serif;
    outline: rgb(174, 174, 174) none 0px;
    padding: 24px 30px;
}/*#timetable_DIV_2*/

#timetable_H2_3 {
    color: rgba(0, 135, 222, 1);
    height: 28px;
    position: relative;
    text-align: center;
    text-rendering: optimizelegibility;
    text-transform: uppercase;
    width: 210px;
    perspective-origin: 105px 20.5px;
    transform-origin: 105px 20.5px;
    border-top: 0px none rgb(48, 80, 136);
    border-right: 0px none rgb(48, 80, 136);
    border-bottom: 1px solid rgb(174, 174, 174);
    border-left: 0px none rgb(48, 80, 136);
    font: normal normal bold normal 22px/28.6000003814697px Dosis, sans-serif;
    margin: 0px 0px 10px;
    outline: rgb(48, 80, 136) none 0px;
    padding: 0px 0px 12px;
}/*#timetable_H2_3*/

#timetable_DIV_4 {
    color: rgb(119, 119, 119);
    height: 196px;
    width: 210px;
    perspective-origin: 105px 99px;
    transform-origin: 105px 99px;
    border: 0px none rgb(119, 119, 119);
    font: normal normal normal normal 13px/19.5px 'Open Sans', sans-serif;
    outline: rgb(119, 119, 119) none 0px;
    padding: 2px 0px 0px;
}/*#timetable_DIV_4*/

#timetable_DL_5, #timetable_DL_8, #timetable_DL_11, #timetable_DL_14, #timetable_DL_17, #timetable_DL_20, #timetable_DL_23 {
    color: rgb(51, 51, 51);
    height: 20px;
    width: 210px;
    perspective-origin: 105px 14px;
    transform-origin: 105px 14px;
    border: 0px none rgb(119, 119, 119);
    font: normal normal normal normal 13px/19.5px 'Open Sans', sans-serif;
    margin: 0px;
    outline: rgb(119, 119, 119) none 0px;
    padding: 4px 0px;
}/*#timetable_DL_5, #timetable_DL_8, #timetable_DL_11, #timetable_DL_14, #timetable_DL_17, #timetable_DL_20, #timetable_DL_23*/

#timetable_DT_6, #timetable_DT_9, #timetable_DT_12, #timetable_DT_15, #timetable_DT_18, #timetable_DT_21 {
    color: rgb(51, 51, 51);
    float: left;
    height: 20px;
    width: 105px;
    perspective-origin: 52.5px 10px;
    transform-origin: 52.5px 10px;
    border: 0px none rgb(119, 119, 119);
    font: normal normal normal normal 13px/20px 'Open Sans', sans-serif;
    outline: rgb(119, 119, 119) none 0px;
}/*#timetable_DT_6, #timetable_DT_9, #timetable_DT_12, #timetable_DT_15, #timetable_DT_18, #timetable_DT_21*/

#timetable_DD_7, #timetable_DD_10, #timetable_DD_16, #timetable_DD_22 {
    color: rgb(51, 51, 51);
    height: 20px;
    text-align: right;
    width: 200px;
    perspective-origin: 100px 10px;
    transform-origin: 100px 10px;
    border: 0px none rgb(119, 119, 119);
    font: normal normal normal normal 13px/20px 'Open Sans', sans-serif;
    margin: 0px 0px 0px 10px;
    outline: rgb(0, 0, 0) none 0px;
}/*#timetable_DD_7, #timetable_DD_10, #timetable_DD_16, #timetable_DD_22*/

#timetable_DD_13, #timetable_DD_19 {
    color: rgb(51, 51, 51);
    height: 20px;
    text-align: right;
    width: 200px;
    perspective-origin: 100px 10px;
    transform-origin: 100px 10px;
    border: 0px none rgb(119, 119, 119);
    font: normal normal normal normal 13px/20px 'Open Sans', sans-serif;
    margin: 0px 0px 0px 10px;
    outline: rgb(119, 119, 119) none 0px;
}/*#timetable_DD_13, #timetable_DD_19*/

#timetable_DT_24 {
    color: rgb(174, 174, 174);
    float: left;
    height: 20px;
    width: 105px;
    perspective-origin: 52.5px 10px;
    transform-origin: 52.5px 10px;
    border: 0px none rgb(174, 174, 174);
    font: normal normal normal normal 13px/20px 'Open Sans', sans-serif;
    outline: rgb(174, 174, 174) none 0px;
}/*#timetable_DT_24*/

#timetable_DD_25 {
    color: rgb(174, 174, 174);
    height: 20px;
    text-align: right;
    width: 200px;
    perspective-origin: 100px 10px;
    transform-origin: 100px 10px;
    border: 0px none rgb(174, 174, 174);
    font: normal normal normal normal 13px/20px 'Open Sans', sans-serif;
    margin: 0px 0px 0px 10px;
    outline: rgb(174, 174, 174) none 0px;
}/*#timetable_DD_25*/

#timetable_DIV_26 {
    color: rgba(0, 135, 222, 1);
    height: 19px;
    text-align: center;
    width: 194px;
    perspective-origin: 105px 11.5px;
    transform-origin: 105px 11.5px;
    border: 0px none rgb(48, 80, 136);
    font: italic normal bold normal 13px/19.5px 'Open Sans', sans-serif;
    outline: rgb(48, 80, 136) none 0px;
    padding: 4px 8px 0px;
}/*#timetable_DIV_26*/
var d=newDate();
var day=d.getDay();

if (day == 1)
    {
        document.getElementById('Monday').style.color='#DB35B0'
    }
else if (day == 2)
    {
        document.getElementById('Tuesday').style.color='#DB35B0'
    }
else if (day == 3)
    {
        document.getElementById('Wednesday').style.color='#DB35B0'
    }
else if (day == 4)
    {
        document.getElementById('Thursday').style.color='#DB35B0'
    }
else if (day == 5)
    {
        document.getElementById('Friday').style.color='#DB35B0'
    }
else if (day == 6)
    {
        document.getElementById('Saturday').style.color='#DB35B0'
    }
else if (day == 0)
    {
        document.getElementById('Sunday').style.color='#DB35B0'
    }

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.