Skip to content

Commit 77eaa3e

Browse files
joshs47joshs47
authored
Add files via upload
0 parents  commit 77eaa3e

File tree

5 files changed

+1165
-0
lines changed

5 files changed

+1165
-0
lines changed

‎approach.html‎

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>MapFixStudents | Approach</title>
7+
<link rel="stylesheet" href="styles.css" />
8+
</head>
9+
<body>
10+
<div class="page-shell">
11+
<header class="site-header">
12+
<a class="brand" href="index.html" aria-label="MapFixStudents home">
13+
<span class="brand-mark" aria-hidden="true">
14+
<svg viewBox="0 0 24 24">
15+
<path d="M5 6.5 10 4l4 2.2L19 4v13.5L14 20l-4-2.2L5 20Z" />
16+
<path d="M10 4v13.8M14 6.2V20" />
17+
</svg>
18+
</span>
19+
<span class="brand-text">
20+
<span class="brand-mapfix">MapFix</span><span class="brand-students">Students</span>
21+
</span>
22+
</a>
23+
<nav class="nav-tabs" aria-label="Main navigation">
24+
<a href="index.html">Home</a>
25+
<a href="impact.html">Impact</a>
26+
<a class="active" href="approach.html">Approach</a>
27+
<a href="contact.html">Contact</a>
28+
</nav>
29+
</header>
30+
31+
<main>
32+
<section class="hero">
33+
<span class="eyebrow">Approach</span>
34+
<h1>A thoughtful framework for student-centered change.</h1>
35+
<p class="lead">
36+
The approach page explains how MapFixStudents listens, maps needs,
37+
aligns resources, and keeps students involved at every step.
38+
</p>
39+
</section>
40+
41+
<section class="section grid two">
42+
<article class="content-card">
43+
<h2>Listen carefully</h2>
44+
<p>
45+
Gather lived experience from students, educators, and families to
46+
understand barriers before proposing solutions.
47+
</p>
48+
</article>
49+
<article class="content-card">
50+
<h2>Map the gaps</h2>
51+
<p>
52+
Use clear information design to show where support exists, where
53+
it is missing, and where coordination can improve access.
54+
</p>
55+
</article>
56+
<article class="content-card">
57+
<h2>Build partnerships</h2>
58+
<p>
59+
Connect schools, nonprofits, and local leaders around shared
60+
priorities that move from ideas into action.
61+
</p>
62+
</article>
63+
<article class="content-card">
64+
<h2>Measure and refine</h2>
65+
<p>
66+
Track outcomes, learn quickly, and keep improving the system so it
67+
stays responsive to student needs.
68+
</p>
69+
</article>
70+
</section>
71+
</main>
72+
73+
<p class="footer-note">Clear process creates lasting support.</p>
74+
</div>
75+
</body>
76+
</html>

‎contact.html‎

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>MapFixStudents | Contact</title>
7+
<link rel="stylesheet" href="styles.css" />
8+
</head>
9+
<body class="contact-page">
10+
<div class="page-shell">
11+
<header class="site-header">
12+
<a class="brand" href="index.html" aria-label="MapFixStudents home">
13+
<span class="brand-mark" aria-hidden="true">
14+
<svg viewBox="0 0 24 24">
15+
<path d="M5 6.5 10 4l4 2.2L19 4v13.5L14 20l-4-2.2L5 20Z" />
16+
<path d="M10 4v13.8M14 6.2V20" />
17+
</svg>
18+
</span>
19+
<span class="brand-text">
20+
<span class="brand-mapfix">MapFix</span><span class="brand-students">Students</span>
21+
</span>
22+
</a>
23+
<nav class="nav-tabs" aria-label="Main navigation">
24+
<a href="index.html">Home</a>
25+
<a href="impact.html">Impact</a>
26+
<a href="approach.html">Approach</a>
27+
<a class="active" href="contact.html">Contact</a>
28+
</nav>
29+
</header>
30+
31+
<main>
32+
<section class="contact-layout">
33+
<div class="contact-copy">
34+
<span class="contact-kicker">Engagement</span>
35+
<h1 class="contact-title">Become a Coalition Partner.</h1>
36+
<p class="contact-intro">
37+
We are building a decentralized student workforce for global good.
38+
Whether you are a city government or a high school club, let’s map
39+
the future together.
40+
</p>
41+
42+
<article class="contact-hq-card">
43+
<div class="contact-hq-icon" aria-hidden="true">
44+
<svg viewBox="0 0 24 24">
45+
<path d="M3.5 7.5h17v9h-17Z" />
46+
<path d="M4 8l8 6 8-6" />
47+
</svg>
48+
</div>
49+
<div>
50+
<p class="contact-hq-label">Global Headquarters</p>
51+
<a class="contact-hq-email" href="mailto:ops@mapfix.org">ops@mapfix.org</a>
52+
</div>
53+
</article>
54+
</div>
55+
56+
<section class="contact-form-shell" aria-label="Contact form">
57+
<div class="contact-form-orb" aria-hidden="true"></div>
58+
<h2 class="contact-form-title">Secure Transmission</h2>
59+
<form class="contact-form">
60+
<label class="sr-only" for="contact-name">Your Name</label>
61+
<input id="contact-name" type="text" placeholder="Your Name" />
62+
63+
<label class="sr-only" for="contact-org">Organization / School</label>
64+
<input id="contact-org" type="text" placeholder="Organization / School" />
65+
66+
<label class="sr-only" for="contact-message">Project inquiry</label>
67+
<textarea id="contact-message" placeholder="Project inquiry..."></textarea>
68+
69+
<button type="submit" class="contact-submit">
70+
Initialize Contact
71+
<span aria-hidden="true">→</span>
72+
</button>
73+
</form>
74+
</section>
75+
</section>
76+
</main>
77+
78+
<p class="footer-note">Every partnership starts with a conversation.</p>
79+
</div>
80+
</body>
81+
</html>

‎impact.html‎

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>MapFixStudents | Impact</title>
7+
<link rel="stylesheet" href="styles.css" />
8+
</head>
9+
<body>
10+
<div class="page-shell">
11+
<header class="site-header">
12+
<a class="brand" href="index.html" aria-label="MapFixStudents home">
13+
<span class="brand-mark" aria-hidden="true">
14+
<svg viewBox="0 0 24 24">
15+
<path d="M5 6.5 10 4l4 2.2L19 4v13.5L14 20l-4-2.2L5 20Z" />
16+
<path d="M10 4v13.8M14 6.2V20" />
17+
</svg>
18+
</span>
19+
<span class="brand-text">
20+
<span class="brand-mapfix">MapFix</span><span class="brand-students">Students</span>
21+
</span>
22+
</a>
23+
<nav class="nav-tabs" aria-label="Main navigation">
24+
<a href="index.html">Home</a>
25+
<a class="active" href="impact.html">Impact</a>
26+
<a href="approach.html">Approach</a>
27+
<a href="contact.html">Contact</a>
28+
</nav>
29+
</header>
30+
31+
<main>
32+
<section class="hero centered">
33+
<span class="eyebrow">Impact</span>
34+
<h1 class="impact-title">What we've accomplished...</h1>
35+
</section>
36+
37+
<section class="section grid two">
38+
<article class="content-card">
39+
<div class="stat">3,500+</div>
40+
<p>
41+
edits approved on Google Maps.
42+
</p>
43+
</article>
44+
<article class="content-card">
45+
<div class="stat">100+</div>
46+
<p>
47+
new towns have been added to Google Maps.
48+
</p>
49+
</article>
50+
<article class="content-card">
51+
<div class="stat">1,500+</div>
52+
<p>
53+
houses have been mapped and connected by roads.
54+
</p>
55+
</article>
56+
<article class="content-card">
57+
<div class="stat">100%</div>
58+
<p>
59+
commitment to making the world a better place, one road at a
60+
time.
61+
</p>
62+
</article>
63+
</section>
64+
</main>
65+
66+
<p class="footer-note">MapFixStudents focuses on visible, practical results.</p>
67+
</div>
68+
</body>
69+
</html>

‎index.html‎

Lines changed: 87 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>MapFixStudents | Home</title>
7+
<link rel="stylesheet" href="styles.css" />
8+
</head>
9+
<body>
10+
<div class="page-shell">
11+
<header class="site-header">
12+
<a class="brand" href="index.html" aria-label="MapFixStudents home">
13+
<span class="brand-mark" aria-hidden="true">
14+
<svg viewBox="0 0 24 24">
15+
<path d="M5 6.5 10 4l4 2.2L19 4v13.5L14 20l-4-2.2L5 20Z" />
16+
<path d="M10 4v13.8M14 6.2V20" />
17+
</svg>
18+
</span>
19+
<span class="brand-text">
20+
<span class="brand-mapfix">MapFix</span><span class="brand-students">Students</span>
21+
</span>
22+
</a>
23+
<nav class="nav-tabs" aria-label="Main navigation">
24+
<a class="active" href="index.html">Home</a>
25+
<a href="impact.html">Impact</a>
26+
<a href="approach.html">Approach</a>
27+
<a href="contact.html">Contact</a>
28+
</nav>
29+
</header>
30+
31+
<main>
32+
<section class="monitor-panel" aria-label="MapFixStudents statement">
33+
<div class="monitor-inner">
34+
<h2 class="monitor-title">
35+
<span class="top">Map The</span>
36+
<span class="bottom">Unseen.</span>
37+
</h2>
38+
<p class="monitor-description">
39+
We are a global student coalition deploying cartographic
40+
corrections to restore digital visibility to unmapped communities.
41+
</p>
42+
<div class="monitor-actions">
43+
<a class="button primary monitor-button" href="impact.html">See our impact</a>
44+
<a class="button secondary monitor-button" href="contact.html">Contact us</a>
45+
</div>
46+
</div>
47+
</section>
48+
49+
<section class="section feature-grid two">
50+
<article class="content-card feature-card">
51+
<div class="feature-icon" aria-hidden="true">
52+
<svg viewBox="0 0 24 24">
53+
<path d="M12 3.5 19 7.5v8L12 20.5 5 15.5v-8Z" />
54+
<path d="M12 8v4.5" />
55+
<path d="M12 16h.01" />
56+
</svg>
57+
</div>
58+
<h2 class="feature-title">Why it matters</h2>
59+
<p class="feature-copy">
60+
With over 2 billion users each month, Google Maps is the world’s
61+
most-used navigation app. We aim to ensure everyone has equal
62+
access to it, no matter where they are.
63+
</p>
64+
</article>
65+
<article class="content-card feature-card">
66+
<div class="feature-icon" aria-hidden="true">
67+
<svg viewBox="0 0 24 24">
68+
<path d="M5 6.5h14" />
69+
<path d="M5 12h14" />
70+
<path d="M5 17.5h9" />
71+
<path d="M18 15.5v4" />
72+
<path d="M16 17.5h4" />
73+
</svg>
74+
</div>
75+
<h2 class="feature-title">What you’ll find</h2>
76+
<p class="feature-copy">
77+
Four pages, four focused goals: welcome visitors, share results,
78+
explain the strategy, and make it easy to connect.
79+
</p>
80+
</article>
81+
</section>
82+
</main>
83+
84+
<p class="footer-note">Built for MapFixStudents.</p>
85+
</div>
86+
</body>
87+
</html>

0 commit comments

Comments
 (0)