index.html

<html>

  <head>
    <meta name="viewpoart" content="width=device-width, initial-scale=0.85">
    <meta charset="utf-8"/>
    <title>TEDxBerkeley 2018 </title>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
    <script src="http://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
    <script>
      (function(i, s, o, g, r, a, m)
      {
        i['GoogleAnalyticsObject'] = r;
        i[r] = i[r] || function()
        {
          (i[r].q = i[r].q || []).push(arguments)
        }, i[r].l = 1 * new Date();
        a = s.createElement(o),
          m = s.getElementsByTagName(o)[0];
        a.async = 1;
        a.src = g;
        m.parentNode.insertBefore(a, m)
      })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
      ga('create', 'UA-97404598-1', 'auto');
      ga('send', 'pageview');
    </script>
    <link href="/2013/css/style.min.css" rel="stylesheet">
    <script src="/2013/js/script.min.js"></script>
  </head>

  <body>
    <header>
      <span class="logo col-md-3 col-xs-1">
        <span class="logo-cont animate3"><a href="/"><img src="/2013/static/images/logo.png"><span class="logo-text">TEDxBerkeley</span></a></span>
      </span>
      <nav class="right col-md-9 col-xs-11">
        <ul>
          <li><a href="/contact">Contact</a></li>
          <li><a href="/speakers">Speakers</a></li>
          <li><a href="/partners">Partners</a></li>
          <li><a href="/about">About</a></li>
        </ul>
      </nav>
    </header>
    
<section class="basic-text wrap-container profile">
    <div class="wrap col-md-8 col-sm-10 col-xs-10">
        <h2 class="name">TEDxBerkeley 2013</h2>
        <div class="multicol-2">

        </div>
    </div>
    <div class="background">
        <img src="/2013/static/images/burn_right.svg" class="burn-right">
    </div>
</section>
<section class="people wrap-container">
    <div class="wrap col-md-10 col-sm-10">
        
        <div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
                <span class="profile-pic"
                      style="background:url('/2013/static/images/speakerPics/Ambience.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Ambience</h2>
            <p class="profile-byline">Want a light show? Don...</p>
            <p class="profile-copy">Want a light show? DonÍt know what that is?<br/>Ambience is a student group dedi...</i>
                </b>
            </p>
            <p><a href="/2013/speakers/Ambience" class="button small">View More</a>
            </p>
        </div>
        
        <div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
                <span class="profile-pic"
                      style="background:url('/2013/static/images/speakerPics/Chris Anderson.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Chris Anderson</h2>
            <p class="profile-byline">CHRIS ANDERSON, Founder, ...</p>
            <p class="profile-copy">Anderson took the helm of Wired in 2001 and led the magazine<br/>to more than tw...</i>
                </b>
            </p>
            <p><a href="/2013/speakers/Chris-Anderson" class="button small">View More</a>
            </p>
        </div>
        
        <div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
                <span class="profile-pic"
                      style="background:url('/2013/static/images/speakerPics/Louann Brizendine.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Louann Brizendine</h2>
            <p class="profile-byline">Louann Brizendine, M.D. i...</p>
            <p class="profile-copy">Louann Brizendine, M.D. is a practicing neuropsychiatrist, a New York Times best...</i>
                </b>
            </p>
            <p><a href="/2013/speakers/Louann-Brizendine" class="button small">View More</a>
            </p>
        </div>
        
        <div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
                <span class="profile-pic"
                      style="background:url('/2013/static/images/speakerPics/The California Golden Overtones.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">The California Golden Overtones</h2>
            <p class="profile-byline">The California Golden Ove...</p>
            <p class="profile-copy">The California Golden Overtones are an all-female completely student-run A Cappe...</i>
                </b>
            </p>
            <p><a href="/2013/speakers/The-California-Golden-Overtones" class="button small">View More</a>
            </p>
        </div>
        
        <div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
                <span class="profile-pic"
                      style="background:url('/2013/static/images/speakerPics/Mallika Chopra.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Mallika Chopra</h2>
            <p class="profile-byline">Mallika Chopra is a mom, ...</p>
            <p class="profile-copy">Mallika Chopra is a mom, media entrepreneur, published author, and a notable voi...</i>
                </b>
            </p>
            <p><a href="/2013/speakers/Mallika-Chopra" class="button small">View More</a>
            </p>
        </div>
        
        <div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
                <span class="profile-pic"
                      style="background:url('/2013/static/images/speakerPics/Alex Filippenko.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Alex Filippenko</h2>
            <p class="profile-byline">Alex Filippenko received ...</p>
            <p class="profile-copy">Alex Filippenko received his Ph.D. in astronomy from Caltech in 1984 and joined ...</i>
                </b>
            </p>
            <p><a href="/2013/speakers/Alex-Filippenko" class="button small">View More</a>
            </p>
        </div>
        
        <div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
                <span class="profile-pic"
                      style="background:url('/2013/static/images/speakerPics/Eden Full.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Eden Full</h2>
            <p class="profile-byline">Eden Full is the Founder ...</p>
            <p class="profile-copy">Eden Full is the Founder of Roseicollis Technologies Inc. She studied for two ye...</i>
                </b>
            </p>
            <p><a href="/2013/speakers/Eden-Full" class="button small">View More</a>
            </p>
        </div>
        
        <div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
                <span class="profile-pic"
                      style="background:url('/2013/static/images/speakerPics/Dan Millman.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Dan Millman</h2>
            <p class="profile-byline">After topping off his tim...</p>
            <p class="profile-copy">After topping off his time in high school by winning the US Gymnastics Federatio...</i>
                </b>
            </p>
            <p><a href="/2013/speakers/Dan-Millman" class="button small">View More</a>
            </p>
        </div>
        
        <div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
                <span class="profile-pic"
                      style="background:url('/2013/static/images/speakerPics/Robert Neuwirth.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Robert Neuwirth</h2>
            <p class="profile-byline">Robert Neuwirthíæis the a...</p>
            <p class="profile-copy">Robert Neuwirth is the author of two books on alternative social and economic st...</i>
                </b>
            </p>
            <p><a href="/2013/speakers/Robert-Neuwirth" class="button small">View More</a>
            </p>
        </div>
        
        <div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
                <span class="profile-pic"
                      style="background:url('/2013/static/images/speakerPics/Kim Polese.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Kim Polese</h2>
            <p class="profile-byline">Kim Polese is a leadingíæ...</p>
            <p class="profile-copy">Kim Polese is a leading Silicon Valley entrepreneur and innovator. She currently...</i>
                </b>
            </p>
            <p><a href="/2013/speakers/Kim-Polese" class="button small">View More</a>
            </p>
        </div>
        
        <div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
                <span class="profile-pic"
                      style="background:url('/2013/static/images/speakerPics/Ananya Roy.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Ananya Roy</h2>
            <p class="profile-byline">AnanyaíæRoyíæis Professor...</p>
            <p class="profile-copy">Ananya Roy is Professor of City and Regional Planning and Distinguished Chair in...</i>
                </b>
            </p>
            <p><a href="/2013/speakers/Ananya-Roy" class="button small">View More</a>
            </p>
        </div>
        
        <div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
                <span class="profile-pic"
                      style="background:url('/2013/static/images/speakerPics/Karen Sokal-Gutierrez.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Karen Sokal-Gutierrez</h2>
            <p class="profile-byline">Karen Sokal-Gutierrez is ...</p>
            <p class="profile-copy">Karen Sokal-Gutierrez is a physician trained in pediatrics, preventive medicine,...</i>
                </b>
            </p>
            <p><a href="/2013/speakers/Karen-Sokal-Gutierrez" class="button small">View More</a>
            </p>
        </div>
        
        <div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
                <span class="profile-pic"
                      style="background:url('/2013/static/images/speakerPics/Cecily Sommers.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Cecily Sommers</h2>
            <p class="profile-byline">A global trends analyst, ...</p>
            <p class="profile-copy">A global trends analyst, Cecily Sommers helps organizations understand and prepa...</i>
                </b>
            </p>
            <p><a href="/2013/speakers/Cecily-Sommers" class="button small">View More</a>
            </p>
        </div>
        
        <div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
                <span class="profile-pic"
                      style="background:url('/2013/static/images/speakerPics/Victoria Theodore.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Victoria Theodore</h2>
            <p class="profile-byline">Victoria Theodore, a 3rdí...</p>
            <p class="profile-copy">Victoria Theodore, a 3rd generation Bay Area native, is a graduate of Oberlin Co...</i>
                </b>
            </p>
            <p><a href="/2013/speakers/Victoria-Theodore" class="button small">View More</a>
            </p>
        </div>
        
        <div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
                <span class="profile-pic"
                      style="background:url('/2013/static/images/speakerPics/Curt Tofteland.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Curt Tofteland</h2>
            <p class="profile-byline">Curt L. Tofteland is the ...</p>
            <p class="profile-copy">Curt L. Tofteland is the founder of the internationally acclaimed Shakespeare Be...</i>
                </b>
            </p>
            <p><a href="/2013/speakers/Curt-Tofteland" class="button small">View More</a>
            </p>
        </div>
        
        <div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
                <span class="profile-pic"
                      style="background:url('/2013/static/images/speakerPics/Chef Erica Wildes.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Chef Erica Wildes</h2>
            <p class="profile-byline">Erica Wides is the host a...</p>
            <p class="profile-copy">Erica Wides is the host and co-creator of LetÍs Get Real: The Cooking Show About...</i>
                </b>
            </p>
            <p><a href="/2013/speakers/Chef-Erica-Wildes" class="button small">View More</a>
            </p>
        </div>
        
        <div class="profile col-md-3 col-sm-4 col-xs-6"> <span class="profile-pic-mask">
                <span class="profile-pic"
                      style="background:url('/2013/static/images/speakerPics/Yaelisa.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Yaelisa</h2>
            <p class="profile-byline">Yaelisaíæis one of the mo...</p>
            <p class="profile-copy">Yaelisa is one of the most gifted Flamenco artists of her generation.  Raised by...</i>
                </b>
            </p>
            <p><a href="/2013/speakers/Yaelisa" class="button small">View More</a>
            </p>
        </div>
        
    </div>
    <div class="background">
        <img src="/2013/static/images/burn_left.svg" class="burn-left">
        <img src="/2013/static/images/burn_left.svg" class="flipped burn-right bottom">
        <div class="col-md-6 col-sm-6">
            <span class="col-md-3 col-sm-3"></span>
            <img src="/2013/static/images/piece3.svg" class="col-md-6 col-sm-6 p3">
        </div>
        <div class="col-md-6 col-sm-6">
            <img src="/2013/static/images/piece2.svg">
            <img src="/2013/static/images/piece5.svg" class="col-md-8 col-sm-8 p5">
        </div>
    </div>
</section>

    <footer>
      <div class="col-md-3 col-sm-3 col-xs-12 logo-container">
        <span class="col-md-4 col-sm-2 col-xs-4"></span>
        <img src="/2013/static/images/logo.png" class="logo col-md-4 col-sm-8 col-xs-4">
        <div class="button-cont">
          <a href="https://www.eventbrite.com/e/tedxberkeley-2018-you-are-here-tickets-39787788346" class="button small black">Order Tickets</a>
        </div>
      </div>
      <span class="col-xs-1 hidden-md hidden-sm hidden-lg"></span>
      <div class="col-md-2 col-sm-2 col-xs-5">
        <h2>About</h2>
        <ul>
          <li><a href="/about">Meet the Team</a></li>
          <li><a href="/about/#numbers">Numbers</a></li>
          <li><a href="/about/#theme-tedx-ted">Theme, TEDx, TED</a></li>
        </ul>
      </div>
      <div class="col-md-2 col-sm-2 col-xs-5">
        <h2>Event</h2>
        <ul>
          <li><a href="/speakers">Speakers</a></li>
          <li><a href="/speakers#get-the-most-out">Get the Most Out</a></li>
          <li><a href="/partners">Partners</a></li>
        </ul>
      </div>
      <span class="col-xs-1 hidden-sm hidden-md hidden-lg"></span>
      <div class="col-md-2 col-sm-2 col-xs-5 spec">
        <h2>Contact</h2>
        <ul>
          <li><a href="/contact">Contact Us</a></li>
          <li><a href="/contact#faqs">FAQs</a></li>
        </ul>
      </div>
      <div class="col-md-2 col-sm-2 col-xs-5">
        <h2>Links</h2>
        <ul>
          <li><a href="https://www.facebook.com/TEDxBerkeley/">Facebook</a></li>
          <li><a href="http://twitter.com/tedxberkeley">Twitter</a></li>
          <li><a href="https://www.eventbrite.com/e/tedxberkeley-2018-you-are-here-tickets-39787788346">EventBrite</a></li>
        </ul>
      </div>
      <p><a href="/2017">2017</a> &middot; <a href="/2016">2016</a> &middot; <a href="/2015">2015</a> &middot; <a href="/2014">2014</a> &middot; <a href="/2013">2013</a> &middot; <a href="/2012">2012</a> &middot; <a href="/2011">2011</a> &middot; <a href="/2010">2010</a><br/>Website designed by <a href="http://alvinwan.com">Alvin Wan</a>. Logo and banner designed by Alyssa Plese. Photos by Halina Veratsennik.</p>
    </footer>
  </body>

</html>