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="/2010/css/style.min.css" rel="stylesheet">
    <script src="/2010/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="/2010/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 2010</h2>
        <div class="multicol-2">

        </div>
    </div>
    <div class="background">
        <img src="/2010/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('/2010/static/images/speakerPics/Asma Abbas.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Asma Abbas</h2>
            <p class="profile-byline">Asma Abbas teaches Politi...</p>
            <p class="profile-copy">Asma Abbas teaches Politics and Philosophy at Bard College at SimonÍs Rock in Gr...</i>
                </b>
            </p>
            <p><a href="/2010/speakers/Asma-Abbas" 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('/2010/static/images/speakerPics/George Breslauer.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">George Breslauer</h2>
            <p class="profile-byline">George Breslauer earned h...</p>
            <p class="profile-copy">George Breslauer earned his PhD in Political Science from the University of Mich...</i>
                </b>
            </p>
            <p><a href="/2010/speakers/George-Breslauer" 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('/2010/static/images/speakerPics/Eric Cheng.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Eric Cheng</h2>
            <p class="profile-byline">Eric Cheng is an award-wi...</p>
            <p class="profile-copy">Eric Cheng is an award-winning underwater photographer whose wildlife imagery ha...</i>
                </b>
            </p>
            <p><a href="/2010/speakers/Eric-Cheng" 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('/2010/static/images/speakerPics/Amit Deutsch.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Amit Deutsch</h2>
            <p class="profile-byline">Amit Deutsch recently gra...</p>
            <p class="profile-copy">Amit Deutsch recently graduated from Berkeley with a degree in psychology. His i...</i>
                </b>
            </p>
            <p><a href="/2010/speakers/Amit-Deutsch" 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('/2010/static/images/speakerPics/Fred Dust.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Fred Dust</h2>
            <p class="profile-byline">Fred Dust is a partner an...</p>
            <p class="profile-copy">Fred Dust is a partner and a practice lead at IDEO. Fred leads Systems at Scale,...</i>
                </b>
            </p>
            <p><a href="/2010/speakers/Fred-Dust" 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('/2010/static/images/speakerPics/Ross Evans.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Ross Evans</h2>
            <p class="profile-byline">Ross Evans is a genuine t...</p>
            <p class="profile-copy">Ross Evans is a genuine tinkerer and became a prolific and diverse inventor when...</i>
                </b>
            </p>
            <p><a href="/2010/speakers/Ross-Evans" 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('/2010/static/images/speakerPics/Eric Gradman.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Eric Gradman</h2>
            <p class="profile-byline">Eric Gradman is an intera...</p>
            <p class="profile-copy">Eric Gradman is an interactive artist in Los Angeles, CA. His work often feature...</i>
                </b>
            </p>
            <p><a href="/2010/speakers/Eric-Gradman" 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('/2010/static/images/speakerPicsDrue Kataoka.jpg/'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Drue Kataoka</h2>
            <p class="profile-byline">Drue Kataoka is a modern ...</p>
            <p class="profile-copy">Drue Kataoka is a modern artist based in Palo Alto, CA. Her artistic vocabulary ...</i>
                </b>
            </p>
            <p><a href="/2010/speakers/Drue-Kataoka" 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('/2010/static/images/speakerPics/Dancher Keltner.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Dacher Keltner</h2>
            <p class="profile-byline">Dacher Keltner is a psych...</p>
            <p class="profile-copy">Dacher Keltner is a psychology professor at UC Berkeley whose research focuses o...</i>
                </b>
            </p>
            <p><a href="/2010/speakers/Dacher-Keltner" 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('/2010/static/images/speakerPics/Dr. Daniel Kraft.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Dr. Daniel Kraft</h2>
            <p class="profile-byline">Dr. Daniel Kraft is a Sta...</p>
            <p class="profile-copy">Dr. Daniel Kraft is a Stanford and Harvard trained physician-scientist with over...</i>
                </b>
            </p>
            <p><a href="/2010/speakers/Dr.-Daniel-Kraft" 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('/2010/static/images/speakerPics/Eric Lewis.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Eric Lewis</h2>
            <p class="profile-byline">Eric Lewis, whoäó»s stage...</p>
            <p class="profile-copy">Eric Lewis, whoÍs stage name is ELEW, began his musical career as a pure jazz pi...</i>
                </b>
            </p>
            <p><a href="/2010/speakers/Eric-Lewis" 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('/2010/static/images/speakerPics/Nanxi Liu.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Nanxi Liu</h2>
            <p class="profile-byline">Nanxi Liu has studied pia...</p>
            <p class="profile-copy">Nanxi Liu has studied piano since she was 6 years old and loves all genres of mu...</i>
                </b>
            </p>
            <p><a href="/2010/speakers/Nanxi-Liu" 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('/2010/static/images/speakerPics/Eric Rodriguez.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Eric Rodriguez</h2>
            <p class="profile-byline">In March of 2009, Eric su...</p>
            <p class="profile-copy">In March of 2009, Eric submitted the winning proposal to UC BerkeleyÍs Bears Bre...</i>
                </b>
            </p>
            <p><a href="/2010/speakers/Eric-Rodriguez" 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('/2010/static/images/speakerPics/Rick Smolan.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Rick Smolan</h2>
            <p class="profile-byline">Rick Smolan is a former T...</p>
            <p class="profile-copy">Rick Smolan is a former Time, Life and National Geographic photographer best kno...</i>
                </b>
            </p>
            <p><a href="/2010/speakers/Rick-Smolan" 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('/2010/static/images/speakerPics/Jill Tarter.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Jill Tarter</h2>
            <p class="profile-byline">Jill Tarter holds the Ber...</p>
            <p class="profile-copy">Jill Tarter holds the Bernard M. Oliver Chair for SETI Research and is Director ...</i>
                </b>
            </p>
            <p><a href="/2010/speakers/Jill-Tarter" 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('/2010/static/images/speakerPics/Gever Tulley.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Gever Tulley</h2>
            <p class="profile-byline">A software engineer, Geve...</p>
            <p class="profile-copy">A software engineer, Gever Tulley is the co-founder of the Tinkering School, a w...</i>
                </b>
            </p>
            <p><a href="/2010/speakers/Gever-Tulley" 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('/2010/static/images/speakerPics/Bradley Voytex.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">Bradley Voytek</h2>
            <p class="profile-byline">Bradley Voytek is complet...</p>
            <p class="profile-copy">Bradley Voytek is completing his Ph.D. in Neuroscience at the University of Cali...</i>
                </b>
            </p>
            <p><a href="/2010/speakers/Bradley-Voytek" 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('/2010/static/images/speakerPics/UC Men's Octet.jpg'); background-size:cover; background-position:center;"></span> </span>
            <h2 class="profile-name">UC Menäó»s Octet</h2>
            <p class="profile-byline">The UC Menäó»s Octet is a...</p>
            <p class="profile-copy">The UC MenÍs Octet is an eight member a cappella singing group comprised of some...</i>
                </b>
            </p>
            <p><a href="/2010/speakers/UC-Menäó»s-Octet" class="button small">View More</a>
            </p>
        </div>
        
    </div>
    <div class="background">
        <img src="/2010/static/images/burn_left.svg" class="burn-left">
        <img src="/2010/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="/2010/static/images/piece3.svg" class="col-md-6 col-sm-6 p3">
        </div>
        <div class="col-md-6 col-sm-6">
            <img src="/2010/static/images/piece2.svg">
            <img src="/2010/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="/2010/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>