index.html 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>Pedro Oliveria</title>
  7. <meta name="author" content="Radical Networks">
  8. <!-- Enable responsive viewport -->
  9. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  10. <!-- Bootstrap styles -->
  11. <link href="/assets/themes/bootstrap-3/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  12. <!-- Optional theme -->
  13. <link href="/assets/themes/bootstrap-3/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
  14. <!-- Sticky Footer -->
  15. <link href="/assets/themes/bootstrap-3/bootstrap/css/bs-sticky-footer.css" rel="stylesheet">
  16. <!-- Custom styles and fonts -->
  17. <link href='http://fonts.googleapis.com/css?family=Roboto+Mono:400,100,300,500,700' rel='stylesheet' type='text/css'>
  18. <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  19. <link href="/assets/themes/bootstrap-3/css/style.css?body=1" rel="stylesheet" type="text/css" media="all">
  20. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  21. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  22. <!--[if lt IE 9]>
  23. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  24. <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  25. <![endif]-->
  26. <!-- Fav and touch icons -->
  27. <!-- Update these with your own images
  28. <link rel="shortcut icon" href="/assets/themes/bootstrap-3/images/favicon.ico">
  29. <link rel="apple-touch-icon" href="/assets/themes/bootstrap-3/images/apple-touch-icon.png">
  30. <link rel="apple-touch-icon" sizes="72x72" href="/assets/themes/bootstrap-3/images/apple-touch-icon-72x72.png">
  31. <link rel="apple-touch-icon" sizes="114x114" href="/assets/themes/bootstrap-3/images/apple-touch-icon-114x114.png">
  32. -->
  33. </head>
  34. <body>
  35. <div id="wrap">
  36. <div class="container">
  37. <nav class="row navbar" role="navigation">
  38. <!-- Brand and toggle get grouped for better mobile display -->
  39. <div class="navbar-header">
  40. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#jb-navbar-collapse">
  41. <span class="sr-only">Toggle navigation</span>
  42. <span class="icon-bar"></span>
  43. <span class="icon-spacer"></span>
  44. <span class="icon-bar"></span>
  45. <span class="icon-spacer"></span>
  46. <span class="icon-bar"></span>
  47. <span class="icon-spacer"></span>
  48. <br/>
  49. </button>
  50. </div>
  51. <!-- Collect the nav links, forms, and other content for toggling -->
  52. <div class="collapse navbar-collapse" id="jb-navbar-collapse">
  53. <ul class="nav navbar-nav">
  54. <li><a href="/about/index.html">About</a></li>
  55. <li><a href="/speakers/index.html">Speakers</a></li>
  56. <li><a href="/policies/index.html">Policies</a></li>
  57. </ul>
  58. </div><!-- /.navbar-collapse -->
  59. </nav>
  60. <header>
  61. <div class="row">
  62. <a href="/">
  63. <h1>Radical<span class="light">/Networks</span></h1>
  64. </a>
  65. <h2>October 24-25, 2015<br/>NYU Poly, Brooklyn, NY</h2>
  66. <div class="social">
  67. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/assets/themes/bootstrap-3/images/twitter.png"></a>
  68. <a href="mailto:info@radicalnetworks.org"><img src="/assets/themes/bootstrap-3/images/email.png"></a>
  69. </div>
  70. </div>
  71. </header>
  72. <div class="row">
  73. <div class="col-md-8 content">
  74. <div class="row">
  75. <div class="col-xs-12">
  76. <h3>Pedro Oliveria</h3>
  77. <img src="pedro.png" />
  78. <p>Pedro G. C. Oliveira is a Brazilian Art Director and Interactive Designer based in New York City, currently a research resident at the Interactive Telecommunications Program in NYU. His work history combines experiences in visual-effects, graphic design and motion graphics, interfaces and applications, interactive installations and code-generated art pieces.</p>
  79. <p>It is his strong belief, that creative solutions should be merged with technological resources and information not only in the name of innovation, but also to stimulate human potential and to improve human relations.</p>
  80. </div>
  81. </div>
  82. </div>
  83. <div class="col-md-4 sidebar">
  84. <div>In Partnership with<br/>
  85. <a href="http://eyebeam.org/" target="_blank"><img src="/assets/themes/bootstrap-3/images/eyebeam_logo_150.png" /></a>
  86. </div>
  87. <div>Hosted by<br/>
  88. <a href="http://engineering.nyu.edu/" target="_blank"><img src="/assets/themes/bootstrap-3/images/engineering_long_white_250.png" /></a>
  89. <p style="padding-top: 8px">8th Floor, MAGNET<br/>2 Metrotech Center<br/>Brooklyn, NY 11201</p>
  90. </div>
  91. <div class="social">
  92. <a href="https://www.twitter.com/radnetworks" target="_blank"><img src="/assets/themes/bootstrap-3/images/twitter.png"></a>
  93. <a href="mailto:info@radicalnetworks.org"><img src="/assets/themes/bootstrap-3/images/email.png"></a>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. <div id="footer">
  100. <div class="container">
  101. <p>
  102. &copy; 2015 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
  103. </p>
  104. </div>
  105. </div>
  106. <!-- Latest compiled and minified JavaScript, requires jQuery 1.x (2.x not supported in IE8) -->
  107. <!-- Placed at the end of the document so the pages load faster -->
  108. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  109. <script src="/assets/themes/bootstrap-3/bootstrap/js/bootstrap.min.js"></script>
  110. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  111. </body>
  112. </html>