forked from presidential-innovation-fellows/pif-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
121 lines (117 loc) · 6.13 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
---
layout: default
---
<div class="container-fluid" id="home-hero">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<h1 class="text-right" id="home-hero-text">"We must harness new ideas and technology to remake our government."<br/><!--<small><em>— President Barack Obama</em></small>--></h1>
<!-- test, federalist migration -->
</div>
</div>
</div>
<div class="text-center" id="home-cta">
<a class="btn btn-large btn-primary" href="{{ site.baseurl }}/application-closed">JOIN THE FELLOWSHIP</a>
</div>
<div id="home">
<div class="container-fluid">
<div class="row" id="mission">
<div class="col-md-8 col-md-offset-2 col-sm-12 text-center">
<h4>The Presidential Innovation Fellows program brings the principles, values, and practices of the innovation economy into government through the most effective agents of change we know: our people.<br/><br/>This highly-competitive program pairs talented, diverse technologists and innovators with top civil-servants and change-makers working at the highest levels of the federal government to tackle some our nation’s biggest challenges. These teams of entrepreneurs-in-residence and government experts take a user-centric approach to issues at the intersection of people, processes, products, and policy to achieve lasting impact at startup speed.</h4>
<br/>
<!--
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/3P5UFV8d364"></iframe>
</div>-->
<h5>Read the full article <a href="https://medium.com/@WhiteHouse/meet-the-presidential-innovation-fellows-194dec20442b" target="_blank">here</a></h5>
<br/>
</div>
</div>
<div class="row" id="process">
<div class="col-md-12">
<div class="container">
<div class="row">
<div class="col-sm-12 text-center">
<h2>Leveraging outside industry expertise to work within government</h2>
<img src="assets/images/wh-blocks.png" id="wh-blocks" class="img-responsive">
</div>
</div>
</div>
</div>
</div>
<div class="row" id="map">
<div class="col-md-12">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<h2>Recruiting industry leaders to serve as change agents</h2>
</div>
</div>
<div class="row" id="map-data">
<div class="col-md-9 col-sm-12">
<img src="assets/images/pif-distro-map2.1.png" class="img-responsive">
</div>
<div class="col-md-3 hidden-sm hidden-xs text-center" id="map-stats">
<h3>112</h3>
<h4>Fellows</h4>
<br/>
<h3>18</h3>
<h4>Tech Regions</h4>
<br/>
<h3>9</h3>
<h4>Industry Sectors</h4>
</div>
</div>
</div>
</div>
</div>
<div class="row" id="cta">
<div class="col-md-12 text-center">
<h4>Become a Presidential Innovation Fellow <span class="visible-xs" id="cta-span"><br/></span><a class="btn btn-lg btn-primary" href="{{ site.baseurl }}/application-closed">Get Started</a></h4>
</div>
</div>
<div class="row" id="fellow-preview">
<div class="col-md-12">
<div class="row">
<div class="col-sm-10 col-sm-offset-1">
<h2 class="text-center">Fellows serve as agents for change, helping shape our nation</h2>
<span class="text-center" id="megan-smith">
<!--
<img src="assets/images/megan-smith.png" />
<h4>Megan Smith</h4>
<h5>US Chief Technology Officer</h5>-->
</span>
<div class="row">
<div class="col-sm-10 col-sm-offset-1 text-center">
<h5><i class="fa fa-quote-left"></i> The Presidential Innovation Fellows program gives our country a powerful mechanism to ensure that the most current cross-functional innovative thinking can be part of our governance. That technology innovation and design talent can join expert colleagues already in government and together address the greatest challenges our leaders are facing. <i class="fa fa-quote-right"></i><br/>(<a href="https://medium.com/@WhiteHouse/meet-the-presidential-innovation-fellows-194dec20442b" target="_blank">full article here)</a><br/></h5>
</div>
</div>
<br/>
<br/>
</div>
</div>
<h5 class="text-center">Learn more about the fellows <a href="fellows">here</a></h5>
</div>
</div>
<hr/>
<div class="row" id="project-preview">
<div class="col-lg-10 col-lg-offset-1 col-md-12">
<h2 class="text-center">Learn about the projects</h2>
<figure id="video_player">
<video controls poster="assets/images/andrea-ippolito-screenshot.png">
<source type="video/webm" src="assets/videos/andrea-ippolito-video.webm" />
<source type="video/mp4" src="assets/videos/andrea-ippolito-video.mp4" />
<source type="video/ogg" src="assets/videos/andrew-ippolito-video.ogv" />
</video>
<figcaption>
<a href="assets/videos/andrea-ippolito-video.mp4"><img src="assets/images/andrea-ippolito-screenshot.png" alt="Andrew Ippolito Video"></a>
<a href="assets/videos/jeff-meisel-video.mp4"><img src="assets/images/jeff-meisel-screenshot.png" alt="Jeff Meisel Video"></a>
<a href="assets/videos/maia-hansen-video.mp4"><img src="assets/images/maia-hansen-screenshot.png" alt="Maia Hansen Video"></a>
<a href="assets/videos/mikel-maron-video.mp4"><img src="assets/images/mikel-maron-screenshot.png" alt="Mikel Maron Video"></a>
<a href="assets/videos/rachel-harrison-gordon-video.mp4"><img src="assets/images/rachel-harrison-gordon-screenshot.png" alt="Rachel Harrison-Gordon Video"></a>
</figcaption>
</figure>
<h5 class="text-center">Explore more projects <a href="projects">here</a></h5>
</div>
</div>
</div>
</div>