API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 25th, 2015
286
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.68 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en" class="notranslate">
  3.  
  4. <head>
  5. <title>HackingEDU | Training Day</title>
  6.  
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <meta property="og:title" content="HackingEDU" />
  9. <meta property="og:description" content="HackingEDU, the largest education hackathon conceived with the intent to disrupt the classroom and push the envelope on the contemporary education system." />
  10. <meta property="og:image" content="http://hackingedu.co/img/hacklogo-prism.png" />
  11.  
  12. <link rel="shortcut icon" href="https://raw.githubusercontent.com/HackingEDU/hackingedu-website/master/assets/img/favicon.ico">
  13. <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
  14. <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
  15. <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.6/animate.min.css">
  16. <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css">
  17. <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>
  18. <!-- custom styles -->
  19. <link rel="stylesheet" type="text/css" href="./css/demolive.css">
  20.  
  21. <script src="https://addthisevent.com/libs/ate-latest.min.js"></script>
  22. <script>
  23. // Settings for calendar integration
  24. addthisevent.settings({
  25. license : "replace-with-your-licensekey",
  26. mouse : false,
  27. css : false,
  28. outlook : {show:true, text:"Outlook Calendar"},
  29. google : {show:true, text:"Google Calendar"},
  30. yahoo : {show:true, text:"Yahoo Calendar"},
  31. outlookcom : {show:true, text:"Outlook.com"},
  32. appleical : {show:true, text:"Apple iCalendar"},
  33. facebook : {show:true, text:"Facebook Event"},
  34. dropdown : {order:"appleical,google,facebook,outlook,outlookcom,yahoo"}
  35. });
  36. </script>
  37. </head>
  38.  
  39. <body>
  40. <!-- NAVIGATION BAR -->
  41. <nav id="header" class="header navbar navbar-default">
  42. <div class="container">
  43. <div class="navbar-header">
  44. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  45. <span class="sr-only">Toggle navigation</span>
  46. <span class="icon-bar"></span>
  47. <span class="icon-bar"></span>
  48. <span class="icon-bar"></span>
  49. </button>
  50. </div>
  51. <div id="navbar" class="navbar-collapse collapse">
  52. <ul class="nav navbar-nav">
  53. <li><a href="#top">Home</a></li>
  54. <li><a href="#info">Info</a></li>
  55. <li><a href="#transportation">Transportation</a></li>
  56. <li><a href="#bus">Buses</a></li>
  57. <li><a href="#schedule">Schedule</a></li>
  58. <li><a href="#floor_map">Floor Map</a></li>
  59. </ul>
  60. </div>
  61. </div>
  62. </nav>
  63.  
  64. <!-- MAIN PAGE SECTION -->
  65. <div id="top" class="demo-3a scrollto">
  66. <div class="content">
  67. <div id="large-header" class="large-header">
  68. <div class="main-title">
  69. <img src="img/traininglogo.png" class="m-t-2.5em" border="0" alt="Null">
  70. <br>
  71. <p class="rwd-line">April 25th, 2015</p>
  72. <p class="rwd-line">@ <a target="rss" href="http://bit.ly/1DDoi7I"><img src="img/paypal-logo.png"></a></p>
  73.  
  74. </div>
  75. </div>
  76. </div>
  77. <div class="social-block">
  78. <a href="https://www.facebook.com/hackingedusf" target="rss"><i id="social" class="fa fa-facebook-square fa-3x social-fb"></i></a>
  79. <a href="https://twitter.com/hackingedusf" target="rss"><i id="social" class="fa fa-twitter-square fa-3x social-tw"></i></a>
  80. <a href="https://instagram.com/hackingedusf" target="rss"><i id="social" class="fa fa-instagram fa-3x social-ig"></i></a>
  81. <a href="/cdn-cgi/l/email-protection#d1a5b4b0bc91b9b0b2bab8bfb6b4b5a4ffb2be" target="rss"><i id="social" class="fa fa-envelope-square fa-3x social-em"></i></a>
  82. </div>
  83. </div>
  84.  
  85. <!-- IMPORTANT INFO SECTION -->
  86. <section id="info" class="scrollto">
  87. <div class="container">
  88. <div class="row text-center">
  89. <h2 style="padding-top:5vh">Wifi</h2>
  90. <h3>Network: TBA</h3>
  91. <h3>Password: TBA</h3>
  92. </div>
  93. </div>
  94. </section>
  95.  
  96. <!-- TRANSPORTATION SECTION -->
  97. <section id="transportation" class="sponsorsSection fluid-container scheduleSection scrollto">
  98. <div class="container">
  99. <h2 style="padding-top:5vh">Transport</h2>
  100. <!-- CARPOOL -->
  101. <div class="col-md-6">
  102. <h3 style="padding-top:5vh">Carpool</h3>
  103. <h4 class="footnote scheduleFootnote"><a target="rss" href="http://www.rickyrides.com/trainingday">Find a carpool ride here!</a></h4>
  104. <a target="rss" href="http://www.rickyrides.com/trainingday"><img src="http://www.projectshelter.org/wp-content/uploads/2012/07/Ricky-Rides-Logo.png" /></a>
  105. </div>
  106. <!-- LYFT RIDES -->
  107. <div class="col-md-6">
  108. <h3 style="padding-top:5vh">Lyft Rides</h3>
  109. <h4>Lyft Code: <span class="lyft">HACKINGEDU302726</span></h4>
  110. <h4><a target="rss" href="https://lyft.com/i/HACKINGEDU302726">Get $20 Lyft credit to Training Day here!</a></h4>
  111. <a target="rss" href="https://lyft.com/i/HACKINGEDU302726">
  112. <img src="http://www.ridesharedeals.com/wp-content/uploads/2014/06/pink-moustache-lyft-deal-300x137.png" style="max-width: 80%"/>
  113. </a>
  114. </div>
  115. </div>
  116.  
  117. </section>
  118.  
  119. <!-- BUS TIMES -->
  120. <section id="bus" class="scrollto">
  121. <div class="container">
  122. <div class="row text-center">
  123. <h2 style="padding-top:5vh">Buses</h2>
  124. </div>
  125. <div class="row marginTop20">
  126. <div class="col text-center">
  127. <h3>UC Davis</h3>
  128. <p>
  129. <span>April 25, 9:45am</span>
  130. <span>457 Memorial Union</span>
  131. <span>Davis, CA, 95616</span>
  132. </p>
  133. <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3120.567839969189!2d-121.749817!3d38.543729000000006!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80852909a76deced%3A0xbdeb9ff130b7a9d0!2sMemorial+Union+Terminal+Arrival+%26+Howard+Way+(NB)!5e0!3m2!1sen!2sus!4v1429699133200"></iframe>
  134. </div><div class="col text-center">
  135. <h3>UC Berkeley</h3>
  136. <p>
  137. <span>April 25, 10:30am</span>
  138. <span>2117 Oxford Street</span>
  139. <span>Berkeley, CA, 94704</span>
  140. </p>
  141. <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3149.553247328354!2d-122.26581999999999!3d37.8707425!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80857e9df3e5cdbd%3A0xd99e0a88e76e5fd2!2s2117+Oxford+St%2C+University+of+California%2C+Berkeley%2C+Berkeley%2C+CA+94704!5e0!3m2!1sen!2sus!4v1429699303816"></iframe>
  142. </div>
  143. </div>
  144. </div>
  145. </section>
  146.  
  147. <!-- SCHEDULE SECTION -->
  148. <section id="schedule" class="sponsorsSection fluid-container scheduleSection scrollto">
  149. <div class="container">
  150. <h2>Schedule</h2>
  151.  
  152. <div class="schedule">
  153. <div class="scheduleEvent">
  154. <div class="col1 text-left">
  155. <h3>Shuttles Arrive</h3>
  156. </div>
  157. <div class="col2 move-up">
  158. <p>12:00pm - 12:30pm</p>
  159. </div>
  160. </div>
  161. <div class="scheduleEvent">
  162. <div class="col1 text-left">
  163. <h3>Lunch</h3>
  164. <p class='text-thin'>Foyer</p>
  165. </div>
  166. <div class="col2 move-up">
  167. <p>12:00pm - 1:00pm</p>
  168. </div>
  169. </div>
  170. <div class="scheduleEvent">
  171. <div class="col1 text-left">
  172. <h3>Opening Ceremony</h3>
  173. <p class='text-thin'>Town Square</p>
  174. </div>
  175. <div class="col2 move-up">
  176. <p>1:00pm - 1:20pm</p>
  177. </div>
  178. </div>
  179. <div class="scheduleEvent">
  180. <div class="col1 text-left">
  181. <h3>Workshops Round 1</h3>
  182. <h4>IBM: <span class="light-medium">Simplified App Development in the Cloud</span></h4>
  183. <p class='text-thin'>Fireside A & B</p>
  184. <h4>Pebble: <span class="light-medium">It's Time for Pebble Development</span></h4>
  185. <p class='text-thin'>Fireside C & D</p>
  186. <h4>Twillio: <span class="light-medium">Making Phones Ring with the Twilio API</span></h4>
  187. <p class='text-thin'>Round Table (upstairs)</p>
  188. <h4>Draper U: <span class="light-medium">You only got 1 minute to save the world</span></h4>
  189. <p class='text-thin'>Parley Room</p>
  190. </div>
  191. <div class="col2 move-up">
  192. <p>1:30pm - 2:50pm</p>
  193. </div>
  194. </div>
  195. <div class="scheduleEvent">
  196. <div class="col1 text-left">
  197. <h3>Workshops Round 2</h3>
  198. <h4>Chegg: <span class="light-medium">Web Capture the Flag</span></h4>
  199. <p class='text-thin'>Fireside A & B
  200. </p>
  201. <h4>Firebase: <span class="light-medium">Realtime in Moments</span></h4>
  202. <p class='text-thin'>Fireside C & D
  203. </p>
  204. <h4>Make School: <span class="light-medium">Build Flappy Bird in an Hour</span></h4>
  205. <p class='text-thin'>Round Table (upstairs)
  206. </p>
  207. <h4>HackingEDU: <span class="light-medium">Recruitment</span></h4>
  208. <p class='text-thin'>Parley Room
  209. </p>
  210. </div>
  211. <div class="col2 move-up">
  212. <p>3:00pm - 4:20pm</p>
  213. </div>
  214. </div>
  215. <div class="scheduleEvent">
  216. <div class="col1 text-left">
  217. <h3>Workshops Round 3</h3>
  218. <h4>Twist: <span class="light-medium">BioJS</span></h4>
  219. <p class='text-thin'>Fireside A & B
  220. </p>
  221. <h4>Paypal: <span class="light-medium">Node.js</span></h4>
  222. <p class='text-thin'>Fireside C & D
  223. </p>
  224. <h4>Socket.io & Twitter Bootstrap</h4>
  225. <p class='text-thin'>Round Table (upstairs)
  226. </p>
  227. <h4>GunDB: <span class="light-medium">Databases without database pains</span></h4>
  228. <p class='text-thin'>Parley Room
  229. </p>
  230. </div>
  231. <div class="col2 move-up move-up">
  232. <p>4:30pm - 5:50pm</p>
  233. </div>
  234. </div>
  235. <div class="scheduleEvent">
  236. <div class="col1 text-left">
  237. <h3>Startup Founder Talks</h3>
  238. <h4><span class="lighter-medium">Socket.io & Twitter Bootstrap</span></h4>
  239. <p class='text-thin'>Town Square
  240. </p>
  241. </div>
  242. <div class="col2 move-up">
  243. <p>6:30pm - 7:30pm</p>
  244. </div>
  245. </div>
  246. <div class="scheduleEvent">
  247. <div class="col1 text-left">
  248. <h3>Closing Ceremony</h3>
  249. </div>
  250. <div class="col2 move-up">
  251. <p>7:30pm - 7:40pm</p>
  252. </div>
  253. </div>
  254. <div class="scheduleEvent">
  255. <div class="col1 text-left">
  256. <h3>Shuttles Depart</h3>
  257. </div>
  258. <div class="col2 move-up">
  259. <p>8:00pm</p>
  260. </div>
  261. </div>
  262. <div class="scheduleEvent">
  263. <div class="col1 text-left">
  264. <h3>Doors Close</h3>
  265. </div>
  266. <div class="col2 move-up">
  267. <p>8:30pm</p>
  268. </div>
  269. </div>
  270. </div>
  271. </div>
  272. <p class="footnote scheduleFootnote">*Schedule is subject to change</p>
  273. </section>
  274.  
  275. <!-- FLOOR PLAN -->
  276. <section id="floor_map" class="scrollto">
  277. <div class="container">
  278. <div class="row text-center">
  279. <h2 style="padding-top:5vh">Floor Map</h2>
  280. </div>
  281. <div class="row">
  282. <img src="./img/Paypal_map.png" id="paypal_map" style="display: none">
  283. </div>
  284. </div>
  285. </section>
  286.  
  287. <!-- Imported scripts -->
  288. <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
  289. <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
  290. <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
  291.  
  292. <!-- Main section animation -->
  293. <script src="js/TweenLite.min.js?james=best"></script>
  294. <script src="js/EasePack.min.js?james=best"></script>
  295. <script src="js/demo.js?james=best"></script>
  296.  
  297. <!-- Custom scripts -->
  298. <script src="js/navbar.js?v=1"></script>
  299. <script src="js/typeform.js?v=1"></script>
  300. <script src="js/video-controls.js?james=best&lee=bestest"></script>
  301. <script src="js/faq.js?v=1"></script>
  302. <script src="js/img-resize.js?v=1"></script>
  303. </body>
  304. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!