CoolFace
Datasetpublic

SALT-NLP/Design2Code

This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the dataset in the huggingface format here. Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.

sourceHugging Faceodc-byupdated 3y agoView on Hugging Face
22likes1.8kdownloads
root5177.html
5177.html3675 linesDownload Raw Back to root
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">2<html xmlns="">3 <head>4  <style>5   @font-face {6  font-family: 'Economica';7  font-style: italic;8  font-weight: 400;9  src: url(https://fonts.gstatic.com/s/economica/v15/Qw3ZZQZaHCLgIWa29ZBbM_IDKlw.ttf) format('truetype');10}11@font-face {12  font-family: 'Economica';13  font-style: italic;14  font-weight: 700;15  src: url(https://fonts.gstatic.com/s/economica/v15/Qw3EZQZaHCLgIWa29ZBbM_q4D0x6XH0.ttf) format('truetype');16}17@font-face {18  font-family: 'Economica';19  font-style: normal;20  font-weight: 400;21  src: url(https://fonts.gstatic.com/s/economica/v15/Qw3fZQZaHCLgIWa29ZBbNsIE.ttf) format('truetype');22}23@font-face {24  font-family: 'Economica';25  font-style: normal;26  font-weight: 700;27  src: url(https://fonts.gstatic.com/s/economica/v15/Qw3aZQZaHCLgIWa29ZBTjecUDXx9.ttf) format('truetype');28}29 30 31 32@font-face {33  font-family: 'Dorsa';34  font-style: normal;35  font-weight: 400;36  src: url(https://fonts.gstatic.com/s/dorsa/v27/yYLn0hjd0OGwqr4613Q.ttf) format('truetype');37}38 39 40 41/*	----------------------------------------------------------------42	MaxCycle (Fullscreen Slideshow for use with jQuery Cycle Plugin)43	----------------------------------------------------------------44	45	Demo at: http://www.aaronvanderzwan.com/maxcycle/46	Download and Info at: http://github.com/akv2/MaxCycle---jQuery-Plugin/47	Copyright (c) 2007-2011 Aaron Vanderzwan48	Dual licensed under the MIT and GPL licenses.49	50*/51/*! Version: 2.0.73 (12-Oct-2012) */52 53 54.mc-hide-scrolls{55	overflow:hidden;56}57 58body .mc-cycle {59	height:100%;60	left:0;61	overflow:hidden;62	position:fixed;63	top:0;64	width:100%;65	z-index:-1;66}67 68div.mc-image {69	/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:70	 	If you are using fading transitions, use 'opacity: */71	-webkit-transition: opacity 1s ease-in-out; 72	-moz-transition: opacity 1s ease-in-out; 73	-o-transition: opacity 1s ease-in-out; 74	transition: opacity 1s ease-in-out;75	76	/*If you are using horizontal slide transitions, use the following CSS:77	-webkit-transition: left 1s ease-in-out; 78	-moz-transition: left 1s ease-in-out; 79	-o-transition: left 1s ease-in-out; 80	transition: left 1s ease-in-out;*/81	82	-webkit-background-size: cover;83	-moz-background-size: cover;84	-o-background-size: cover;85	background-size: cover;86	background-position:center center;87	background-repeat:no-repeat;88	height:100%;89	overflow:hidden;90	width:100%;91}92 93.mc-old-browser .mc-image {94	overflow:hidden;95}96 97 98 99 100 101body{102	overflow-x:hidden;103}104#columnleft, #columnright, .address {105	margin-bottom:-5px;106}107.testimonial img {108	float:left;109}110.accordin-panel.ie7 {111	padding-bottom:4px;112}113.accordin-panel li a {114	display:inline-block;115}116.searchform .input {117	margin-top:3px;118}119#wrap, html{120	overflow-x:hidden;121}122a.viewmore {123	padding-right:9px;124}125 126 127.searchform .input {128	margin-top:3px;129}130a.viewmore {131	background-position:right 3px;132	padding-right:9px;133}134 135 136@charset "utf-8";137/* CSS Document */138@media print {  139      #bg {display: none;}140   }141 142 143 144 145 146@charset "utf-8";147/* CSS Document */148 149.page_wrapper {150	background: url(../graphics/bg.png) repeat-y scroll 0 0 transparent;151	margin: 0 auto;152	width: 1080px;153	height: 100%;154	position: relative;155	right: 0;156	left: 0;157	overflow: hidden;158 159}160 161 162.main_col {163	margin: 0 auto;164	width: 870px;165}166 167/*------- LEFT COLUMN HOMEPAGE---------*/168 169.left_col {170	/*background: url(../graphics/bg_cl.png) repeat;*/171	width: 295px;172	padding: 0;173	float: left;174}175 176.logo {177	/*background: url(../graphics/bg_cl.png) repeat;*/178	background: url(../graphics/bg_cl4.png) repeat-y scroll 0 0 transparent;179	padding: 45px 25px 75px 25px;180	border: none;181	margin: 0;182	position:relative;183	z-index: 99999;184 185}186 187.search_people_box {188	background: #F4BA39;189	padding: 15px 28px 17px;190	float: left;191	width: 239px;192}193 194.search_people_box h2{195	font: 28px 'Economica', sans-serif;196	color:#9b7315;197	font-weight:normal;198	text-transform:uppercase;199	padding:0 0 5px 8px;200	letter-spacing: 1px;201}202.search_people_box h2 span{203	color:#fff;204}205 206.search_people_box .input{207	width:180px;208	height:22px;209	background:#d9a52f;210	border:none;211	padding:5px 10px;212	font-size:16px;213	color:#f2f2f2;214	line-height:22px;215	float:left;216	margin:0 4px 0 0;217	font-weight: normal;218}219 220.search_people_box .button{221	width:34px;222	height:32px;223	background:url(../graphics/bg_button.png) no-repeat;224	border:none;225	float:left;226	cursor:pointer;227}228 229.left_content {230	background: url(../graphics/bg_cl4.png) repeat-y;231	padding: 0 25px;232}233 234.left_content h1 {235	color: #809EAC;236	padding: 0 0 20px 0;237	font-size: 48px;238}239 240.left_content p {241	color: #4A5B64;242	padding: 0 0 20px 0;243}244 245.left_content p a {246	color: #4A5B64;247	text-decoration: none;248	font-weight: bold;249}250 251.left_address {252	background: url(../graphics/bg_cl4.png) repeat-y;253	padding: 20px 25px 40px 25px;254}255 256.left_address p {257	color: #7D7D7D;258	font-size: 	11px;259	line-height: 19px;260}261 262.left_address p a {263	color: #4A5B64;264}265 266/*-------- LEFT CONTENT SUBPAGE --------*/267.left_sub {268	background: url(../graphics/bg_cl4.png) repeat-y;269	width:295px;270	float:left;271	font-size:13px;272}273 274.left_sub p {275	font-style:italic;276	line-height:20px;277	padding-bottom:15px;278	color: #5D8898;279}280 281.left_sub_content {282	background:url(../graphics/bg_blockquote.png) no-repeat left top;283	width:230px;284	float:left;285	margin:15px 12px;286	padding-left:40px;287}288 289.left_sub_content p a {290	color: #809EAC;291	text-decoration: none;292}293 294.left_sub_content .name {295	border-left:1px solid #c9d6dc;296	width:212px;297	float:left;298	margin-left:23px;299	padding-left:6px;300	font-size:12px;301	font-weight:bold;302	color: #5D8898;303}304 305.left_sub_content .name h4 {306	font-size: 17px;307	padding: 0 0 3px 0;308	font-weight: bold;309}310 311.divider {312	float: left;313	height: 37px;314	width: 295px;315	background: #809EAC;316}317 318 319/*-------- RIGHT COLUMN ------------*/320.right_col {321 width: 495px;322 margin: 0 0 0 80px;323 float: right;324 background: none;325}326 327/*-------- SEARCH BOX ----------*/328 329.searchform {330	background:	url(../graphics/bg_sf.png) repeat-x;331	float: right;332	height: 30px;333	margin: 0 0 20px;334	/*padding: 7px 22px 9px 17px;*/335	padding: 5px 22px 7px 17px;336	width: 186px;337}338 339.searchform .input {340	background:transparent;341	width:165px;342	height:21px;343	float:left;344	border:none;345	/*font: 24px/15px 'Economica', sans-serif !important;*/346	font: 20px Arial;347	color:#b18620;348	text-transform:uppercase;349}350 351.searchform .button {352	background:url(../graphics/bg_button1.png) no-repeat;353	width:10px;354	height:18px;355	float:right;356	border:none;357	cursor:pointer;358	margin:3px 0 0 0;359}360 361/*---------- TOP MENU ------------*/362 363.navigation {364	height: 38px;365	width: 600px;366	background: url(../graphics/bg_nav.png) repeat-x scroll 0 0 transparent;367	top: 60px;368	left: 0;369	float: left;370}371 372.navigation ul {373	position:relative;374	z-index:46;375	margin: 0;376	padding: 0;377}378 379.navigation li {380	font: 24px/38px 'Economica', sans-serif !important;381	float:left;382	color:#809eac;383	text-transform:uppercase;384	list-style: none;385}386.navigation a {387	display:block;388	height:38px;389	color:#809eac;390	padding:0 15px 0 12px;391}392.navigation li.first a, .navigation li:first-child a {393	padding-left:21px;394}395.navigation a:hover, .navigation a.active {396	background:url(../graphics/bg_nav_hover.png) repeat-x;397	color:#fff;398}399 400.navigation ul li ul li {401	width: 200px;402}403 404.navigation ul li ul li a.subfirst {405	padding-left: 12px;406}407 408/*--------- TESTIMONIAL SLIDER ------------*/409/*styles commented out when converted to awards slider, #7658*/410 411.testimonial_wrapper {412	/*background: url(../graphics/bg_caption2.png) repeat-x;*/413	/*background: url(../graphics/bg_cl.png) repeat scroll 0 0 transparent;*/414	background: white;415	padding: 0 20px 0 0;416	position: relative;417	top: 275px;418	width: 580px;419	float: left;420	height: 186px;421}422 423.testimonial_block {424	/*padding: 20px 20px 20px 0;*/425	padding: 20px 0 20px 20px;426	width: 580px;427	float: left;428}429 430.testimonial_block p {431	/*background:url(../graphics/ico_coma.png) no-repeat 0 0;*/432	font-size:19px;433	color:#000;434	line-height:29px;435	font-style:italic;436	/*padding:0 115px 0 55px;*/437	margin-left: 170px;438	margin-right: 20px;439	margin-bottom: 20px;440}441 442.testimonial_block a {443	color: #000;444	text-decoration: none;445	display: inline;446}447 448.testimonial_block p:after {449	content: '»';450	display: inline;451	padding-left: 10px;452}453 454.testimonial_block_left {455    height: 150px;456    width: 150px;457    display: block;458    margin: 20px;459    color: #000;460}461 462/*.testimonial_block_bottom {463	background: #809EAC;464	color: #FFF;465	font-size: 17px;466	line-height: 20px;467	padding: 12px 0 12px 75px;468	float: left;469	width: 525px;470}*/471 472/*--------- MAIN SUB CONTENT BLOCK ------------*/473 474.content_nav {475	float: left;476	width: 470px;477	background: #F5BD42;478	height: 46px;479	line-height: 70px;480	padding: 12px 0 12px 25px;481	margin-top: 40px;482}483 484.content_nav h1 {485	color: #FFF;486	font-size: 46px;487	letter-spacing: 1px;488 489}490 491 492.content {493	background:url(../graphics/bg_cl6.png) repeat-y;494	width:455px;495	padding: 20px;496	float: left;497}498 499.content h2 {500	color: #4A5B64;501	padding: 0 0 15px 0;502}503 504.content p {505	font-size: 14px;506	line-height: 18px;507	padding: 0 0 13px 0;508	color: #5d8898;509}510 511.content p a {512	color: #4A5B64;513}514 515.covid .content p a, .covid .content a {516	color: rgb(85, 26, 139);517	font-weight: bold;518	font-size: 14px;519}520.covid .content img.covid-banner {521	width: 495px;522	margin: -20px -20px 20px -20px;523}524.covid h4, .covid h3 {525	margin-bottom: 10px;526	padding: 0;527}528.covid .covid-news p {529	padding-bottom: 0;530}531.covid .covid-news a {532	display: block;533	padding-bottom: 10px;534}535.covid .covid-external-resources ul, .covid .covid-checklists ul {536	margin: 0 2px 10px 2px;537}538.covid .covid-external-resources li, .covid .covid-checklists li {539	margin: 10px 0 20px;540	font-size: 14px;541}542 543.content h1 {544	font-family: Arial;545	font-size: 17px;546	font-weight: bold;547	color: #F5BD42;548	padding: 0 0 5px 0;549}550 551.content ul {552	margin: 10px 0 10px 20px;553}554 555.content li {556	list-style: disc;557	margin: 3px 0;558	color: #5D8898;559	font-size: 14px;560}561 562/*--------- SITEMAP ----------*/563.sitemap {564	color: #809EAC;565	font: 13px/22px Arial;566}567 568.sitemap a {569	color: #809EAC;570	text-decoration: none;571}572 573.sitemap h3 {574	padding: 5px 0 10px 0;575}576 577/*--------- BREADCRUMB ----------*/578.breadcrumb {579	float: left;580	padding: 0 0 15px 0;581	width: 455px;582}583 584.breadcrumb ul {585	margin: 0 !important;586}587 588.pagelinks {589	float: left;590	padding: 0;591}592 593.pagelinks li {594	float: left;595	list-style: none;596	padding: 0 4px 0 0;597	font-size: 12px;598	color: #5D8898;599}600 601.pagelinks li a {602	color: #F5BD42;603}604 605/*--------- SERVICE MAIN BLOCK ------------*/606.service_members_block {607	padding: 15px 0 0 0;608}609 610.service_members_block .team_btn {611	float: left;612	width: 160px;613}614 615.service_members_block .team_members {616	float: right;617}618 619.service_members_block .team_members ul {620	width: 246px;621	margin: 0;622}623 624.service_members_block .team_members ul li {625	list-style: none;626	float: left;627	width: 38px;628	margin: 0 3px 0 0;629}630 631.service_members_block .team_members ul li img {632		width: 38px;633		height: 38px;634}635 636.service_members_block .team_members_main ul {637	margin: 0 !important;638	width: 270px;639	float: left;640}641 642.service_members_block .team_members_main ul li {643	color: #4a5b64;644	width: 110px;645	float: left;646	margin: 0 0 0 25px;647	list-style: none;648	min-height: 213px;649}650 651.service_members_block .team_members_main ul li a {652	color: #4a5b64;653}654 655 656 657/*--------- PROFILES CONTENT BLOCK -----------*/658 659/*--- PROFILE MAIN PAGE ---*/660.profile_main_content {661	background:url(../graphics/bg_cl6.png) repeat-y;662	width:415px;663	padding: 15px 40px;664	float: left;665}666 667.profile_main_content p {668	color: #5D8898;669}670 671.profile_main_content table {672	margin: 0 0 25px;673}674 675 676.profile_main_content h1 {677		color: #4A5B64;678		margin: 0 0 25px 0;679}680 681.profile_main_content ul {682	margin: 0 0 0 -40px;683	list-style: none;684}685 686.profile_main_content ul li {687	width:110px;688	min-height:160px;689	padding:0 0 5px 40px;690	font-size:11px;691	line-height:13px;692	float:left;693}694 695.profile_main_content li h3{696	color:#4a5b64;697	padding:1px 0 0 0;698	font-size: 11px;699}700 701.profile_main_content li h3 a{702	color:#4a5b64;703	text-decoration: none;704}705 706.profile_main_content li p {707	color:#7d7d7d;708	line-height: 18px;709	min-height: 45px;710}711 712.profile_main_content li p a {713	color:#7d7d7d;714}715 716.profile_main_content li img {717    filter: url('../scripts/filters.svg#grayscale'); /* Firefox 3.5+ */718    filter: gray; /* IE6-9 */719    -webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */720}721 722.profile_main_content li img:hover {723    filter: none; /* Applies to FF + IE */724    -webkit-filter: grayscale(0);725}726 727 728 729/*--- PROFILE DETAL PAGE ---*/730 731.profile_detail_content {732	/*background: url("../graphics/bg_content.png") repeat scroll 0 0 transparent;*/733	background: url("../graphics/bg_cl6.png") repeat-y scroll 0 0 transparent;734	width:415px;735	padding:12px 40px;736	position:relative;737	float: left;738	left:0;739	top:0;740	z-index:60;741	min-height:1200px;742}743 744.profile_detail_content a.back {745	background:#e8b23b;746	width:40px;747	height:25px;748	font-size:10px;749	color:#f2f2f2;750	text-transform:uppercase;751	text-align:center;752	line-height:25px;753	position:absolute;754	left:0;755	top:12px;756	z-index:61;757}758.profile_detail_content a.back:hover {759	background:#926f22;760}761 762.profile_detail_block {763	margin: 0 0 20px 0;764}765 766.profile_detail_block .imgbar {767	width:100%;768	height:152px;769}770.profile_detail_block .ico {771	float:right;772	margin: 10px 0 0 10px;773}774.profile_detail_block h4 {775	font: 43px 'Economica',sans-serif;776	color:#5D8898;777	letter-spacing:-1px;778	font-weight:normal;779	padding-bottom:10px;780}781.profile_detail_block p {782	color: #5D8898;783	font-size:13px;784	padding-bottom:0;785}786.profile_detail_block p a {787	color: #5D8898;788}789.profile_detail_block p a:hover {790	color:#4e6069;791}792 793.profile_detail_content .accordion_panel ul {794	margin: 0 0 0 20px;795}796 797.profile_detail_content .accordion_panel li {798	font-size: 12px;799	margin: 3px 0;800	list-style: disc;801	font-weight: normal;802}803 804.profile_detail_content .accordion_panel li a{805	color: #5D8898 ;806	background: none;807	font-weight: bold;808	padding: 0;809}810 811.profile_detail_content .accordion_panel li p {812	font-size:12px;813	line-height:19px;814	padding-bottom:10px;815	color: #809EAC;816}817 818.profile_detail_content .accordion_panel li.active a {819	background:url(../graphics/arrow4.png) no-repeat right center;820	padding-right:18px;821}822 823/*-- PROFILE NAVIGATION/PAGINATION ---*/824.profile_nav {825	float: left;826	width: 495px;827	background: #E8B23B;828	height: 69px;829	margin-top: 40px;830}831 832.profile_nav_detail {833	height:37px;834	background:#F3BC42;835	padding:0 40px;836}837.profile_nav_detail ul{838	float:right;839}840.profile_nav_detail li{841	font-size:15px; /* font-size:17px; */842	color:#fff;843	text-transform:uppercase;844	line-height:30px;845	float:left;846	padding:4px 0 0 30px;847	list-style: none;848}849.profile_nav_detail li a{850	color:#b18620;851}852.profile_nav_detail li a:hover, .detail-nav li a.active{853	color:#fff;854}855 856.listing {857	width:172px;858	float:left;859	padding:0 5px 0 40px;860}861 862.profile_nav .pagination {863	width:250px;864	float:left;865	padding:2px 0 0 0;866}867 868.profile_nav .pagination li {869	font-size:11px; /* font-size:14px; */870	color:#b18620;871	line-height:30px;872	text-transform:uppercase;873	float:left;874	padding:0 1px;875	list-style: none;876}877 878.profile_nav .pagination li a {879	color: #B18620;880}881 882.profile_nav .pagination li a:hover {883	color: #FFF;884}885 886.profile_nav .pagination li a.active {887	color: #FFF;888	text-decoration: underline;889}890 891#exposeMask {892	display : none !important;893}894 895#yesno {896	display : none;897	position : absolute;898	left : 40%;899	top : 9%;900	width : 20%;901	z-index : 999999;902	border : 2px solid #F4BA39;903	padding : 20px;904	background-color : #ffffff;905	min-width : 310px;906	color: #5D8898;907}908 909#yesnomask {910	display : none;911	position : fixed;912	left : 0px;913	top : 0px;914	width : 100%;915	height : 100%;916	overflow : hidden;917	z-index : 9999;918	background-color : #ffffff;919	opacity:0.4;920	filter:alpha(opacity=40);921}922 923/*--------- SERVICE ACCORDION (in reset.css) ---------*/924/*925.accordion-service {926	border-top:1px solid #dbe5e7;927	border-bottom:1px solid #e2eaeb;928	width:440px;929	float:left;930	padding-bottom:5px;931}932.accordion-service.last {933	border-bottom:none;934	padding-bottom:8px;935}936.accordion-service li {937	font-size:17px;938	color:#809eac;939	font-weight:bold;940	line-height:48px;941	list-style: none;942}943.accordion-service li a {944	background:url(../graphics/arrow1.png) no-repeat right center;945	padding-right:18px;946	color:#809eac;947}948.accordion-service li a:hover {949	color:#5e8090;950}951.accordion-service li.active a {952	background:url(../graphics/arrow2.png) no-repeat right center;953	padding-right:25px;954	color:#f4ba39;955}956.accordion-service li .txtb {957	border-bottom:1px solid #e2eaeb;958	width:440px;959	float:left;960	padding-bottom:10px;961	font-size:12px;962	color:#809eac;963	font-weight:normal;964}965.accordion-servicel li .txtb p {966	line-height:18px;967	padding:0 0 15px 0;968}969 970*/971 972/*--------- SPOTLIGHTS --------------*/973 974.spot_col_wrapper {975	width: 1080px;976	margin: 0 auto;977	overflow: hidden;978	height: 305px;979}980 981.sub_col_wrapper {982	width: 1080px;983	margin: 0 auto;984	overflow: hidden;985	height: 275px;986}987 988.spot_col_inner {989	width: 870px;990	margin: 0 auto;991	height: 305px;992}993 994.spot_col_inner_left {995	background: url("../graphics/bg_cl5.png") repeat scroll 0 0 transparent;996	width: 245px;997	padding: 25px;998	min-height: 300px;999}1000 1001.spot_col_inner_left.profile {1002	background: url("../graphics/bg_cl5.png") repeat-y scroll 0 0 transparent;1003	width: 245px;1004	padding: 25px;1005	min-height: 175px;1006}1007 1008.spot_col_inner_left.eserbg {1009	background: url("../graphics/bg_cl5.png") repeat-y scroll 0 0 transparent;1010	width: 245px;1011	padding: 25px;1012	min-height: 300px;1013}1014 1015.address {1016	padding: 0 0 104px 0;1017}1018 1019.address.blue {1020	color: #809EAC !important;1021}1022 1023.address.white {1024	color: #FFF !important;1025}1026 1027.address p {1028	line-height: 19px !important;1029	padding: 0;1030}1031 1032.address a {1033	color: #809EAC !important;1034}1035 1036.address strong {1037	font-size: 13px;1038}1039 1040.spot_col_inner_right {1041	width: 545px;1042}1043 1044.spot_col_wrapper h4 {1045	font-size:12px;1046	color:#809eac;1047	line-height:17px;1048	padding-bottom:8px;1049	margin-top:-3px;1050	font-weight: normal;1051}1052 1053.spot_col_wrapper h4 a{1054	color: #5D8898 !important;1055	text-decoration: none;1056}1057 1058.spot_col_wrapper p {1059	font-size:11px;1060	line-height:13px;1061	color:#f4ba39;1062	padding-bottom:4px;1063}1064 1065.spot_col_wrapper a {1066	color: #F4BD43;1067	text-decoration: none;1068}1069 1070a.viewmore {1071	background:url(../graphics/bullet_arrow1.png) no-repeat right center;1072	font-size:13px;1073	color:#707070;1074	padding:0 10px 0 0;1075	margin: 10px;1076	float: right;1077}1078 1079.spot_col_wrapper a.readmore {1080	background:url(../graphics/bullet_arrow2.png) no-repeat right center;1081	font-size:12px;1082	font-weight:bold;1083	font-style:italic;1084	padding:0 10px 0 0;1085}1086 1087.spot_col_wrapper span {1088	display:block;1089	font-size:11px;1090	color:#809eac;1091	padding:2px 0;1092}1093 1094.spot_col_nav {1095	position: relative;1096	height: 37px;1097	background: #809eac;1098}1099 1100.spot_col1 {1101	background: #F2F2F2;1102	width: 208px;1103	border-left: 1px solid #E4E4E4;1104	border-right: 1px solid #E4E4E4;1105	float: left;1106	position: relative;1107	bottom: 37px;1108	min-height: 305px;1109}1110 1111.spot_col2_wrap,1112.spot_col1_wrap {1113	float: left;1114	margin:0 15px 15px;1115	width: 190px;1116}1117 1118.spot_col1_nav {1119	height: 37px;1120	background: #F4BA39;1121	overflow: hidden;1122	bottom: 37px;1123	margin: 0 0 20px 0;1124}1125 1126.spot_col1_nav h3 {1127	font: 24px/37px 'Economica', sans-serif !important;1128	color:#fff;1129	text-transform:uppercase;1130	font-weight:normal;1131	margin: 0 0 0 61px;1132}1133 1134.spot_col2 {1135	background: #F2F2F2;1136	width: 208px;1137	border-left: 1px solid #E4E4E4;1138	border-right: 1px solid #E4E4E4;1139  margin: 0 10px;1140	float: left;1141	position: relative;1142	bottom: 37px;1143	min-height: 305px;1144}1145 1146.spot_col2_nav {1147	height: 37px;1148	background: #F4BA39;1149	overflow: hidden;1150	bottom: 37px;1151	margin: 0 0 20px 0;1152	font-weight: normal;1153}1154 1155.spot_col2_nav h3 {1156	font: 24px/37px 'Economica', sans-serif !important;1157	color:#fff;1158	text-transform:uppercase;1159	font-weight:normal;1160	margin: 0 0 0 17px;1161}1162 1163.spot_col4_nav {1164	height: 37px;1165	background: #F4BA39;1166	overflow: hidden;1167	bottom: 37px;1168	margin: 0 0 20px 0;1169}1170 1171.spot_col4_nav h3 {1172	font: 24px/37px 'Economica', sans-serif !important;1173	color:#fff;1174	text-transform:uppercase;1175	font-weight:normal;1176	margin: 0 0 0 15px;1177}1178 1179.txtbox {1180	margin: 0 20px 20px 20px;1181}1182 1183.txtbox2 {1184	width: 140px;1185	float: left;1186}1187 1188.txtbox4 {1189	width: 185px;1190	float: left;1191}1192 1193.webinar-btn {1194	max-width: 200px;1195	position: relative;1196	bottom: 0;1197	left: 4px;1198}1199 1200.datebox {

Showing the first 1,200 of 3675 lines. Download the file for the rest.