index.html

---
layout: home
title: ScaleConf - A web scalability conference in South Africa
meta-description: ScaleConf is a web scalability conference about working and building for highly scalable websites. International experts will be talking about principles from the devops movement as well as some trending technologies and methodologies.
---

<div class="container">

    <div class="row">
        <!-- Hero Column -->
        <div class="span7">
            <!-- font shows numbers with massive letter spacing. fixed for this case -->
            <h1>ScaleConf <span style='letter-spacing:-4px;;'>2013</span></h1>
            <h5 id=wherewhen>APRIL 18TH-19TH 2013, CAPE TOWN</h5>
            <br/>
            <p class='herotext' style='width:500px;'>
                <b>Scaling code and architecture is a unique challenge that pushes us to our limits.</b>
            </p>
            <p class='herotext'>
                ScaleConf brings international and local experts together to talk about their experience
                building sites and services that can handle the rigors of today's internet.
            </p>

        </div>    
        <!-- Call to Action Column -->
        <div class="span4 offset1 calling">
            <!-- Engineers -->
            <!-- ~ Attend -->

            <!-- Speakers -->
            <div class="row">
                <div class="span4 calling-card">
                    <img src='/images/microphone.png' width='90px' height='90px'/>
                    <div>
                        <h2>Speakers</h2>
                        <a href='/tell-a-story' class='btn btn-custom'> share your stories</a>
                    </div>
                </div>
            </div>
            <!-- Sponsors -->
            <div class="row">
                <div class="span4 calling-card">
                    <img src='/images/world.png' weight='90px' height='90px'/>
                    <div>
                        <h2>Sponsors</h2>
                        <a href='/sponsor-packages' class='btn btn-custom'> see our packages</a>
                    </div>
                </div>
            </div>
            <!-- 2012 -->
            <div class="row">
                <div class="span4 calling-card">
                    <img src='/images/report.png' weight='90px' height='90px'/>
                    <div>
                        <h2>Report-back</h2>
                        <a href='/report-2012' class='btn btn-custom'>ScaleConf 2012</a>
                    </div>
                </div>
            </div>
            <!-- Charity or Previous year -->
            <!--
            <div class="row">
                <div class="span2" style='font-size:16px;'>
                    <img src='/images/holding_hands.jpeg'/>
                </div>
                <div class="span2" style='font-size:16px;'>
                    <h2 style='line-height:0.9em;'>charity</h2>
                    <a href='/charity' class='btn btn-warning calling'> how we gave back</a>
                </div>
            </div>
            -->
        </div>    
    </div>
</div>