-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
146 lines (130 loc) · 8.31 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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE HTML>
<!--
Solid State by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-145671307-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-145671307-1');
</script>
<title>PICTURE Grants</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<link rel="mask-icon" href="/assets/favicon/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/assets/favicon/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/assets/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
</head>
<body class="is-preload">
<div class="experiment-banner" id="experiment-banner">
<div class="warning-message">
<div class="warning-message-text">
We recently met with the National Commission on Military, National, and Public Service. View our report on their site <a target="_blank" href="https://inspire2serve.gov/_api/files/343">here</a>.</span>
</div>
</div>
</div>
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<nav>
<a target="_blank" href="https://drive.google.com/file/d/1zKIHhIuRB_k8K5FJCNmYWCJaieHufH3a/view?usp=sharing" class="menu-button">Read the Proposal</a>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="inner">
<div class="logo"><span class="icon icon-" style="font-size: 3em"></span></div>
<h2>PICTURE Grants</h2>
<p>The Public Interest Civic Tech Loan Repayment Effort</p>
</div>
</section>
<!-- Wrapper -->
<section id="wrapper">
<!-- One -->
<section id="one" class="wrapper spotlight style1">
<div class="inner">
<a class="image"><img src="images/pic1.jpg" alt="" /></a>
<div class="content">
<h2 class="major">Designed for Public Interest</h2>
<p>PICTURE Grants help students who work in public interest technology repay their student loans. Graduates who hold engineering, design, and product management positions at nonprofits and government agencies receive an annual grant for a predetermined number of years.</p>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt spotlight style2">
<div class="inner">
<a class="image"><img src="images/pic2.jpg" alt="" /></a>
<div class="content">
<h2 class="major">Filling a Growing Need</h2>
<p>Governments are adopting digital tools to deliver essential services, creating a growing need for young people who build technology for the public sector. Young people are the most familiar with these latest technologies, but young people are less likely to work in the public sector—as of July 2019, just 3% of technical federal employees were under 30.</p>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper spotlight style3">
<div class="inner">
<a href="#" class="image"><img src="images/pic3.jpg" alt="" /></a>
<div class="content">
<h2 class="major">Providing Graduates with Financial Security</h2>
<p>Many college graduates may choose private sector jobs over public sector jobs because of higher compensation, which allows graduates to repay their student loans. However, a model already employed by medical and law schools, PICTURE Grants bridge this gap by helping students repay their loans and providing students with an additional layer of financial security.</p>
</div>
</div>
</section>
<!-- Four -->
<section id="four" class="wrapper alt style1">
<div class="inner">
<h2 class="major">Read the Proposal</h2>
<p>Learn more about the ideas and solution below. Click <a class="typeform-share" href="https://davidfrankel.typeform.com/to/scXEJL" data-mode="popup" data-hide-headers=true data-hide-footer=true data-submit-close-delay="0" target="_blank">here</a> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm_share", b="https://embed.typeform.com/"; if(!gi.call(d,id)){ js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script> to contact us.</p>
<section class="features">
<article id="proposal">
<a target="_blank" href="https://drive.google.com/file/d/1zKIHhIuRB_k8K5FJCNmYWCJaieHufH3a/view?usp=sharing" class="image"><img src="images/pic4.jpg" alt="" /></a>
<h3 class="major">Picture Grants Proposal</h3>
<!-- <p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p> -->
<a target="_blank" href="https://drive.google.com/file/d/1zKIHhIuRB_k8K5FJCNmYWCJaieHufH3a/view?usp=sharing" class="special">Read It</a>
</article>
</section>
<!-- <ul class="actions">
<li><a href="#" class="button">Browse All</a></li>
</ul> -->
</div>
</section>
</section>
<!-- Footer -->
<section id="footer">
<div class="inner">
<ul class="copyright">
<li><a class="typeform-share button" href="https://davidfrankel.typeform.com/to/scXEJL" data-mode="popup" data-hide-headers=true data-hide-footer=true data-submit-close-delay="0" target="_blank"> Contact Us </a> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm_share", b="https://embed.typeform.com/"; if(!gi.call(d,id)){ js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script></li>
<li>© PICTURE Grants - All rights reserved.</li>
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
<li>
<a style="border-bottom: none; background-color:#2E3141;color:rgba(255, 255, 255, 0.34902);text-decoration:none;padding:4px 6px;font-family:-apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;font-size:12px;font-weight:bold;line-height:1.2;display:inline-block;border-radius:3px" href="https://unsplash.com/@infinitexplorer?utm_medium=referral&utm_campaign=photographer-credit&utm_content=creditBadge"
target="_blank" rel="noopener noreferrer" title="Download free do whatever you want high-resolution photos from Heidi Kaden"><span style="display:inline-block;padding:2px 3px"><svg xmlns="http://www.w3.org/2000/svg" style="height:12px;width:auto;position:relative;vertical-align:middle;top:-2px;fill:rgba(255, 255, 255, 0.34902)" viewBox="0 0 32 32"><title>unsplash-logo</title><path d="M10 9V0h12v9H10zm12 5h10v18H0V14h10v9h12v-9z"></path></svg></span><span style="display:inline-block;padding:2px 3px">Heidi Kaden</span></a>
</li>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>