API tools faq
paste
Advertisement
Guest User

shrey u suck

a guest
Aug 11th, 2015
218
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.70 KB | None | 0 0
raw download clone embed print report
  1. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  2. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  3. <!--[if lt IE 9]>
  4. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  5. <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  6. <![endif]-->
  7.  
  8.  
  9.  
  10. </head>
  11.  
  12. <body id="page-top">
  13.  
  14. <!-- Go to www.addthis.com/dashboard to customize your tools -->
  15. <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
  16.  
  17. <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
  18. <div class="container-fluid">
  19. <!-- Brand and toggle get grouped for better mobile display -->
  20. <div class="navbar-header">
  21. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  22. <span class="sr-only">Toggle navigation</span>
  23. <span class="icon-bar"></span>
  24. <span class="icon-bar"></span>
  25. <span class="icon-bar"></span>
  26. </button>
  27. <a class="navbar-brand page-scroll" href="#page-top">Home</a>
  28. </div>
  29.  
  30. <!-- Collect the nav links, forms, and other content for toggling -->
  31. <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  32. <ul class="nav navbar-nav navbar-right">
  33. <li>
  34. <a class="page-scroll" href="#about">GentJump</a>
  35. </li>
  36. <li>
  37. <a class="page-scroll" href="#services">Facts</a>
  38. </li>
  39. <li>
  40. <a class="page-scroll" href="#portfolio">Learn More</a>
  41. </li>
  42. <li>
  43. <a class="page-scroll" href="#contact">Contact</a>
  44. </li>
  45. </ul>
  46. </div>
  47. <!-- /.navbar-collapse -->
  48. </div>
  49. <!-- /.container-fluid -->
  50. </nav>
  51.  
  52. <header>
  53. <div class="header-content">
  54. <div class="header-content-inner">
  55. <h1>GentJump</h1>
  56. <hr>
  57. <p>Play the game to have fun and maybe even think about the need for more affordable housing in the District(;</p>
  58. <a href="#about" class="btn btn-primary btn-xl page-scroll">Play GentJump</a>
  59. </div>
  60. </div>
  61. </header>
  62.  
  63. <section class="bg-primary" id="about">
  64. <div class="container">
  65. <div class="row">
  66. <div class="col-lg-8 col-lg-offset-2 text-center">
  67. <h2 class="section-heading">GentJump</h2>
  68. <hr class="light">
  69. <p class="text-faded"> Play as Genny Triff and try to collect enough coins to raise your income to beat the rising cost of living and stay in your beloved city!</p>
  70. <center><canvas id="mycanvas"></canvas></center>
  71. </div>
  72. </div>
  73. </div>
  74. </section>
  75.  
  76. <section id="services">
  77. <div class="container">
  78. <div class="row">
  79. <div class="col-lg-12 text-center">
  80. <h2 class="section-heading">Living in DC</h2>
  81. <hr class="primary">
  82. </div>
  83. </div>
  84. </div>
  85. <div class="container">
  86. <div class="row">
  87. <div class="col-lg-3 col-md-6 text-center">
  88. <div class="service-box">
  89. <i class="fa fa-4x fa-dollar wow bounceIn text-primary"></i>
  90. <h3>DC has become one of the most expensive places to live with a median household income at about $90,000.</h3>
  91. <p class="text-muted"></p>
  92. </div>
  93. </div>
  94. <div class="col-lg-3 col-md-6 text-center">
  95. <div class="service-box">
  96. <i class="fa fa-4x fa-arrow-up wow bounceIn text-primary" data-wow-delay=".1s"></i>
  97. <h3>DC also has an unemployment rate of 7.5%, about 2.2% higher than that of the whole country.</h3>
  98. <p class="text-muted"> </p>
  99. </div>
  100. </div>
  101. <div class="col-lg-3 col-md-6 text-center">
  102. <div class="service-box">
  103. <i class="fa fa-4x fa-tags wow bounceIn text-primary" data-wow-delay=".2s"></i>
  104. <h3>More than half of renters in DC are spending more than 30% of their income on housing.</h3>
  105. <p class="text-muted"></p>
  106. </div>
  107. </div>
  108. <div class="col-lg-3 col-md-6 text-center">
  109. <div class="service-box">
  110. <i class="fa fa-4x fa-home wow bounceIn text-primary" data-wow-delay=".3s"></i>
  111. <h3>The rising cost of living in DC is causing many residents to struggle in finding a place to live with the growing lack of affordable housing.</h3>
  112. <p class="text-muted"></p>
  113. </div>
  114. <!-- Go to www.addthis.com/dashboard to customize your tools-->
  115. <div class="addthis_sharing_toolbox"></div>
  116. </div>
  117. </div>
  118. </div>
  119. </section>
  120.  
  121. <section class="no-padding" id="portfolio">
  122. <div class="container-fluid">
  123. <div class="row no-gutter">
  124. <div class="col-lg-4 col-sm-6">
  125. <a href="http://datatools.urban.org/Features/OurChangingCity/housing/" target="_blank" class="portfolio-box">
  126. <img src="img/portfolio/1.jpg" class="img-responsive" alt="">
  127. <div class="portfolio-box-caption">
  128. <div class="portfolio-box-caption-content">
  129. <div class="project-category text-faded">
  130. Our Changing City
  131. </div>
  132. <div class="project-name">
  133. The Urban Institute
  134. </div>
  135. </div>
  136. </div>
  137. </a>
  138. </div>
  139. <div class="col-lg-4 col-sm-6">
  140. <a href="http://cfhomes.org/" target="blank" class="portfolio-box">
  141. <img src="img/portfolio/2.jpg" class="img-responsive" alt="">
  142. <div class="portfolio-box-caption">
  143. <div class="portfolio-box-caption-content">
  144. <div class="project-category text-faded">
  145. City First Homes
  146. </div>
  147. <div class="project-name">
  148.  
  149. </div>
  150. </div>
  151. </div>
  152. </a>
  153. </div>
  154. <div class="col-lg-4 col-sm-6">
  155. <a href="http://www.washingtonpost.com/local/a-longtime-dc-resident-hopes-these-yard-signs-can-save-his-neighborhood-from-gentrifiers/2015/07/08/cf1a1776-259f-11e5-b72c-2b7d516e1e0e_story.html" target="_blank" class="portfolio-box">
  156. <img src="img/portfolio/3.jpg" class="img-responsive" alt="">
  157. <div class="portfolio-box-caption">
  158. <div class="portfolio-box-caption-content">
  159. <div class="project-category text-faded">
  160. DC Resident Fights Gentrification
  161. </div>
  162. <div class="project-name">
  163. The Washington Post
  164. </div>
  165. </div>
  166. </div>
  167. </a>
  168. </div>
  169. <div class="col-lg-4 col-sm-6">
  170. <a href="http://www.washingtonpost.com/news/local/wp/2015/02/05/portland-is-the-only-city-gentrifying-faster-than-d-c-report-says/" target="_blank" class="portfolio-box">
  171. <img src="img/portfolio/4.jpg" class="img-responsive" alt="">
  172. <div class="portfolio-box-caption">
  173. <div class="portfolio-box-caption-content">
  174. <div class="project-category text-faded">
  175. Washington DC is the Second Fastest Gentrifying Neighborhood in the US.
  176. </div>
  177. <div class="project-name">
  178. The Washington Post
  179. </div>
  180. </div>
  181. </div>
  182. </a>
  183. </div>
  184. <div class="col-lg-4 col-sm-6">
  185. <a href="http://www.washingtonpost.com/realestate/groups-fight-to-overcome-lack-of-affordable-housing-in-dc-region/2013/07/03/c43bf136-d50a-11e2-b05f-3ea3f0e7bb5a_story.html" target="_blank"class="portfolio-box">
  186. <img src="img/portfolio/5.jpg" class="img-responsive" alt="">
  187. <div class="portfolio-box-caption">
  188. <div class="portfolio-box-caption-content">
  189. <div class="project-category text-faded">
  190. Groups Fight for the Lack of Affordable Housing in DC
  191. </div>
  192. <div class="project-name">
  193. The Washington Post
  194. </div>
  195. </div>
  196. </div>
  197. </a>
  198. </div>
  199. <div class="col-lg-4 col-sm-6">
  200. <a href="http://www.washingtonpost.com/news/wonkblog/wp/2015/01/26/how-median-income-varies-by-subway-line-in-washington-d-c/" target="_blank" class="portfolio-box">
  201. <img src="img/portfolio/6.jpg" class="img-responsive" alt="">
  202. <div class="portfolio-box-caption">
  203. <div class="portfolio-box-caption-content">
  204. <div class="project-category text-faded">
  205. How Median Income Varies by Metro Line in DC
  206. </div>
  207. <div class="project-name">
  208. The Washington Post
  209. </div>
  210. </div>
  211. </div>
  212. </a>
  213. </div>
  214. </div>
  215. </div>
  216. </section>
  217. <!-- Go to www.addthis.com/dashboard to customize your tools -->
  218. <div class="addthis_sharing_toolbox"></div>
  219.  
  220.  
  221.  
  222.  
  223. <section id="contact">
  224. <div class="container">
  225. <div class="row">
  226. <div class="col-lg-8 col-lg-offset-2 text-center">
  227. <h2 class="section-heading">Contact</h2>
  228. <hr class="primary">
  229. <p>Gent Jump was created by Saman Fatima,Kiran Girish and Emily Morin as their final project for their Girls Who Code Summer Immersion Program in Washington DC. Feel free to get in contact by email. </p>
  230. </div>
  231. <div class="col-lg-4 col-lg-offset-2 text-center">
  232. <i class="fa fa-envelope-o fa-3x wow bounceIn"></i>
  233. <p>emmm98@gmail.com samani1998@gmail.com kcgirish11@gmail.com</p>
  234. </div>
  235. <div class="col-lg-4 text-center">
  236. <i class="fa fa-female fa-3x wow bounceIn" data-wow-delay=".1s"></i>
  237. <p>Learn more about Girls Who Code and their mission at <a href="https://www.girlswhocode.com" target="_blank">girlswhocode.com</a></p>
  238. </div>
  239. </div>
  240. </div>
  241. </section>
  242.  
  243. <!-- jQuery -->
  244. <script src="js/jquery.js"></script>
  245.  
  246. <!-- Bootstrap Core JavaScript -->
  247. <script src="js/bootstrap.min.js"></script>
  248.  
  249. <!-- Plugin JavaScript -->
  250. <script src="js/jquery.easing.min.js"></script>
  251. <script src="js/jquery.fittext.js"></script>
  252. <script src="js/wow.min.js"></script>
  253.  
  254. <!-- Custom Theme JavaScript -->
  255. <script src="js/creative.js"></script>
  256.  
  257.  
  258.  
  259. </body>
  260.  
  261. </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!