API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 25th, 2016
97
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.87 KB | None | 0 0
raw download clone embed print report
  1. <body>
  2. <div id="wrapper" class="container">
  3. <!-- 10-2 bootstrap container for sidebar and page content -->
  4. <div class="row">
  5. <!-- Sidebar -->
  6. <div class="col-xs-2 col-sm-2" id="sidebar-wrapper">
  7. <ul class="container">
  8. <div id="sidebar-content" class="row">
  9. <!-- Pie one -->
  10. <div class="lg-sidebar-text">
  11. <p id="project-total">300</p>
  12. </div>
  13. <div class="sm-sidebar-text">
  14. <p>Active Projects</p>
  15. </div>
  16. <div class="pie-chart">
  17. <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/testGraph.PNG" class="img-responsive" />
  18. </div>
  19. <div class="pie-bullets" id="pie-bullet-1" style="background: #96A1D1;">
  20. <p>Juice</p>
  21. </div>
  22. <div class="pie-bullets" id="pie-bullet-2" style="background: #89CAD3">
  23. <p>Juice</p>
  24. </div>
  25. <div class="pie-bullets" id="pie-bullet-3" style="background: #D0D5DD">
  26. <p>Juice</p>
  27. </div>
  28. <div class="lg-sidebar-text">
  29. <p>$173.5</p>
  30. </div>
  31. <div class="sm-sidebar-text">
  32. <p>Total Estimated Spending</p>
  33. </div>
  34. <div class="pie-chart">
  35. <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/testGraph.PNG" class="img-responsive" />
  36. </div>
  37. <div class="pie-bullets" id="pie-bullet-4" style="background: #89CAD3">
  38. <p>Juice</p>
  39. </div>
  40. <div class="pie-bullets" id="pie-bullet-5" style="background: #F3E1CA">
  41. <p>Juice</p>
  42. </div>
  43. </div>
  44. </ul>
  45. </div>
  46. <div class="col-xs-10 col-sm-10" id="page-content-wrapper">
  47. <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/arrow2.png" alt="arrow" id="menu-toggle" />
  48. <div class="container">
  49. <!--- ALEXS CODE--->
  50. <div class="filters">
  51. <div class="container">
  52. <!---->
  53. <div class="button-group filters-button-group row">
  54. <button class=" col-offset-1 col-xs-2 col-md-2 button is-checked " data-filter="*">
  55. All Projects</button>
  56. <button class="col-xs-2 col-md-2 button " data-filter=".priority">
  57. <img id="Star" width="20" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/star.png">
  58. </img>Priority</button>
  59. <button class="col-xs-2 col-md-2 button " data-filter=".onschedule">
  60. On Schedule</button>
  61. <button class="col-xs-2 col-md-2 button " data-filter=".inprogress">
  62. In Progress</button>
  63. <button class="col-xs-2 col-md-2 button " data-filter=".delayed">
  64. Delayed</button>
  65. <!--Dropbox -->
  66. <!--<div class="dropdown"> -->
  67. <button onclick="myFunction()" class="dropbutton col-xs-2 col-md-2 row">
  68. <b>Browse All Projects</b><img id="carrot" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/carrot.png" width="13"></img>
  69. </button>
  70. <div id="myDropdown" class="dropdown-content">
  71. <!-- <a href="#">Link 1</a>
  72. <a href="#">Link 2</a>
  73. <a href="#">Link 3</a>
  74. </div>
  75. </div> --></div>
  76. </div>
  77. <!-- Coke Section-->
  78. <div>
  79. <img id="Cokelogo" src="https://partner.coca-cola.com/sites/cdnpartner/sample/PL%20Test/coke-logo.png" width="280">
  80. </img>
  81. </div>
  82. <!-- Coke-Grid-->
  83. <div class="grid container">
  84. <div class="row">
  85. <div class="col-lg-3 col-md-6 col-xs-12">
  86. <div class="grid-item onschedule container">
  87. <img id="Starbox1" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/star.png" />
  88. <img id="dots" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/3-dots.png" />
  89. <img id="Coke-circle" src="http://vectorlogo4u.com/wp-content/uploads/2015/12/Coca-Cola-Circle-vector-720x340.png" class="img-responsive" width="300" />
  90. <h2 class="name">Olympics <br><br><br></h2>
  91. <p>Program Elements</p>
  92. <!--Program Elements--><div id="radio-buttons-small">
  93. <img id="active-radio" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-radio.png" class="img-responsive" />
  94. <img id="active-exp" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-experiential.png" class="img-responsive" />
  95. <img id="active-asst" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-assets.png" class="img-responsive" />
  96. <img id="active-vid" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-video.png" class="img-responsive" />
  97. <img id="active-pos" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-pos.png" class="img-responsive" />
  98. <img id="inactive-doc" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/inactive-documents.png" class="img-responsive" />
  99. <img id="active-ooh" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-out-of-home.png" class="img-responsive" />
  100. <img id="active-digital" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-digital.png" class="img-responsive" />
  101. </div>
  102. <p><br>
  103. <br>Status: <b>On schedule</b>
  104. <!-- Status Bar-->
  105. </p>
  106. <img id="4-6-green" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/4-of-6-Green.png" class="img-responsive" />
  107. <!-- Spending-->
  108. <br>
  109. <br>
  110. <p>Estimated Spending</p>
  111. <p>$29.0 MM / $0.80 MM</p>
  112. Working / Non-working
  113. <br>
  114. <p>Agency:<b>Global</b></p>
  115. </div>
  116. </div>
  117. <!-- Box2-->
  118. <div class="col-lg-3 col-md-6 col-xs-12">
  119. <div class="grid-item onschedule container">
  120. <img id="Starbox1" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/star.png" />
  121. <img id="dots" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/3-dots.png" />
  122. <img id="Coke-circle" src="http://vectorlogo4u.com/wp-content/uploads/2015/12/Coca-Cola-Circle-vector-720x340.png" class="img-responsive" width="300" />
  123. <h2 class="name">Olympics <br><br><br></h2>
  124. <p>Program Elements</p>
  125. <!--Program Elements-->
  126. <div id="radio-buttons-small">
  127. <img id="active-radio" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-radio.png" class="img-responsive" />
  128. <img id="active-exp" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-experiential.png" class="img-responsive" />
  129. <img id="active-asst" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-assets.png" class="img-responsive" />
  130. <img id="active-vid" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-video.png" class="img-responsive" />
  131. <img id="active-pos" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-pos.png" class="img-responsive" />
  132. <img id="inactive-doc" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/inactive-documents.png" class="img-responsive" />
  133. <img id="active-ooh" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-out-of-home.png" class="img-responsive" />
  134. <img id="active-digital" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-digital.png" class="img-responsive" /></div>
  135. <p><br>
  136. <br>Status: <b>On schedule</b>
  137. <!-- Status Bar-->
  138. </p>
  139. <img id="4-6-green" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/4-of-6-Green.png" class="img-responsive" />
  140. <!-- Spending-->
  141. <br>
  142. <br>
  143. <p>Estimated Spending</p>
  144. <p>$29.0 MM / $0.80 MM</p>
  145. Working / Non-working
  146. <br>
  147. <p>Agency:<b>Global</b></p>
  148. </div>
  149. </div>
  150. <!--Box3 -->
  151. <div class="col-lg-3 col-md-6 col-xs-12">
  152. <div class="grid-item onschedule container">
  153. <img id="Starbox1" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/star.png" />
  154. <img id="dots" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/3-dots.png" />
  155. <img id="Coke-circle" src="http://vectorlogo4u.com/wp-content/uploads/2015/12/Coca-Cola-Circle-vector-720x340.png" class="img-responsive" width="300" />
  156. <h2 class="name">Olympics <br><br><br></h2>
  157. <p>Program Elements</p>
  158. <!--Program Elements-->
  159. <div id="radio-buttons-small">
  160. <img id="active-radio" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-radio.png" class="img-responsive" />
  161. <img id="active-exp" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-experiential.png" class="img-responsive" />
  162. <img id="active-asst" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-assets.png" class="img-responsive" />
  163. <img id="active-vid" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-video.png" class="img-responsive" />
  164. <img id="active-pos" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-pos.png" class="img-responsive" />
  165. <img id="inactive-doc" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/inactive-documents.png" class="img-responsive" />
  166. <img id="active-ooh" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-out-of-home.png" class="img-responsive" />
  167. <img id="active-digital" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-digital.png" class="img-responsive" /></div>
  168. <p><br>
  169. <br>Status: <b>On schedule</b>
  170. <!-- Status Bar-->
  171. </p>
  172.  
  173. <img id="4-6-green" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/4-of-6-Green.png" class="img-responsive" />
  174. <!-- Spending-->
  175. <br>
  176. <br>
  177. <p>Estimated Spending</p>
  178. <p>$29.0 MM / $0.80 MM</p>
  179. Working / Non-working
  180. <br>
  181. <p>Agency:<b>Global</b></p>
  182. </div>
  183. </div>
  184. <!--Box4 -->
  185. <div class="col-lg-3 col-md-6 col-xs-12">
  186. <div class="grid-item onschedule container">
  187. <img id="Starbox1" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/star.png" />
  188. <img id="dots" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/3-dots.png" />
  189. <img id="Coke-circle" src="http://vectorlogo4u.com/wp-content/uploads/2015/12/Coca-Cola-Circle-vector-720x340.png" class="img-responsive" width="300" />
  190. <h2 class="name">Olympics <br><br><br></h2>
  191. <p>Program Elements</p>
  192. <!--Program Elements-->
  193. <div id="radio-buttons-small">
  194. <img id="active-radio" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-radio.png" class="img-responsive" />
  195. <img id="active-exp" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-experiential.png" class="img-responsive" />
  196. <img id="active-asst" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-assets.png" class="img-responsive" />
  197. <img id="active-vid" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-video.png" class="img-responsive" />
  198. <img id="active-pos" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-pos.png" class="img-responsive" />
  199. <img id="inactive-doc" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/inactive-documents.png" class="img-responsive" />
  200. <img id="active-ooh" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-out-of-home.png" class="img-responsive" />
  201. <img id="active-digital" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/active-digital.png" class="img-responsive" /></div>
  202. <p><br>
  203. <br>Status: <b>On schedule</b>
  204. <!-- Status Bar-->
  205. </p>
  206.  
  207. <img id="4-6-green" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/603307/4-of-6-Green.png" class="img-responsive" />
  208. <!-- Spending-->
  209. <br>
  210. <br>
  211. <p>Estimated Spending</p>
  212. <p>$29.0 MM / $0.80 MM</p>
  213. Working / Non-working
  214. <br>
  215. <p>Agency:<b>Global</b></p>
  216.  
  217. </div>
  218. </div>
  219. </div>
  220. </div>
  221. </div>
  222.  
  223. <!--- ALEXS CODE ENDS --->
  224. <div>
  225. <a href="test-button" class="btn btn-default" id="test-button">
  226. POPUP </a></div>
  227. </div>
  228. </div>
  229. </div>
  230. </div>
  231. </div>
  232. <!-- popup window wip -->
  233. <section id="card-window" class="hidden">
  234. <article class="popup">
  235. <div class="popup-header">
  236. <span class="close" id="close-window-btn">
  237. <img src="/sites/cdnpartner/sample/PL%20Test/close-x.png" />
  238. </span>
  239. <img src="/sites/cdnpartner/sample/PL%20Test/Circle-Coke.png" id="window-brand-logo" />
  240. <div class="popup-title">
  241. <p>Coca-Cola <br>
  242. </p>
  243. <p1> Hispanic Heritage Month </p1>
  244. </div>
  245. </div>
  246. <div class="container">
  247. <ul class="tabs">
  248. <li class="tab-link current" data-tab="tab-1">Tab One</li>
  249. <li class="tab-link" data-tab="tab-2">Tab Two</li>
  250. <li class="tab-link" data-tab="tab-3">Tab Three</li>
  251. </ul>
  252. <div id="tab-1" class="tab-content current">
  253. <div id="popout-star">
  254. </div>
  255. <div id="prg-bar-lg">
  256. </div>
  257. <div id="lg-prg-elements">
  258. </div>
  259. </div>
  260. <div id="tab-2" class="tab-content">
  261. PH </div>
  262. <div id="tab-3" class="tab-content">
  263. PH </div>
  264. </div>
  265. </article>
  266.  
  267. </section>
  268.  
  269.  
  270. </div>
  271.  
  272. </body>
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!