API tools faq
paste
Advertisement
Pasting_Person

Untitled

Pasting_Person
Jul 22nd, 2018
92
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.79 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
  6. <style>
  7. a{cursor:pointer}
  8. body{
  9. font-family:Quicksand;
  10. }
  11. pre{font-family:Quicksand;}
  12. .cheap {
  13. display: none;
  14. }
  15.  
  16. .moderate {
  17. display: none;
  18. }
  19.  
  20. #divid {
  21. padding-top: 10px;
  22. padding-right: 30px;
  23. padding-bottom: 50px;
  24. padding-left: 80px;
  25. }
  26.  
  27. /*.image {
  28. height: 200px;
  29. width: 600px;
  30. }*/
  31.  
  32. .eachclass {
  33. display: inline-block;
  34. padding-top: 10px;
  35. padding-right: 10px;
  36. padding-bottom: 10px;
  37. padding-left: 10px;
  38. }
  39.  
  40. #divid1 {
  41. padding-top: 10px;
  42. padding-right: 30px;
  43. padding-bottom: 50px;
  44. padding-left: 80px;
  45. }
  46.  
  47. /*.image1 {
  48. height: 200px;
  49. width: 600px;
  50. }*/
  51.  
  52. .food {
  53. display: inline-block;
  54. padding-top: 10px;
  55. padding-right: 10px;
  56. padding-bottom: 10px;
  57. padding-left: 10px;
  58. }
  59.  
  60. h2,
  61. a,
  62. h1,
  63. p,
  64. #link {
  65. text-align: center
  66. }
  67.  
  68. .store_links {
  69. padding-top: 10px;
  70. padding-right: 10px;
  71. padding-bottom: 10px;
  72. padding-left: 10px;
  73. display: inline-block;
  74. }
  75. /*#divid2{display:flex;}*/
  76. .align{width:20%}
  77. .a_something{display:inline-block;}
  78. .a_somethings{display:inline-block;}
  79. #bus1
  80. {
  81. display:block;
  82. margin:0 auto;
  83. }
  84. /*#store
  85. {
  86. display:block;
  87. margin:0 auto;
  88. }
  89. #stores
  90. {
  91. display:block;
  92. margin:0 auto;
  93. }*/
  94.  
  95. /*a_somethings
  96. {
  97. padding-top: 100px;
  98. padding-right: 10px;
  99. padding-bottom: 10px;
  100. padding-left: 10px;
  101. }*/
  102. .a_somethings,aligns, align3 {
  103. display: flex;
  104. flex-wrap: wrap;
  105. justify-content: center;
  106. }
  107. .a_something,align,alignss {
  108. width: 35%;
  109. margin: 2%;
  110. }
  111. .shop {
  112. display: inline-block;
  113. margin:1% 10%
  114. }
  115. .shop-links {
  116. left: 0;
  117. right: 0;
  118. margin-left: auto;
  119. margin-right: auto;
  120. }
  121. </style>
  122.  
  123. <style id="styles"></style>
  124. </head>
  125.  
  126. <body>
  127. <h1>Suggestions Menu-How to Spend Your Money</h1>
  128. <div style="background-color:#00FFFF">
  129. <h2>Housing</h2>
  130. <p>Get some cheap apartments here that fits within your budget. Look at the apartments and find what's right for you</p>
  131. <p class="cheap">All these apartments are less than 750 dollars</p>
  132. <p class="moderate">All these apartments are less than 900 dollars</p>
  133. <div class="a_somethings">
  134. <div class="a_something">
  135. <img src="RA_1.jpg" width="100%" height="100%"/>
  136. </div>
  137. <div class="a_something">
  138. <img src="RA_2.jpg" width="100%" height="100%"/>
  139. </div>
  140. <div class="a_something">
  141. <img src="PA_1.jpg" width="100%" height="100%"/>
  142. </div>
  143. <div class="a_something">
  144. <img src="PR.jpg" width="100%" height="100%"/>
  145. </div>
  146. </div>
  147. </div>
  148. <div style="background-color:#DCDCDC">
  149. <div id="divid">
  150. <div class="cheap aligns" id="divid2">
  151. <pre>
  152.  
  153. <div class="align">
  154. Studio-$430
  155.  
  156. 1 Bed and 1 Bath-$600-$650
  157.  
  158. Transforming Housing I
  159. 6800 S. Normal Avenue, Chicago, IL 60621
  160.  
  161. </div>
  162.  
  163. <div class="align">
  164.  
  165. Studio-$550-$575
  166.  
  167. 1 Bedroom and 1 Bathroom-$625-$675
  168.  
  169. 6126-28 S. Woodlawn, Chicago, IL 60637
  170.  
  171. </div>
  172.  
  173. <div class="align">
  174. Studio-$550-$600
  175.  
  176. 1 Bedroom and 1 Bathroom-$650-$725
  177.  
  178. 1236 E. 46th Street, Chicago, IL 60653
  179.  
  180. </div>
  181.  
  182. <a target="_blank" href="https://www.rentcafe.com/cheap-apartments-for-rent/us/il/chicago/?gclid=CjwKCAjws8vaBRBFEiwAQfhs-A0qRkGzzrbumvuuTqdE-7n65yQ7ycC9ztScEm7Bfqx3UkQ5lj6oJRoCVQQQAvD_BwE">Find Apartments Here!</a>
  183. </pre>
  184. </div>
  185. </div>
  186. <div class="moderate">
  187. <pre>
  188. 2 Beds and 2 Baths-$700-$850
  189.  
  190. 3 Beds and 1 Bath-$875-$900
  191.  
  192. KRMB Limited Partnership
  193. 4001-4013 South Ellis, Chicago, IL 60653
  194.  
  195. Studio-$550-$575
  196.  
  197. 2 Beds and 2 Baths-$750-$800
  198.  
  199. 3 Beds and 1 Bath-$950-$1100
  200.  
  201. Ingleside Buildings
  202. 4737-9 & 4746-8 S. Ingleside, Chicago, IL 60615
  203.  
  204. 2 Bedrooms and 1 Bathroom-$825-$840
  205.  
  206. 8000 S Paulina, Chicago, IL 60620
  207.  
  208. <a target="_blank" href="https://www.rentcafe.com/cheap-apartments-for-rent/us/il/chicago/?gclid=CjwKCAjws8vaBRBFEiwAQfhs-A0qRkGzzrbumvuuTqdE-7n65yQ7ycC9ztScEm7Bfqx3UkQ5lj6oJRoCVQQQAvD_BwE">Find Apartments Here!</a>
  209. </pre>
  210. </div>
  211.  
  212.  
  213. <div id="link">
  214.  
  215. </div>
  216. <div style="background-color:#00FFFF">
  217. <h2>Food</h2>
  218. <div id="divid1 align3">
  219. <div class="food">
  220. <p>1. BIG & little's</p>
  221. <img src="CR_1.png" class="image1 alignss" width="50%" height="50%"/>
  222. </div>
  223. <div class="food">
  224. <p>2. Birrieria Zaragoza</p>
  225. <img src="CR_2.png" class="image1 alignss" width="100%" height="100%" />
  226. </div>
  227. <div class="food">
  228. <p>3. Calumet Fisheries</p>
  229. <img src="CR_3.png" class="image1 alignss" width="100%" height="100%"/>
  230. </div>
  231. <div>
  232. <p>4. Stanley's Fresh Fruits and Vegetables</p>
  233. <img src="GS_1.png" class="image1 alignss" width="25%" height="25%"/>
  234. </div>
  235. </div>
  236. </div>
  237. <div style="background-color:#DCDCDC">
  238. <h2>Transportation</h2>
  239. <img src="cbus.jpg" width="30%" height="30%" id="bus1"/>
  240. <p>Some riders, such as students and people with disabilities, qualify for reduced fares. There are also some free ride programs for those who qualify.</p>
  241. <a target="_blank" href="https://www.transitchicago.com/reduced-fare-programs/" class="cheap"> Chicago Transit Authority</a>
  242. </div>
  243. <div style="background-color:#00FFFF">
  244. <h2>Clothing</h2>
  245. <p>Different incomes mean different types of stores will fit within your budget. Click on the link to see what is right for you.</p>
  246. <center>
  247. <img class="cheap" src="TJ.jpg" id="store" width="40%" height="40%"/>
  248. <img class="moderate" src="Macy's.jpg" width="40%" height="40%" id="stores"/>
  249.  
  250. <div class="shop-links">
  251. <div class="shop">
  252. <a target="_blank" href="https://www.buffaloexchange.com/locations/chicago/wicker-park/" class="cheap ">Bolton's</a>
  253. </div>
  254. <div class="shop">
  255. <a target="_blank" href="https://tjmaxx.tjx.com/store/index.jsp" class="cheap ">TJ Max</a>
  256. </div>
  257. <div class="shop">
  258. <a target="_blank" href="https://www.shopakira.com/" class="cheap ">AKIRA</a>
  259. </div>
  260. <div class="shop">
  261. <a target="_blank" href="https://l.macys.com/chicago-il" class="moderate ">Macy's</a>
  262. <div class="shop">
  263. <a target="_blank" href="https://shop.nordstrom.com/st/nordstrom-michigan-avenue" class="moderate ">Nordstrom Michigan Avenue</a>
  264. </div>
  265. </div>
  266. </center>
  267. </div>
  268.  
  269.  
  270. <script src="https://cdn.jsdelivr.net/gh/cferdinandi/smooth-scroll@14/dist/smooth-scroll.polyfills.min.js"></script>
  271. <script>
  272. /*window.sr = ScrollReveal();
  273. sr.reveal(".section-header", {
  274. duration: 700,
  275. orgin: "left",
  276. delay: 50,
  277. opacity: 0.6,
  278. viewFactor: 0.4,
  279. distance: '500px',*/
  280. var style = function(input) {
  281. document.getElementById('styles').innerHTML = input;
  282. }
  283. var salary=document.getElementById("textbox").value;
  284. if (salary < 4000)
  285. {
  286. style('.cheap { display: block;} .moderate { display: none;}');
  287.  
  288. }
  289. else
  290. {
  291. style('.moderate { display: block;} .cheap { display: none;}');
  292.  
  293. }
  294.  
  295. </script>
  296. </body>
  297.  
  298. </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!