Title:     Cloud Barcamp
Notice:    Licensed to the Apache Software Foundation (ASF) under one
           or more contributor license agreements.  See the NOTICE file
           distributed with this work for additional information
           regarding copyright ownership.  The ASF licenses this file
           to you under the Apache License, Version 2.0 (the
           "License"); you may not use this file except in compliance
           with the License.  You may obtain a copy of the License at
           .
             http://www.apache.org/licenses/LICENSE-2.0
           .
           Unless required by applicable law or agreed to in writing,
           software distributed under the License is distributed on an
           "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
           KIND, either express or implied.  See the License for the
           specific language governing permissions and limitations
           under the License.
<style>
   pre {
   display:none;
   }
   .cHeader {
   text-align: center;
   padding-top: 20px;
   background-image: url("/images/bg-line.jpg");
   background-repeat: no-repeat; 
   background-position: bottom center;
   padding-bottom: 40px;
   margin-bottom: 20px;
   }
   .cBarCamp .cLeftCol {
   float: left;
   width: 45%;
   display: inline-block;
   text-align: left;
   }
   .cBarCamp .cRightCol {
   float: right;
   width: 45%;
   display: inline-block;
   text-align: left;
   }
   .cBarCamp h2 {
   font-size: 38px;
   color: #717070;
   font-weight: normal;
   line-height: 48px;
   }
   .cRegisterNow {
   background: none repeat scroll 0 0 #0e76bc;
   /*    border: 1px solid #02B6E7;*/
   border-radius: 8px 8px 8px 8px;
   color: #FFFFFF;
   display: inline-block;
   font-family: Arial,Helvetica;
   font-size: 28px;
   font-weight: bold;
   margin-bottom: 20px;
   padding: 20px 40px;
   text-align: center;
   text-decoration: none;
   margin-top: 59px;
   }
   .cAgendaTable {
   width: auto;
   }
   .cAgendaTableTd {
   width: 32%; text-align: right; font-family: 'Noto Sans',sans-serif; font-size: 16px; line-height:20px; color: #00aeef; font-weight: bold; border-bottom: 1px solid #ececec; padding: 10px; border-right: 1px solid #ececec;
   } 
   .cAgendaTableTd2 {
   font-family: 'Noto Sans',sans-serif; font-size: 14px; text-align: left; line-height:20px; color: #6a6a6a; font-weight: normal; padding: 10px; border-bottom: 1px solid #ececec;
   }
   .cTitle {
   display: block;
   font-family: 'Noto Sans',sans-serif;
   color: #000000;
   padding-top: 30px;
   font-size: 30px;
   }
   .map {
   background-image: url("/images/map.jpg");
   background-repeat: no-repeat; 
   background-position: bottom left;
   padding-left: 40px;
   padding-top: 16px;
   margin-top: 0px;
   display: inline-block;
   line-height: 28px;
   }
   .cContent {
   display: inline-block;
   width: 100%;
   }
   .cContent.cbg {
   background-image: url("/images/bg-line.jpg");
   background-repeat: no-repeat; 
   background-position: bottom center;
   padding-bottom: 40px;
   }
   @media screen and (max-width: 1300px) {
   .cBarCamp .cLeftCol , .cBarCamp .cRightCol {
   float: left;
   width: 100%;
   display: block;
   text-align: center;
   }
   .cAgendaTableTd {
   width: 50%;
   }
   .cAgendaTable {
   width: 100%;
   }
   .cBarCamp h2 {
   /*                font-size: 48px;*/
   }
</style>
<div class="cBarCamp">
   <div class="cHeader">
      <img src="/images/bar-camp-header.jpg" alt="Cloud Barcamp"/>
      <span class="cTitle">At Mission Bay Conference Center from <strong>01:30 pm</strong> - <strong>05:30 pm</strong></span>
   </div>
   <div class="cContent">
      <div class="cLeftCol">
         <h2>What is a BarCamp unconference?</h2>
         <p>BarCamps are "unconferences", where the schedules are not set in advance of the day, and everyone is welcomed (and encouraged!) to participate. The themes that draw everyone together are known and announced, but the schedule is decided based on who turns up, what interesting ideas and topics they bring, and what exciting new things spring up during the course of the day!</p>
         <p>The conference is open to anyone and free but we do ask you register <a href="http://www.eventbrite.com/event/814668796">here</a>, so we know how many to expect!. Everyone is welcomed and encouraged to participate, in whatever way they feel best able to. That might be proposing a session, it might be leading one, it might asking smart questions, it might be by blogging / tweeting / posting photos, it might be by helping out, or it might just be by telling others about it. However you can get involved, do!</p>
      </div>
      <div class="cRightCol">
         <h2>And what is the Cloud BarCamp all about?</h2>
         <p>We want to bring as many Cloud projects and people together to discuss cloud aspects, ideas and brainstorm and share Cloud visions. </p>
         <p>Please join us in San Francisco on October 28th, 2013.</p>
         <a class="cRegisterNow" href="http://www.eventbrite.com/event/8146687963">Register Now</a>
      </div>
   </div>
   <div class="cContent cbg">
      <div class="cLeftCol">
         <h2>Agenda</h2>
         <table class="cAgendaTable">
            <tbody>
               <tr>
                  <td class="cAgendaTableTd">01:30 pm</td>
                  <td class="cAgendaTableTd2">Registration opens </td>
               </tr>
               <tr>
                  <td class="cAgendaTableTd">02:00 pm</td>
                  <td class="cAgendaTableTd2">Kickoff &amp; agenda bashing</td>
               </tr>
               <tr>
                  <td class="cAgendaTableTd">05:00 pm</td>
                  <td class="cAgendaTableTd2">Wrap up</td>
               </tr>
               <tr>
                  <td class="cAgendaTableTd" style="border-bottom:none;">05:30 pm</td>
                  <td class="cAgendaTableTd2" style="border-bottom:none;">Drinks &amp; continue discussion</td>
               </tr>
            </tbody>
         </table>
      </div>
      <div class="cRightCol">
         <h2>Venue</h2>
         <h3>Mission Bay Conference Center at UCSF</h3>
         <p>1675 Owens Street<br/>
            San Francisco, CA 94158<br/>
            (+1) 866-431-UCSF
         </p>
         <a class="map" href="http://maps.google.com/maps?f=q&hl=en&geocode=&q=mission+bay+conference+center,+san+francisco,+ca">Map</a>
      </div>
   </div>
   <div class="cContent" style="padding: 40px; text-align: center;">
<table style="padding: 0px; margin:auto; border:none;">
                                                         <tbody><tr>
                                                            <td style="text-align: right; padding-right: 0px; border:none;">
                                                               <span style="  font-family: Arial,Helvetica; font-size: 14px; font-weight: normal; line-height: 20px; color: #999999;">Organized by </span>
                                                            </td>
                                                             <td style="border:none;">
                                                                 <a href="http://stratos.staging.apache.org"><img src="http://stratos.staging.apache.org/images/apache-stratos-logo.jpg"></a>
                                                             </td>
                                                             <td style="border:none; font-family: Arial,Helvetica; font-size: 14px; font-weight: normal; line-height: 20px; color: #999999; text-align: left;">
                                                                  (Incubating) PPMC and sponsored by
                                                             </td>
                                                            <td style="text-align: left; border:none;">
                                                               <a href="http://wso2.com/" style="outline: none;"><img alt="WSO2" src="http://b.content.wso2.com/newsletter/images/nl-m-wso2-logo.gif" style="width: 80px;"></a>
                                                            </td>
                                                         </tr>
                                                      </tbody></table>
   </div>
</div>