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.
221.8k
1<!DOCTYPE html>2<html>3 <head>4 <style>5 @font-face {6 font-family: 'Gentium Book Basic';7 font-style: italic;8 font-weight: 700;9 src: url(https://fonts.gstatic.com/s/gentiumbookbasic/v17/pe0-MJCbPYBVokB1LHA9bbyaQb8ZGjc4VYnDzrfb-V8.ttf) format('truetype');10}11@font-face {12 font-family: 'Gentium Book Basic';13 font-style: normal;14 font-weight: 700;15 src: url(https://fonts.gstatic.com/s/gentiumbookbasic/v17/pe0wMJCbPYBVokB1LHA9bbyaQb8ZGjcw65RvzIfc.ttf) format('truetype');16}17 18 19 20@font-face {21 font-family: 'Open Sans';22 font-style: italic;23 font-weight: 300;24 font-stretch: normal;25 src: url(https://fonts.gstatic.com/s/opensans/v36/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk5hkWVAexQ.ttf) format('truetype');26}27@font-face {28 font-family: 'Open Sans';29 font-style: italic;30 font-weight: 400;31 font-stretch: normal;32 src: url(https://fonts.gstatic.com/s/opensans/v36/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVAexQ.ttf) format('truetype');33}34@font-face {35 font-family: 'Open Sans';36 font-style: italic;37 font-weight: 700;38 font-stretch: normal;39 src: url(https://fonts.gstatic.com/s/opensans/v36/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkyFjWVAexQ.ttf) format('truetype');40}41@font-face {42 font-family: 'Open Sans';43 font-style: normal;44 font-weight: 300;45 font-stretch: normal;46 src: url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4gaVc.ttf) format('truetype');47}48@font-face {49 font-family: 'Open Sans';50 font-style: normal;51 font-weight: 400;52 font-stretch: normal;53 src: url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype');54}55@font-face {56 font-family: 'Open Sans';57 font-style: normal;58 font-weight: 700;59 font-stretch: normal;60 src: url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVc.ttf) format('truetype');61}62 63 64 65@font-face {66 font-family: 'Open Sans Condensed';67 font-style: normal;68 font-weight: 300;69 src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDuXMQg.ttf) format('truetype');70}71 72 73 74html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}blockquote{padding:0 4em}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre,code,kbd,samp{font-family:monospace,sans-serif}a:hover,a:active{outline:0}ul,ol{margin-left:2em;list-style-type:disc}ol{list-style-type:decimal}nav ul,nav li{margin:0;list-style:none;list-style-image:none}small{font-size:85%}strong,th{font-weight:bold}em,i{font-style:italic}td{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;padding:15px}textarea{overflow:auto}button,input,select,textarea{margin:0}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}body,select,input,textarea{color:#464646;font-family:'Open Sans',Helvetica,Arial,sans-serif}input[type=text],input[type=password],input[type=email],input[type=search],textarea{border:1px solid #c1c3c7;border-top-color:#72757d;background:white;padding:2px 4px;font-size:18px;color:#2d2d2d}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=search]:focus,textarea:focus{outline:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}input[type=search]{-webkit-appearance:textfield;text-indent:5.5px;width:140px;height:auto;padding:2px 4px;border-width:1px;border-radius:10px;font-size:14px}h1,h2,h3,h4,h5,h6{font-family:'Gentium Book Basic',serif;font-weight:normal;line-height:1.2em;margin-bottom:11px}h1{font-size:28px}h2{font-size:25.2px}h3{font-size:22.4px}h4{font-size:19.6px}h5{font-size:16.8px}h6{font-size:14px}a,a:active,a:visited{color:#00468c;text-decoration:none}a:hover{text-decoration:underline}p{margin-bottom:22px}.small_text{font-size:11px;line-height:1.2em}img{max-width:100%}75 76 77/*78 * STANDARD COLUMN LAYOUT WIDTHS79 */80/* BASIC PAGE STRUCTURE */81html {82 height: 100%;83}84html body {85 line-height: 22px;86 font-size: 14px;87 background: #d2d2d2;88 background: url(/media/images/textures/noise.png), #cfd0d3;89}90html body #top_bar {91 width: 100%;92 background: #5a6982;93 color: #e6e8eb;94}95html body #top_bar > .container {96 zoom: 1;97 position: relative;98 width: 960px;99 margin: 0 auto;100 font-size: 11px;101 padding: 22px 0 5.5px;102}103html body #top_bar > .container:before,104html body #top_bar > .container:after {105 content: "\0020";106 display: block;107 height: 0;108 overflow: hidden;109}110html body #top_bar > .container:after {111 clear: both;112}113html body #top_bar > .container #user_account_links {114 float: left;115}116html body #top_bar > .container #user_account_links > a {117 color: white;118}119html body #top_bar > .container #cart {120 float: left;121 margin-left: 22px;122}123html body #top_bar > .container #cart > a {124 color: white;125}126html body #top_bar > .container #cart > a > img {127 margin-right: 5.5px;128 height: 18px;129 margin-bottom: -3px;130}131html body #top_bar > .container #top_bar_right {132 float: right;133 text-align: right;134}135html body #top_bar > .container #top_bar_right #schott_logo_link {136 float: right;137}138html body #top_bar > .container #top_bar_right #schott_logo_link > img {139 height: 32px;140 float: right;141 margin: -15px 0 0 11px;142}143html body #top_bar > .container #top_bar_right #schott_music_group_member {144 float: right;145}146html body > header {147 width: 100%;148 background: white;149}150html body > header > .container {151 zoom: 1;152 width: 960px;153 margin: 0 auto;154 position: relative;155}156html body > header > .container:before,157html body > header > .container:after {158 content: "\0020";159 display: block;160 height: 0;161 overflow: hidden;162}163html body > header > .container:after {164 clear: both;165}166html body > header > .container #covid-19-container {167 background: #ebebeb;168 padding: 8px 20px 1px 20px;169}170html body > header > .container #covid-19-container h5 {171 padding-bottom: 0;172}173html body > header > .container #covid-19-container #covid-19-notice {174 position: relative;175}176html body > header > .container #covid-19-container #covid-19-notice > .covid-19-toggle > span {177 position: absolute;178 right: 0;179 cursor: pointer;180 padding: 4px;181 border: #8c8f96 1px solid;182 border-radius: 3px;183}184html body > header > .container #covid-19-container #covid-19-notice > .covid-19-toggle > span:hover {185 background: #dcdddf;186}187html body > header > .container #covid-19-container #covid-19-notice-closed {188 display: none;189}190html body > header > .container #covid-19-container #covid-19-notice-closed > a {191 color: #464646;192}193html body > header > .container #site_notices {194 background: #ebebeb;195 padding: 16px 20px;196 color: #282828;197}198html body > header > .container #site_notices:empty {199 display: none;200}201html body > header > .container #main_nav {202 display: block;203 position: relative;204 zoom: 1;205 margin: 0 auto 0 auto;206 padding: 22px 0 0;207 font-size: 14px;208}209html body > header > .container #main_nav:before,210html body > header > .container #main_nav:after {211 content: "\0020";212 display: block;213 height: 0;214 overflow: hidden;215}216html body > header > .container #main_nav:after {217 clear: both;218}219html body > header > .container #main_nav #site_home_link {220 position: absolute;221 top: 11px;222 left: 0;223 float: left;224}225html body > header > .container #main_nav #site_home_link.current,226html body > header > .container #main_nav #site_home_link.current:hover {227 background: transparent;228}229html body > header > .container #main_nav #site_home_link img {230 height: 66px;231}232html body > header > .container #main_nav #nav_links_container {233 float: right;234}235html body > header > .container #main_nav #nav_links_container > ul {236 list-style: none;237 margin: 0;238 zoom: 1;239}240html body > header > .container #main_nav #nav_links_container > ul:before,241html body > header > .container #main_nav #nav_links_container > ul:after {242 content: "\0020";243 display: block;244 height: 0;245 overflow: hidden;246}247html body > header > .container #main_nav #nav_links_container > ul:after {248 clear: both;249}250html body > header > .container #main_nav #nav_links_container > ul > li {251 float: left;252 padding: 2px 11px 4px;253}254html body > header > .container #main_nav #nav_links_container > ul > li:last-of-type {255 padding-right: 0;256}257html body > header > .container #main_nav #nav_links_container > ul > li.current > a,258html body > header > .container #main_nav #nav_links_container > ul > li.current a:hover {259 border-bottom: 1px solid #464646;260}261html body > header > .container #main_nav #nav_links_container > ul > li > a {262 text-transform: uppercase;263 float: right;264 color: #464646;265 text-decoration: none;266 line-height: 22px;267 border-bottom: 1px solid transparent;268}269html body > header > .container #main_nav #nav_links_container > ul > li > a:hover {270 -webkit-transition-property: border-bottom;271 -moz-transition-property: border-bottom;272 -o-transition-property: border-bottom;273 -webkit-transition-duration: 0.5s;274 -moz-transition-duration: 0.5s;275 -o-transition-duration: 0.5s;276 border-bottom: 1px solid #464646;277}278html body > header > .container #main_nav #nav_links_container > ul > li#nav_search {279 zoom: 1;280}281html body > header > .container #main_nav #nav_links_container > ul > li#nav_search:before,282html body > header > .container #main_nav #nav_links_container > ul > li#nav_search:after {283 content: "\0020";284 display: block;285 height: 0;286 overflow: hidden;287}288html body > header > .container #main_nav #nav_links_container > ul > li#nav_search:after {289 clear: both;290}291html body > header > .container #main_nav #nav_links_container > ul > li#nav_search > form {292 float: right;293 margin-top: -3px;294}295html body > header > .container #main_nav #nav_links_container > ul > li#social_icon_links {296 padding: 0;297 margin-left: 11px;298}299html body > header > .container #main_nav #nav_links_container > ul > li#social_icon_links > a {300 opacity: 0.8;301 float: left;302 border-bottom: 1px solid transparent !important;303}304html body > header > .container #main_nav #nav_links_container > ul > li#social_icon_links > a:hover {305 opacity: 1;306}307html body > header > .container #main_nav #nav_links_container > ul > li#social_icon_links > a#facebook_icon_link {308 margin-right: 11px;309}310html body #main_content {311 background: white;312}313html body #main_content > .container {314 zoom: 1;315 position: relative;316 width: 960px;317 margin: 0 auto;318 min-height: 500px;319 padding: 44px 0;320}321html body #main_content > .container:before,322html body #main_content > .container:after {323 content: "\0020";324 display: block;325 height: 0;326 overflow: hidden;327}328html body #main_content > .container:after {329 clear: both;330}331html body > footer {332 width: 100%;333 border-top: 1px solid #b4b6bb;334 padding: 22px 0 0;335 color: #5a5c62;336 text-shadow: 0 1px rgba(255, 255, 255, 0.3);337}338html body > footer > .container {339 width: 960px;340 margin: 0 auto;341}342html body > footer > .container td {343 width: 33.333%;344 padding-bottom: 22px;345}346html body > footer > .container td h4 {347 margin-bottom: 5.5px;348}349html body > footer > .container td > ul {350 list-style: none;351 margin: 0;352}353html body > footer > .container td > ul > li a {354 color: #464646;355}356html body > footer > .container td > ul > li a:hover {357 color: #131313;358}359html body > footer > .container #copyright_notice {360 font-size: 11px;361}362#slides {363 width: 960px;364 height: 360px;365 margin-bottom: 44px;366 position: relative;367}368#slides .slides_container {369 width: 960px;370 height: 360px;371 display: none;372}373#slides .slides_container div img {374 display: block;375}376#slides .pagination {377 list-style: none;378 margin: 0;379 zoom: 1;380 position: absolute;381 bottom: -28.6px;382 right: 0px;383}384#slides .pagination:before,385#slides .pagination:after {386 content: "\0020";387 display: block;388 height: 0;389 overflow: hidden;390}391#slides .pagination:after {392 clear: both;393}394#slides .pagination li {395 float: left;396 text-align: center;397 font-size: 11px;398}399#slides .pagination li.current a {400 color: white;401 cursor: default;402 text-decoration: none;403 background: #5a6982;404}405#slides .pagination li a {406 width: 22px;407 float: left;408}409/*410 PAGINATION411 412*/413.pagination span.current_page {414 font-weight: bold;415}416/*417 * SITE INDEX PAGE418 */419#site_index_feature_container > img {420 display: block;421}422table#partners {423 width: 100%;424}425table#partners td {426 text-align: center;427 vertical-align: middle;428 padding: 0 22px;429}430table#partners a {431 color: #464646;432}433.slides_container img {434 max-width: none;435}436 437 438 439/*440 * STANDARD COLUMN LAYOUT WIDTHS441 */442/*443 * NEWS LIST PAGE444 */445.news_list_page #left_column {446 zoom: 1;447 float: left;448 width: 718px;449 position: relative;450}451.news_list_page #left_column:before,452.news_list_page #left_column:after {453 content: "\0020";454 display: block;455 height: 0;456 overflow: hidden;457}458.news_list_page #left_column:after {459 clear: both;460}461.news_list_page #left_column .pages {462 position: absolute;463 top: -59.4px;464 right: 0;465}466.news_list_page #left_column #news_article_list {467 list-style: none;468 margin: 0;469}470.news_list_page #left_column #news_article_list > li {471 zoom: 1;472 display: block;473 margin-bottom: 22px;474}475.news_list_page #left_column #news_article_list > li:before,476.news_list_page #left_column #news_article_list > li:after {477 content: "\0020";478 display: block;479 height: 0;480 overflow: hidden;481}482.news_list_page #left_column #news_article_list > li:after {483 clear: both;484}485.news_list_page #left_column #news_article_list > li .article_left_col {486 float: left;487 width: 120px;488}489.news_list_page #left_column #news_article_list > li .article_right_col {490 width: 576px;491 float: right;492}493.news_list_page #left_column #news_article_list > li .article_right_col .article_title_link {494 font-size: 18.2px;495 font-family: Vollkorn;496 line-height: 1.5em;497}498.news_list_page #left_column .pagination {499 zoom: 1;500}501.news_list_page #left_column .pagination:before,502.news_list_page #left_column .pagination:after {503 content: "\0020";504 display: block;505 height: 0;506 overflow: hidden;507}508.news_list_page #left_column .pagination:after {509 clear: both;510}511.news_list_page #left_column .pagination .next_page {512 float: right;513}514.news_list_page #left_column .pagination .prev_page {515 float: left;516}517.news_list_page #right_column {518 zoom: 1;519 margin-left: 740px;520 border-left: 1px solid transparent;521}522.news_list_page #right_column:before,523.news_list_page #right_column:after {524 content: "\0020";525 display: block;526 height: 0;527 overflow: hidden;528}529.news_list_page #right_column:after {530 clear: both;531}532.news_list_page #right_column .news_subfeatures {533 list-style: none;534 margin: 0;535}536.news_list_page #right_column .news_subfeatures > li {537 margin: 0 0 44px 22px;538}539.news_article_page #left_column {540 zoom: 1;541 float: left;542 width: 718px;543}544.news_article_page #left_column:before,545.news_article_page #left_column:after {546 content: "\0020";547 display: block;548 height: 0;549 overflow: hidden;550}551.news_article_page #left_column:after {552 clear: both;553}554.news_article_page #left_column .main_article_image {555 float: left;556 margin: 0 11px 11px 0;557}558.news_article_page #right_column {559 zoom: 1;560 margin-left: 740px;561 border-left: 1px solid #c1c3c7;562 padding-left: 22px;563}564.news_article_page #right_column:before,565.news_article_page #right_column:after {566 content: "\0020";567 display: block;568 height: 0;569 overflow: hidden;570}571.news_article_page #right_column:after {572 clear: both;573}574.news_article_page #right_column ul#sidebar-news-list {575 list-style: none;576 margin: 0;577}578.news_article_page #right_column ul#sidebar-news-list > li {579 border-bottom: 1px solid #c1c3c7;580 margin-bottom: 22px;581}582.news_article_page #right_column ul#sidebar-news-list > li > .article_title {583 padding-bottom: 1ex;584}585.news_article_page #right_column ul#sidebar-news-list > li > .article_title > a {586 font-weight: bold;587 color: #464646;588}589.news_article_page #right_column .news_subfeatures {590 list-style: none;591 margin: 0;592}593.news_article_page #right_column .news_subfeatures > li {594 margin: 0 0 44px 22px;595}596 </style>597 <meta charset="utf-8">598 <title>599 EAM: A New Carol for the King’s College Choir600 </title>601 </head>602 <body style>603 <div id="top_bar">604 <div class="container">605 <div id="user_account_links">606 <!-- <a >Register</a> |607 Already Registered? -->608 <a>609 Log in610 </a>611 </div>612 <div id="cart">613 <a>614 <img alt="Cart" src="rick.jpg">615 0 items in your cart616 </a>617 </div>618 <div id="top_bar_right">619 <div id="schott_music_group_member">620 European American Music Distributors Company is a member of the Schott Music Group621 </div>622 </div>623 </div>624 </div>625 <header>626 <div class="container">627 <!--628 <div id="covid-19-container"><div id="covid-19-notice"><div class="covid-19-toggle"><span class="fa fa-close" title="close"></span></div><h5><strong>Information Regarding COVID-19</strong></h5><p>Our New York City office remains closed to protect the health and safety of all of our employees. During this time, we629 are doing everything possible to minimize disruptions to our daily operations. All employees are630 working remotely and remain fully contactable. If you have had to cancel or postpone a performance of a631 work from our catalogue, or are considering live streaming performances or streaming archival632 material, we are prepared to assist you in facilitating changes. Please direct all questions or concerns633 to <a target="_blank">[EMAIL REDACTED]</a>.634 </p><p><strong>Please note:</strong></p><ul><li><strong>All materials</strong> from canceled or completed performances <strong>should635 be returned to our Verona, New Jersey library only.</strong></li></ul><ul><li>Please do not return materials to our New York office. Unfortunately, we636 cannot be responsible for lost materials that are returned to our New York office637 while it is closed. If materials are lost, we will have to charge the full replacement638 value.639 </li></ul><br></div><div id="covid-19-notice-closed"><a ><h5><strong>Information Regarding COVID-19 <span class="fa fa-chevron-right fa-caret-right"></span></strong></h5></a></div></div>-->640 <div id="site_notices">641 </div>642 <nav id="main_nav">643 <a id="site_home_link">644 <img alt="EAM" id="nav_logo" src="rick.jpg">645 </a>646 <div id="nav_links_container">647 <ul id="main_nav_link_list">648 <li class="current">649 <a>650 News651 </a>652 </li>653 <li class="">654 <a>655 Composers656 </a>657 </li>658 <li class="">659 <a>660 PSNY661 </a>662 </li>663 <li class="">664 <a>665 Orders and Requests666 </a>667 </li>668 </ul>669 </div>670 </nav>671 </div>672 </header>673 <div id="main_content">674 <div class="container news_article_page">675 <div id="left_column">676 <h1>677 A New Carol for the King’s College Choir678 </h1>679 <p>680 Dec. 04, 2017681 </p>682 <img alt="A New Carol for the King’s College Choir " class="main_article_image" src="rick.jpg">683 <p style="line-height: 1.656; margin-top: 0pt; margin-bottom: 0pt; background-color: #ffffff;">684 For thirty-five years, beginning with the tenure of Music Director Stephen Cleobury, the685 <strong>686 Choir of King's College687 </strong>688 has commissioned a new carol for their annual Christmas Eve689 <em>690 Festival of Nine Lessons and Carols691 </em>692 service--a widely anticipated event broadcast around the world. This year, acclaimed composer693 <strong>694 Huw Watkins695 </strong>696 was asked to write the new piece. Former Archbishop of Canterbury, Rowan Williams chose the setting: part of the welsh Plygain tune,697 <em>698 Carol Eliseus699 </em>700 .701 </p>702 <p style="line-height: 1.656; margin-top: 0pt; margin-bottom: 0pt; background-color: #ffffff;">703 704 </p>705 <p style="line-height: 1.656; margin-top: 0pt; margin-bottom: 0pt; background-color: #ffffff;">706 For Watkins, who is Welsh, but does not speak the language, the commission was a welcome challenge. He notes, “My mother (a native speaker) has helped me with the sounds and stresses of the words, and I feel like setting this language has unlocked an indefinable Welshness in my music.707 </p>708 <p style="line-height: 1.656; margin-top: 0pt; margin-bottom: 0pt; background-color: #ffffff;">709 710 </p>711 <p style="line-height: 1.656; margin-top: 0pt; margin-bottom: 0pt; background-color: #ffffff;">712 The King’s College713 <strong>714 Festival of Nine Lessons and Carols715 </strong>716 will be broadcast to millions internationally on717 <strong>718 <a target="_blank">719 Christmas Eve, December 24,720 </a>721 </strong>722 beginning at 3 PM GMT via BBC World Service and other public broadcasters, as well as on BBC Radio 4 in the UK.723 </p>724 <p style="line-height: 1.656; margin-top: 0pt; margin-bottom: 0pt; background-color: #ffffff;">725 726 </p>727 <p style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;">728 For more information on 729 <strong>730 Huw Watkins731 </strong>732 , visit 733 <a target="_blank">734 <strong>735 schott-music.com736 </strong>737 </a>738 .739 </p>740 </div>741 <div id="right_column">742 <h2>743 News744 </h2>745 <ul id="sidebar-news-list">746 <li>747 <div class="article_title">748 <a>749 AXIOM's All-Berio Program at Alice Tully Hall750 </a>751 </div>752 <div class="article_left_col">753 <a class="image_anchor">754 <img alt="AXIOM's All-Berio Program at Alice Tully Hall" src="rick.jpg">755 </a>756 </div>757 <div class="article_right_col">758 <div class="content_container">759 <p style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;">760 The intrepid American conductor Jeffrey Milarsky led Juilliard’s761 <strong>762 AXIOM763 </strong>764 in a performance of music by765 <strong>766 Luciano Berio767 </strong>768 on769 <strong>770 <a target="_blank">771 December 1 …772 </a>773 </strong>774 </p>775 </div>776 <p class="more">777 <a>778 More779 </a>780 </p>781 </div>782 </li>783 <li>784 <div class="article_title">785 <a>786 Johannes Maria Staud’s787 <em>788 Die Antilope789 </em>790 Premieres in Italy791 </a>792 </div>793 <div class="article_left_col">794 <a class="image_anchor">795 <img alt="Johannes Maria Staud’s <em>Die Antilope</em> Premieres in Italy" src="rick.jpg">796 </a>797 </div>798 <div class="article_right_col">799 <div class="content_container">800 <p style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;">801 The802 <strong>803 Orchestra Haydn di Bolzano e Trento804 </strong>805 and the806 <strong>807 Wiener Kammerchor808 </strong>809 , led by conductor Walter Kobéra performed the Italian …810 </p>811 </div>812 <p class="more">813 <a>814 More815 </a>816 </p>817 </div>818 </li>819 <li>820 <div class="article_title">821 <a>822 Music of Sir Michael Tippett in Saint Louis and Baltimore823 </a>824 </div>825 <div class="article_left_col">826 <a class="image_anchor">827 <img alt="Music of Sir Michael Tippett in Saint Louis and Baltimore" src="rick.jpg">828 </a>829 </div>830 <div class="article_right_col">831 <div class="content_container">832 <p style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;">833 The Saint Louis Symphony Orchestra led by David Robertson performs Sir Michael Tippett’s beloved oratorio834 <strong>835 <a target="_blank">836 A Child of Our Time …837 </a>838 </strong>839 </p>840 </div>841 <p class="more">842 <a>843 More844 </a>845 </p>846 </div>847 </li>848 </ul>849 </div>850 </div>851 </div>852 <footer>853 <table class="container">854 <tbody>855 <tr>856 <td>857 <h4>858 Information859 </h4>860 <ul id="footer_information_links">861 <li>862 <a>863 About Us864 </a>865 </li>866 <li>867 <a>868 FAQ869 </a>870 </li>871 <li>872 <a>873 Contact874 </a>875 </li>876 <li>877 <a>878 Sales879 </a>880 </li>881 </ul>882 </td>883 <td>884 <h4>885 Social886 </h4>887 <ul id="connect_information_links">888 <li>889 <a>890 Twitter891 </a>892 </li>893 <li>894 <a>895 Facebook896 </a>897 </li>898 </ul>899 </td>900 <td>901 <h4>902 e-newsletter903 </h4>904 <ul>905 <li>906 <a target="_blank">907 Sign up here!908 </a>909 </li>910 </ul>911 </td>912 </tr>913 <tr>914 <td>915 <span id="copyright_notice">916 © 2023 European American Music Distributors Company917 </span>918 </td>919 </tr>920 </tbody>921 </table>922 </footer>923 </body>924</html>925