Page History
HTML |
---|
<style type="text/css"> @import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css); @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700); #intro { text-align: center; } #intro h1 { color: #333; font-family: 'Roboto', sans-serif; font-size: 42px; font-weight: 300; } #intro p { color: #999; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; margin-top: 5px; } /* SECTIONS */ .section { clear: both; padding: 5px 0; margin: 0px; border-top: 1px solid #c3cecc; border-bottom: 1px solid #c3cecc; margin-top: 40px; } /* COLUMN SETUP */ .col { display: block; float:left; margin: 1% 0 1% 1%; text-align: center; border-right: 1px solid #c3cecc; height: 100px; } .col:hover { cursor: pointer; opacity: 0.7; } .col i { color: #4d5456; margin-top: 15px; } .col h5 { color: #4d5456; font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 300; margin-top: 10px; } .col:last-child { border-right: none; } /* GROUPING */ .group:before, .group:after { content:""; display:table; } .group:after { clear:both;} .group { zoom:1; /* For IE 6/7 */ } /* GRID OF FOUR */ .span_4_of_4 { width: 100%; } .span_3_of_4 { width: 74.75%; } .span_2_of_4 { width: 49.5%; } .span_1_of_4 { width: 23.79%; } /* GO FULL WIDTH BELOW 780 PIXELS */ @media only screen and (max-width: 480px) { .col { margin: 1% 0 1% 0%; } .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; } } </style> <div id="intro"> <h1>Welcome to ICANN Travel!<<h1>ICANN 56</h1> <p> This is your one-stop-shop for everything related to ICANN travel. We invite you to explore our travel program and familiarize yourself with ICANN's Travel Policy. Whether you are looking for our preferred air and hotel partners, training or general employee resources, you can find it all here. Our goal is to provide you with excellent customer service and information to help you make smart and cost effective travel decisions.<<p>Helsinki, Finland</p> </div> <div class="section group"> <div class="col span_1_of_4" onclick="#';"> <i class="fa fa-map-marker fa-2x"></i> <h5>Venue Location</h5> <p>Finlandia Hall Ltd</p> Mannerheimintie 13 E 00100 Helsinki, Finland</p> </div> <div class="col span_1_of_4" onclick="top.location.href='#';"> <i class="fa fa-book fa-2x"></i> <h5>Meeting Dates</h5> <p>27 - 30 June 2016</p> </div> <div class="col span_1_of_4" onclick="#';"> <i class="fa fa-plane fa-2x"></i> <h5>HEL</h5> <p>Helsinki Airport</p> </div> <div class="col span_1_of_4" onclick="#';"> <i class="fa fa-question-circle fa-2x"></i> <h5>Help!</h5> </div> </div> |
...