Advertisement
maximus87

Page HTML

Oct 25th, 2023 (edited)
25
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.16 KB | None | 0 0
  1. <section
  2. class="top-small-hero"
  3. style="background: url('https://upstartlab.tovuti.io/images/prC30r9UDVYrGkPVRbQo7wNDE4MDE4OTc1NzI4MA/page-hero.jpg') center center no-repeat; background-size: cover;">
  4. <div class="container">
  5. <div class="row">
  6. <h1>UPSTARTER NETWORK OFFERING</h1>
  7. </div>
  8. </div>
  9. </section>
  10. <section class="content-section color-orange">
  11. <div class="container">
  12. <div class="row">
  13. <div class="top-title">
  14. <h2>WELCOME TO THE UPSTARTER NETWORK</h2>
  15. </div>
  16. </div>
  17. <div class="row fifty-fifty">
  18. <div class="col-md-6">
  19. <div class="background-title-full">
  20. <h3>Sign up for the Network Newsletter</h3>
  21. </div>
  22. <div class="content-area">
  23. <p>Stay up to date on all opportunities here:</p>
  24. <a href="/" class="button-big"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="20" fill="none">
  25. <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="m23 9.475-8.25-8.25M15 18.25 23.25 10M23 9.475H1" /></svg>Sign Up Now</a>
  26. <p>We send the newsletter 1-2 times per month and it’s the place we announce all UpStart grants, gatherings, and resources.</p>
  27. </div>
  28. </div>
  29. <div class="col-md-6">
  30. <div class="embed-container">
  31. <iframe src="https://player.vimeo.com/video/26880424" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="allowfullscreen"></iframe>
  32. </div>
  33. </div>
  34. </div>
  35. </div>
  36. </section>
  37. <section class="content-section color-yellow">
  38. <div class="container">
  39. <div class="row">
  40. <div class="top-title">
  41. <h2>EVENTS</h2>
  42. </div>
  43. </div>
  44. <div class="row equal-height">
  45. <div class="col-md-4 featured-image" style="background: url(https://upstartlab.tovuti.io/images/prC30r9UDVYrGkPVRbQo7wNDE4MDE4OTc1NzI4MA/image_1.jpg) center center no-repeat; background-size: cover;"></div>
  46. <div class="col-md-8 content-area">
  47. <h3 class="with-background"><span>Network Gathering 2023</span></h3>
  48. <p>Save the date for the Network Gathering 2023 on November 2 on Zoom - the annual virtual Network Gathering brings together representatives from the 150+ entrepreneurial ventures in the UpStarter Network to strengthen relationships with each other, connect with funders, and build skills, confidence, and adaptive knowledge. Registration will launch September 27! The first 50 folks who register for the gathering will be entered in a drawing for 5 prizes (plants) from <a href="#">Hey Rooted</a></p>
  49. <a href="/" class="button-small" ><svg xmlns="http://www.w3.org/2000/svg" width="25" height="20" fill="none" ><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="m23 9.475-8.25-8.25M15 18.25 23.25 10M23 9.475H1" /></svg>Learn More</a>
  50. </div>
  51. </div>
  52. <div class="row upcoming-events">
  53. <div class="col-md-6 upcoming">
  54. <h4 class="with-background"><span>UPCOMING</span></h4>
  55. <div class="list-items">
  56. <div class="list-item">
  57. <div class="col-md-4 featured-image" style="background: url(https://upstartlab.tovuti.io/images/prC30r9UDVYrGkPVRbQo7wNDE4MDE4OTc1NzI4MA/image_1.jpg) center center no-repeat; background-size: cover;"></div>
  58. <div class="col-md-8">
  59. <h4>THIS IS A EXAMPLE OF HEADER</h4>
  60. <div class="content"><p>Example: 1 line of text</p></div>
  61. <div class="date">Example Date</div>
  62. </div>
  63. </div>
  64. <div class="list-item">
  65. <div class="col-md-4 featured-image" style="background: url(https://upstartlab.tovuti.io/images/prC30r9UDVYrGkPVRbQo7wNDE4MDE4OTc1NzI4MA/image_1.jpg) center center no-repeat; background-size: cover;"></div>
  66. <div class="col-md-8">
  67. <h4>THIS IS A EXAMPLE OF HEADER</h4>
  68. <div class="content"><p>Example: 1 line of text</p></div>
  69. <div class="date">Example Date</div>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. <div class="col-md-6 down-the-road">
  75. <h4 class="with-background"><span>DOWN THE ROAD</span></h4>
  76. <div class="list-items-noimage">
  77. <div class="list-item">
  78. <h4 class="title">This is a example: event title</h4>
  79. <div class="meta">
  80. <div class="date">Example date</div>
  81. <div class="link">
  82. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" fill="none" > <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.133" d="M14.842 6.191 9.652 1M9.809 11.713 15 6.52M14.843 6.19H1"/></svg><a href="#">www.urlexample.com</a>
  83. </div>
  84. </div>
  85. </div>
  86. <div class="list-item">
  87. <h4 class="title">This is a example: event title</h4>
  88. <div class="meta">
  89. <div class="date">Example date</div>
  90. <div class="link">
  91. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" fill="none" > <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.133" d="M14.842 6.191 9.652 1M9.809 11.713 15 6.52M14.843 6.19H1"/></svg><a href="#">www.urlexample.com</a>
  92. </div>
  93. </div>
  94. </div>
  95. <div class="list-item">
  96. <h4 class="title">This is a example: event title</h4>
  97. <div class="meta">
  98. <div class="date">Example date</div>
  99. <div class="link">
  100. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" fill="none" > <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.133" d="M14.842 6.191 9.652 1M9.809 11.713 15 6.52M14.843 6.19H1"/></svg><a href="#">www.urlexample.com</a>
  101. </div>
  102. </div>
  103. </div>
  104. <div class="list-item">
  105. <h4 class="title">This is a example: event title</h4>
  106. <div class="meta">
  107. <div class="date">Example date</div>
  108. <div class="link">
  109. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" fill="none" > <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.133" d="M14.842 6.191 9.652 1M9.809 11.713 15 6.52M14.843 6.19H1"/></svg><a href="#">www.urlexample.com</a>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. </section>
  118. <section class="content-section color-light-blue">
  119. <div class="container">
  120. <div class="row">
  121. <div class="top-title">
  122. <h2>NETWORK OFFERINGS</h2>
  123. </div>
  124. </div>
  125. <div class="row fifty-fifty">
  126. <div class="col-md-6 oferings">
  127. <div class="offering-item">
  128. <h3 class="with-background"><span>Ask UpStart</span></h3>
  129. <div class="content">
  130. <p>Ask UpStart offers venture leaders the chance to request support for a specific challenge on nonprofit management. The thought partner will meet with you for up to one hour to talk through yourissue, offer advice, and share resources to help you move forward.Any staff member of a Network venture may sign up!</p>
  131. </div>
  132. <a href="/" class="button-small"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="20" fill="none">
  133. <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="m23 9.475-8.25-8.25M15 18.25 23.25 10M23 9.475H1" /></svg>Apply Here</a>
  134. </div>
  135. <div class="offering-item">
  136. <h3 class="with-background"><span>UpStart Recommended Consultants</span></h3>
  137. <div class="content">
  138. <p>This list of consultants has been generated by UpStart staff, board members, and Network members based on direct experience hiring or observing the consultants' work. This listing is meant to serve as a starting point for identifying potential consultants; any consultant engagement requires that due diligence to ensure that the consultant is a good fit for your organization and the task at hand. This list is updated on an ongoing basis. If you would like to add a new consultant to the list, please contact Molly Cram at <a href="mailto:mollyc@upstartlab.org">mollyc@upstartlab.org</a></p>
  139. </div>
  140. <a href="/" class="button-small"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="20" fill="none">
  141. <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="m23 9.475-8.25-8.25M15 18.25 23.25 10M23 9.475H1" /></svg>See the List</a>
  142. </div>
  143. </div>
  144. <div class="col-md-6 oferings">
  145. <div class="offering-item">
  146. <h3 class="with-background"><span>Nomination & Reference Requests</span></h3>
  147. <div class="content">
  148. <p>
  149. Network members may request a nomination or reference request from
  150. the UpStart team.
  151. </p>
  152. </div>
  153. <a href="/" class="button-small"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="20" fill="none">
  154. <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="m23 9.475-8.25-8.25M15 18.25 23.25 10M23 9.475H1" /></svg>Do so Here</a>
  155. </div>
  156. <div class="offering-item">
  157. <h3 class="with-background"><span>Collaborate with the JCC Association and local JCCs</span></h3>
  158. <div class="content">
  159. <p>interested in collaborating with the <a href="#" target="_blank">JCC Association</a> and/or local JCCs across the country? Use this form to share your events, programs, or collaboration opportunities and a member of the JCC Association team will be in touch! Form is open on an ongoing basis.</p>
  160. </div>
  161. <a href="/" class="button-small"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="20" fill="none">
  162. <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="m23 9.475-8.25-8.25M15 18.25 23.25 10M23 9.475H1" /></svg>Acces form</a>
  163. </div>
  164. </div>
  165. </div>
  166. </div>
  167. </section>
  168. <section class="content-section color-pink">
  169. <div class="container">
  170. <div class="row">
  171. <div class="top-title">
  172. <h2>STRATEGIC INVESTMENTS</h2>
  173. </div>
  174. </div>
  175. <div class="row equal-height">
  176. <div class="col-md-4 featured-image" style="background: url(https://upstartlab.tovuti.io/images/prC30r9UDVYrGkPVRbQo7wNDE4MDE4OTc1NzI4MA/image_7.jpg) center center no-repeat; background-size: cover;"></div>
  177. <div class="col-md-8 content-area">
  178. <h3 class="with-background"><span>Interested in exploring funding opportunities for your organization?</span></h3>
  179. <p>
  180. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
  181. eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
  182. minim veniam, quis nostrud exercitation ullamco laboris.
  183. </p>
  184. <a href="/" class="button-small"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="20" fill="none">
  185. <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="m23 9.475-8.25-8.25M15 18.25 23.25 10M23 9.475H1" /></svg>Click Here</a>
  186. </div>
  187. </div>
  188. </div>
  189. </section>
  190. <section class="content-section color-orange">
  191. <div class="container">
  192. <div class="row">
  193. <div class="top-title">
  194. <h2>GET IN TOUCH</h2>
  195. </div>
  196. </div>
  197. <div class="text-image-list">
  198. <h3 class="with-background"><span>Questions? Concerns? Ideas? Get in touch!</span></h3>
  199. <div class="row">
  200. <div class="col-md-6">
  201. <div class="text-image-list-item">
  202. <div class="icon">
  203. <img src="https://upstartlab.tovuti.io/images/prC30r9UDVYrGkPVRbQo7wNDE4MDE4OTc1NzI4MA/person.png" alt="Johanna Ramb (General Inquiries)"/>
  204. </div>
  205. <div class="text-content">
  206. <div class="name">Johanna Ramb (General Inquiries)</div>
  207. <div class="position">Network & Community Engagement Manager</div>
  208. <div class="email">
  209. <a href="mailto:johannar@upstartlab.org">johannar@upstartlab.org</a>
  210. </div>
  211. </div>
  212. </div>
  213. <div class="text-image-list-item">
  214. <div class="icon">
  215. <img src="https://upstartlab.tovuti.io/images/prC30r9UDVYrGkPVRbQo7wNDE4MDE4OTc1NzI4MA/person.png" alt="Aliza Mazor"/>
  216. </div>
  217. <div class="text-content">
  218. <div class="name">Aliza Mazor</div>
  219. <div class="position">Chief Field-Building Officer</div>
  220. <div class="email">
  221. <a href="mailto:alizam@upstartlab.org">alizam@upstartlab.org</a>
  222. </div>
  223. </div>
  224. </div>
  225. </div>
  226. <div class="col-md-6">
  227. <div class="text-image-list-item">
  228. <div class="icon">
  229. <img src="https://upstartlab.tovuti.io/images/prC30r9UDVYrGkPVRbQo7wNDE4MDE4OTc1NzI4MA/person.png" alt="Radha Prabakaran"/>
  230. </div>
  231. <div class="text-content">
  232. <div class="name">
  233. Radha Prabakaran<br />
  234. (UpStart Platform Technical Support)
  235. </div>
  236. <div class="position">Learning Systems Manager</div>
  237. <div class="email">
  238. <a href="mailto:radhap@upstartlab.org">radhap@upstartlab.org</a>
  239. </div>
  240. </div>
  241. </div>
  242. <div class="text-image-list-item">
  243. <div class="icon">
  244. <img src="https://upstartlab.tovuti.io/images/prC30r9UDVYrGkPVRbQo7wNDE4MDE4OTc1NzI4MA/person.png"alt="Molly Cram"/>
  245. </div>
  246. <div class="text-content">
  247. <div class="name">Molly Cram</div>
  248. <div class="position">Senior Director, Network</div>
  249. <div class="email">
  250. <a href="mailto:mollyc@upstartlab.org">mollyc@upstartlab.org</a>
  251. </div>
  252. </div>
  253. </div>
  254. </div>
  255. </div>
  256. </div>
  257. </div>
  258. </section>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement