Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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);    
    @import 
#intro url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

#hr-content {
    text-align: center;
}   
    
#intro#hr-content h1 {
    color: #333;
    font-family: 'Roboto', sans-serif;
    font-size: 42px28px;
    font-weight: 300;
}   
    
#intro p {
    color: #999#333;
    font-familydisplay: 'Roboto', sans-serifblock;
    fontpadding-sizebottom: 14px10px;
    fontborder-weightbottom: 1px solid 400#e6e6e6;
    margin-top: 5px0;
}  
     
/*  SECTIONS  */
.section-days {
	clear: both;
	padding: 5px 00px;
	margin: 0px;
    border-top: 1px solid #c3cecc;
    border-bottom: 1px solid #c3cecc;
    margin-top: 40px;
    
}
/*  COLUMN SETUP  */
.col-days {
	display: block;
	float:left;
	margin: 1% 0 1% 1%0%;
    textborder-alignright: 1px solid center#f0f0f0;
}
    .col-days:last-child {border-right: 1px solid #c3ceccnone;}
     height.col-days:hover {opacity: 100px;
0.7; cursor: pointer}
    
    .col:hover-days i {
	color: #0098d5;
       cursormargin-top: pointer10px;
}    
    opacity: 0.7;
}
    
.col-days ih5 {
    color: #4d5456font-family: 'Roboto', sans-serif;
    marginfont-topsize: 15px16px;
}    font-weight: 400;
    color: 
.col h5 {
#333;
    padding: 5px;
     color: #4d5456;
}
.col-days p {
    font-family: 'Roboto', sans-serif;
    font-size: 20px12px;
    font-weight: 300400;
    margin-topcolor: 10px#999;
}
    padding: 0 10px;
    margin-top: 10px;
}    
.col-days:lastfirst-child { bordermargin-rightleft: none0; }
    
  
/*  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%50%;
}
.span_13_of_43 {
	width: 23.79%33%;
}
/*  GO FULL WIDTH BELOW 780480 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="introhr-content">
    
     <h1>ICANN 56<<h1 style="margin-top:50px">Getting Started</h1>
    
   <p>Helsinki, Finland</p>
</div>
<div class="section-days group">
	<div class="col-days span_13_of_43" onclick="#top.location.href='https://wecann.icann.org/docs/DOC-9567';">
        <a  <ihref="https://wecann.icann.org/docs/DOC-9567/" target="_blank"><i class="fa fa-mapinfo-markercircle fa-2x"></i></i>a>
        <h5>Where Do <h5>VenueI Location<Start?</h5>
<p>Finlandia Hall Ltd</p>
Mannerheimintie 13 E
00100 Helsinki, Finland<        <p> Travel 101 on how to book your upcoming travel.</p>
	</div>
	<div class="col-days span_13_of_43" onclick="top.location.href='#';">
	    <i class="fa fa-bookbriefcase fa-2x"></i>
        <h5>Meeting<h5>FcM Dates<</h5>
<p>27 - 30 June 2016<        <p>FcM is ICANN’s dedicated Travel Management Company Vendor. Click here to access the FcM Travel Portal.</p>
	</div>
	<div class="col-days span_13_of_43" onclick="#top.location.href='https://www.concursolutions.com';">
	<a        <ihref="https://www.concursolutions.com/" target="_blank"><i class="fa fa-planelaptop fa-2x"></i></i>a>
        <h5>HEL<<h5>Concur</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>        <p> Concur Travel is ICANN’s on-line booking tool. Please click here to be directed.</p>
	</div>
        
</div>
</div>
 


Panel
bgColorBlack

Visa Information

...