Versions Compared

Key

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



HTML
<style type="text/css">
    @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700);    
    @import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

#hr-content {
    text-align: center;
} 
    
#hr-content h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 40px;
    font-weight: 300;
    color: #333;
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
    margin-top: 0;
} 
   
#hr-content h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    font-weight: 300;
    color: #333;
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
    margin-top: 0;
} 
 
/*  SECTIONS  */
.section-days {
	clear: both;
	padding: 0px;
	margin: 0px;
}
/*  COLUMN SETUP  */
.col-days {
	display: block;
	float:left;
	margin: 1% 0 1% 0%;
    border-right: 1px solid #f0f0f0;
}
    .col-days:last-child {border-right: none;}
    .col-days:hover {opacity: 0.7; cursor: pointer}
    
.col-days i {
	color: #0098d5;
    margin-top: 10px;
}    
    
    
.col-days h5 {
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    font-weight: 400;
    color: #333;
    padding: 5px;
    
}
.col-days p {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    padding: 0 10px;
    margin-top: 10px;
}    
.col-days:first-child { margin-left: 0; }
    
  
/*  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: 75%;
}
.span_2_of_4 {
	width: 50%;
}
.span_3_of_3 {
	width: 33%;
}
/*  GO FULL WIDTH BELOW 480 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="hr-content">
    
    <h1 style="margin-top:50px">ICANN59</h1>
    <h2>Johannesburg, South Africa</h2>
    <div class="section-days group">
	<div class="col-days span_3_of_3">
        <i class="fa fa-map-marker  fa-2x"></i></a>
        <h5>Venue Location</h5>
        <p>Sandton Convention Center</p>
<p>161 Maude St, Sandton</p>
<p>Johannesburg, 2196, South Africa</p>
	</div>
	<div class="col-days span_3_of_3">
	    <i class="fa fa-calendar fa-2x"></i>
        <h5>Meeting Dates</h5>
        <p>26-29 Jun 2017</p>
	</div>
	<div class="col-days span_3_of_3">
	<i class="fa fa-plane fa-2x"></i></a>
        <h5>JNB</h5>
        <p>OR Tambo International Airpor</p>
	</div>
        
</div>
</div>



Panel
bgColorBlack

Hotel

ICANN will provide approved travel dates for ICANN meetings. Funded travelers can extend their stay before or after their approved travel dates at their own expense. Once the funded traveler receives their hotel confirmation with hotel contact information, the funded traveler may request additional days by contacting the hotel directly. Please note that the additional days beyond the approved travel dates are subject to hotel availability and the additional costs will be the responsibility of the funded traveler. Additional hotel requests, such as double occupancy, amenities, etc. can be made directly with the hotel after receiving the hotel confirmation email from ICANN.

ICANN will request early check in for travelers arriving between midnight and 7am (local time) during the approved travel dates. Travelers arriving after 7am (local time) may request an early check in directly with the hotel. Late check outs also can be arranged directly with the hotel at the expense of the traveler. Kindly note that early/late check in/out requests are subject to hotel availability and are not guaranteed. 

Hotel contact information is made available in the travelers’ hotel confirmation email.

...

(tick) Your passport must be current and valid at least 6 months from 30 days from the date of entry into South Africa.

...

Panel
bgColorBlack

Per Diem / Stipend



HTML
<style type="text/css">
    @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700);    
    @import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

#hr-content {
    text-align: center;
} 
    
#hr-content h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 40px;
    font-weight: 300;
    color: #333;
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
    margin-top: 0;
} 
   
#hr-content h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    font-weight: 300;
    color: #333;
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
    margin-top: 0;
} 
 
/*  SECTIONS  */
.section-days {
	clear: both;
	padding: 0px;
	margin: 0px;
}
/*  COLUMN SETUP  */
.col-days {
	display: block;
	float:left;
	margin: 1% 0 1% 0%;
    border-right: 1px solid #f0f0f0;
}
    .col-days:last-child {border-right: none;}
    .col-days:hover {opacity: 0.7; cursor: pointer}
    
.col-days i {
	color: #0098d5;
    margin-top: 10px;
}    
    
    
.col-days h5 {
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    font-weight: 400;
    color: #333;
    padding: 5px;
    
}
.col-days p {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    padding: 0 10px;
    margin-top: 10px;
}    
.col-days:first-child { margin-left: 0; }
    
  
/*  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: 75%;
}
.span_2_of_4 {
	width: 50%;
}
.span_3_of_3 {
	width: 33%;
}
/*  GO FULL WIDTH BELOW 480 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="hr-content">
    
    <div class="section-days group">
	<div class="col-days span_3_of_3">
        <i class="fa fa-usd  fa-2x"></i></a>
        <h5>Per Diem</h5>
        <p>$60 USD</p>
	</div>
	<div class="col-days span_3_of_3">
	    <i class="fa fa-money fa-2x"></i>
        <h5>Stipend</h5>
        <p>$400 USD</p>
	</div>
	<div class="col-days span_3_of_3">
	<i class="fa fa-pencil-square-o fa-2x"></i></a>
        <h5>Actual Reimbursement</h5>
        <A HREF="https://community.icann.org/pages/viewpage.action?pageId=49351584" TARGET="_blank"><p>Click Here</p></a>
	</div>
        
</div>
</div>

 


WIRE TRANSFER DISTRIBUTION SCHEDULE

...