<div style="max-width:1120px;margin:0 auto;;box-sizing:border-box;">
<div style="max-width:700px;margin-bottom:30px;">
<h2 style="margin:0 0 10px 0;font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-0.02em;color:#20232d;">
Start building with Manifold
</h2>
<p style="margin:0;font-size:17px;line-height:1.6;color:#626776;">
Everything you need to authenticate, make your first request, and start working with the Manifold API.
</p>
</div>
<div style="display:flex;gap:18px;flex-wrap:wrap;align-items:stretch;">
<!-- Authentication -->
<a href="https://wiki.manifold.autos/docs/authentication"
style="flex:1 1 280px;min-width:0;min-height:230px;padding:26px;border:1px solid #e5e7ef;border-radius:14px;background:#ffffff;text-decoration:none;box-sizing:border-box;display:flex;flex-direction:column;">
<div style="font-size:12px;line-height:1;font-weight:700;letter-spacing:0.08em;color:#5b5bf7;margin-bottom:24px;">
01
</div>
<h3 style="margin:0 0 10px 0;font-size:20px;line-height:1.3;font-weight:700;letter-spacing:-0.01em;color:#20232d;">
Get authenticated
</h3>
<p style="margin:0;font-size:15px;line-height:1.6;color:#626776;">
Set up your API access and learn how authentication works.
</p>
<div style="margin-top:auto;padding-top:24px;font-size:14px;font-weight:600;color:#5853f3;">
Authentication →
</div>
</a>
<!-- Quickstart -->
<a href="https://wiki.manifold.autos/docs/getting-started"
style="flex:1 1 280px;min-width:0;min-height:230px;padding:26px;border:1px solid #e5e7ef;border-radius:14px;background:#ffffff;text-decoration:none;box-sizing:border-box;display:flex;flex-direction:column;">
<div style="font-size:12px;line-height:1;font-weight:700;letter-spacing:0.08em;color:#5b5bf7;margin-bottom:24px;">
02
</div>
<h3 style="margin:0 0 10px 0;font-size:20px;line-height:1.3;font-weight:700;letter-spacing:-0.01em;color:#20232d;">
Make your first request
</h3>
<p style="margin:0;font-size:15px;line-height:1.6;color:#626776;">
Follow the Quickstart to authenticate and retrieve your first data from Manifold.
</p>
<div style="margin-top:auto;padding-top:24px;font-size:14px;font-weight:600;color:#5853f3;">
Quickstart →
</div>
</a>
<!-- API Reference -->
<a href="https://wiki.manifold.autos/reference"
style="flex:1 1 280px;min-width:0;min-height:230px;padding:26px;border:1px solid #e5e7ef;border-radius:14px;background:#ffffff;text-decoration:none;box-sizing:border-box;display:flex;flex-direction:column;">
<div style="font-size:12px;line-height:1;font-weight:700;letter-spacing:0.08em;color:#5b5bf7;margin-bottom:24px;">
03
</div>
<h3 style="margin:0 0 10px 0;font-size:20px;line-height:1.3;font-weight:700;letter-spacing:-0.01em;color:#20232d;">
Explore the API
</h3>
<p style="margin:0;font-size:15px;line-height:1.6;color:#626776;">
Browse endpoints, request parameters, and response objects.
</p>
<div style="margin-top:auto;padding-top:24px;font-size:14px;font-weight:600;color:#5853f3;">
API Reference →
</div>
</a>
</div>
</div>
<div style="max-width:1120px;margin:0 auto;padding:px 24px 72px 24px;box-sizing:border-box;">
<!-- Section heading -->
<div style="max-width:760px;margin-bottom:30px;">
<h2 style="margin:0 0 10px 0;font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-0.02em;color:#20232d;">
Explore the API
</h2>
<p style="margin:0;font-size:17px;line-height:1.6;color:#626776;">
Access the core fleet data available through Manifold, from connected providers and vehicles to drivers, safety events, trips, and reports.
</p>
</div>
<!-- Resource cards -->
<div style="display:flex;flex-wrap:wrap;gap:16px;align-items:stretch;">
<!-- Connections -->
<a href="https://wiki.manifold.autos/docs/connections"
style="flex:1 1 31%;min-width:280px;min-height:270px;padding:24px;border:1px solid #e5e7ef;border-radius:14px;background:#ffffff;text-decoration:none;box-sizing:border-box;display:flex;flex-direction:column;">
<div style="display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;">
<div style="font-size:12px;font-weight:700;letter-spacing:0.06em;color:#5b5bf7;">
CONNECTIONS
</div>
<div style="font-size:13px;color:#8a8f9c;font-family:monospace;white-space:nowrap;">
GET /connections
</div>
</div>
<h3 style="margin:0 0 9px 0;font-size:19px;line-height:1.3;font-weight:700;color:#20232d;">
Connections
</h3>
<p style="margin:0;font-size:15px;line-height:1.6;color:#626776;">
View the providers connected to your account, including connection health and integration details.
</p>
<div style="margin-top:auto;padding-top:22px;font-size:14px;font-weight:600;color:#5853f3;">
View Connections →
</div>
</a>
<!-- Vehicles -->
<a href="https://wiki.manifold.autos/docs/vehicles"
style="flex:1 1 31%;min-width:280px;min-height:270px;padding:24px;border:1px solid #e5e7ef;border-radius:14px;background:#ffffff;text-decoration:none;box-sizing:border-box;display:flex;flex-direction:column;">
<div style="display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;">
<div style="font-size:12px;font-weight:700;letter-spacing:0.06em;color:#5b5bf7;">
VEHICLES
</div>
<div style="font-size:13px;color:#8a8f9c;font-family:monospace;white-space:nowrap;">
GET /vehicles
</div>
</div>
<h3 style="margin:0 0 9px 0;font-size:19px;line-height:1.3;font-weight:700;color:#20232d;">
Vehicles
</h3>
<p style="margin:0;font-size:15px;line-height:1.6;color:#626776;">
Retrieve vehicle details, VINs, status, location, mileage, and historical distance data.
</p>
<div style="margin-top:auto;padding-top:22px;font-size:14px;font-weight:600;color:#5853f3;">
View Vehicles →
</div>
</a>
<!-- Drivers -->
<a href="https://wiki.manifold.autos/docs/drivers"
style="flex:1 1 31%;min-width:280px;min-height:270px;padding:24px;border:1px solid #e5e7ef;border-radius:14px;background:#ffffff;text-decoration:none;box-sizing:border-box;display:flex;flex-direction:column;">
<div style="display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;">
<div style="font-size:12px;font-weight:700;letter-spacing:0.06em;color:#5b5bf7;">
DRIVERS
</div>
<div style="font-size:13px;color:#8a8f9c;font-family:monospace;white-space:nowrap;">
GET /drivers
</div>
</div>
<h3 style="margin:0 0 9px 0;font-size:19px;line-height:1.3;font-weight:700;color:#20232d;">
Drivers
</h3>
<p style="margin:0;font-size:15px;line-height:1.6;color:#626776;">
Access driver profiles, status, licensing information, and associated connection data.
</p>
<div style="margin-top:auto;padding-top:22px;font-size:14px;font-weight:600;color:#5853f3;">
View Drivers →
</div>
</a>
<!-- Safety Events -->
<a href="https://wiki.manifold.autos/docs/safety-events"
style="flex:1 1 31%;min-width:280px;min-height:270px;padding:24px;border:1px solid #e5e7ef;border-radius:14px;background:#ffffff;text-decoration:none;box-sizing:border-box;display:flex;flex-direction:column;">
<div style="display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;">
<div style="font-size:12px;font-weight:700;letter-spacing:0.06em;color:#5b5bf7;">
SAFETY EVENTS
</div>
<div style="font-size:13px;color:#8a8f9c;font-family:monospace;white-space:nowrap;">
GET /safety-events
</div>
</div>
<h3 style="margin:0 0 9px 0;font-size:19px;line-height:1.3;font-weight:700;color:#20232d;">
Safety Events
</h3>
<p style="margin:0;font-size:15px;line-height:1.6;color:#626776;">
Retrieve safety events, risk information, event metadata, thumbnails, and available video.
</p>
<div style="margin-top:auto;padding-top:22px;font-size:14px;font-weight:600;color:#5853f3;">
View Safety Events →
</div>
</a>
<!-- Trips -->
<a href="https://wiki.manifold.autos/docs/endpoints-overview#4-trips-endpoint"
style="flex:1 1 31%;min-width:280px;min-height:270px;padding:24px;border:1px solid #e5e7ef;border-radius:14px;background:#ffffff;text-decoration:none;box-sizing:border-box;display:flex;flex-direction:column;">
<div style="display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;">
<div style="font-size:12px;font-weight:700;letter-spacing:0.06em;color:#5b5bf7;">
TRIPS
</div>
<div style="font-size:13px;color:#8a8f9c;font-family:monospace;white-space:nowrap;">
GET /trips
</div>
</div>
<h3 style="margin:0 0 9px 0;font-size:19px;line-height:1.3;font-weight:700;color:#20232d;">
Trips
</h3>
<p style="margin:0;font-size:15px;line-height:1.6;color:#626776;">
Access historical trip data, journey details, timestamps, and vehicle movement information.
</p>
<div style="margin-top:auto;padding-top:22px;font-size:14px;font-weight:600;color:#5853f3;">
View Trips →
</div>
</a>
<!-- Reports -->
<a href="https://wiki.manifold.autos/docs/report-event-accuracy"
style="flex:1 1 31%;min-width:280px;min-height:270px;padding:24px;border:1px solid #e5e7ef;border-radius:14px;background:#ffffff;text-decoration:none;box-sizing:border-box;display:flex;flex-direction:column;">
<div style="display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;">
<div style="font-size:12px;font-weight:700;letter-spacing:0.06em;color:#5b5bf7;">
REPORTS
</div>
<div style="font-size:13px;color:#8a8f9c;font-family:monospace;white-space:nowrap;">
GET /reports
</div>
</div>
<h3 style="margin:0 0 9px 0;font-size:19px;line-height:1.3;font-weight:700;color:#20232d;">
Reports
</h3>
<p style="margin:0;font-size:15px;line-height:1.6;color:#626776;">
Access event accuracy, usage, behavioural, environmental, and fleet analytics.
</p>
<div style="margin-top:auto;padding-top:22px;font-size:14px;font-weight:600;color:#5853f3;">
View Reports →
</div>
</a>
</div>
<!-- Webhooks callout -->
<a href="https://wiki.manifold.autos/docs/webhooks"
style="display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;margin-top:18px;padding:26px 28px;border:1px solid #dcdcff;border-radius:14px;background:#f8f8ff;text-decoration:none;box-sizing:border-box;">
<div style="max-width:720px;">
<div style="font-size:12px;font-weight:700;letter-spacing:0.06em;color:#5b5bf7;margin-bottom:8px;">
WEBHOOKS
</div>
<h3 style="margin:0 0 7px 0;font-size:19px;line-height:1.3;font-weight:700;color:#20232d;">
Need real-time updates?
</h3>
<p style="margin:0;font-size:15px;line-height:1.6;color:#626776;">
Use webhooks to receive event and accident notifications without polling the API.
</p>
</div>
<div style="font-size:14px;font-weight:600;color:#5853f3;white-space:nowrap;">
Explore Webhooks →
</div>
</a>
</div>
<div style="max-width:1120px;margin:0 auto;padding:12px 24px 72px px;box-sizing:border-box;">
<div style="padding:38px 32px;border:1px solid #e3e4ee;border-radius:18px;background:#f8f8fc;box-sizing:border-box;">
<!-- Intro -->
<div style="max-width:760px;margin-bottom:30px;">
<div style="font-size:12px;font-weight:700;letter-spacing:0.08em;color:#5b5bf7;margin-bottom:12px;">
QUICKSTART
</div>
<h2 style="margin:0 0 12px 0;font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-0.02em;color:#20232d;">
See the API in action
</h2>
<p style="margin:0 0 22px 0;font-size:16px;line-height:1.65;color:#626776;">
Authenticate with your API token and connection ID, then start retrieving fleet data with a simple REST request.
</p>
<!-- Technical details -->
<div style="border-top:1px solid #e2e3eb;padding-top:18px;margin-bottom:24px;">
<div style="display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;">
<div style="width:7px;height:7px;border-radius:50%;background:#5b5bf7;margin-top:7px;flex:none;"></div>
<div>
<div style="font-size:14px;font-weight:700;color:#20232d;margin-bottom:3px;">
REST API
</div>
<div style="font-size:14px;line-height:1.5;color:#727786;">
JSON-encoded responses over HTTPS.
</div>
</div>
</div>
<div style="display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;">
<div style="width:7px;height:7px;border-radius:50%;background:#5b5bf7;margin-top:7px;flex:none;"></div>
<div>
<div style="font-size:14px;font-weight:700;color:#20232d;margin-bottom:3px;">
API key authentication
</div>
<div style="font-size:14px;line-height:1.5;color:#727786;">
Authenticate requests using your Manifold API token.
</div>
</div>
</div>
<div style="display:flex;align-items:flex-start;gap:12px;">
<div style="width:7px;height:7px;border-radius:50%;background:#5b5bf7;margin-top:7px;flex:none;"></div>
<div>
<div style="font-size:14px;font-weight:700;color:#20232d;margin-bottom:3px;">
Connection-aware
</div>
<div style="font-size:14px;line-height:1.5;color:#727786;">
Specify the provider connection you want to retrieve data from.
</div>
</div>
</div>
</div>
<a href="https://wiki.manifold.autos/docs/getting-started"
style="display:inline-block;padding:11px 17px;border-radius:8px;background:#5853f3;color:#ffffff;text-decoration:none;font-size:14px;font-weight:600;">
View the Quickstart →
</a>
</div>
<!-- REQUEST -->
<div style="overflow:hidden;border-radius:14px;background:#121521;border:1px solid #25293a;margin-top:8px;margin-bottom:16px;box-sizing:border-box;">
<div style="display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #2b3042;background:#181c2a;">
<div style="font-size:12px;font-weight:700;letter-spacing:0.02em;color:#ffffff;">
Request
</div>
<div style="font-size:12px;font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;color:#b8bdcc;">
Bash
</div>
</div>
<div style="padding:22px 26px;background:#121521;font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:14px;line-height:1.7;overflow-x:auto;white-space:nowrap;color:#f1f4ff;">
<span style="color:#9aaaff;font-weight:600;">curl</span><span style="color:#f1f4ff;"> --request GET \</span><br>
<span style="color:#a8e6cf;">'https://api.analytics.autos/vehicles'</span><span style="color:#f1f4ff;"> \</span><br>
<span style="color:#f1f4ff;">--header </span><span style="color:#ffd479;">'x-api-key: YOUR-API-TOKEN'</span><span style="color:#f1f4ff;"> \</span><br>
<span style="color:#f1f4ff;">--header </span><span style="color:#ffd479;">'Connection-Id: YOUR-CONNECTION-ID'</span>
</div>
</div>
<!-- RESPONSE -->
<div style="overflow:hidden;border-radius:14px;background:#121521;border:1px solid #25293a;box-sizing:border-box;">
<div style="display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #2b3042;background:#181c2a;">
<div style="display:flex;align-items:center;gap:8px;">
<div style="width:8px;height:8px;border-radius:50%;background:#56c98f;"></div>
<div style="font-size:12px;font-weight:700;letter-spacing:0.02em;color:#ffffff;">
Response
</div>
</div>
<div style="font-size:12px;font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;color:#b8bdcc;">
200 OK
</div>
</div>
<div style="padding:22px 26px;background:#121521;font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:14px;line-height:1.7;overflow-x:auto;white-space:nowrap;color:#f1f4ff;">
<span style="color:#f1f4ff;">{</span><br>
<span style="color:#9aaaff;">"status"</span><span style="color:#f1f4ff;">: </span><span style="color:#ffd479;">200</span><span style="color:#f1f4ff;">,</span><br>
<span style="color:#9aaaff;">"message"</span><span style="color:#f1f4ff;">: </span><span style="color:#a8e6cf;">"Success"</span><span style="color:#f1f4ff;">,</span><br>
<span style="color:#9aaaff;">"data"</span><span style="color:#f1f4ff;">: [</span><br>
<span style="color:#f1f4ff;">{</span><br>
<span style="color:#9aaaff;">"id"</span><span style="color:#f1f4ff;">: </span><span style="color:#a8e6cf;">"123e4567-e89b-12d3-a456-426614174000"</span><span style="color:#f1f4ff;">,</span><br>
<span style="color:#9aaaff;">"vin"</span><span style="color:#f1f4ff;">: </span><span style="color:#a8e6cf;">"1HGCM82633A123456"</span><span style="color:#f1f4ff;">,</span><br>
<span style="color:#9aaaff;">"name"</span><span style="color:#f1f4ff;">: </span><span style="color:#a8e6cf;">"Company Truck 01"</span><span style="color:#f1f4ff;">,</span><br>
<span style="color:#9aaaff;">"status"</span><span style="color:#f1f4ff;">: </span><span style="color:#a8e6cf;">"active"</span><span style="color:#f1f4ff;">,</span><br>
<span style="color:#9aaaff;">"lastGps"</span><span style="color:#f1f4ff;">: {</span><br>
<span style="color:#9aaaff;">"latitude"</span><span style="color:#f1f4ff;">: </span><span style="color:#ffd479;">37.7749</span><span style="color:#f1f4ff;">,</span><br>
<span style="color:#9aaaff;">"longitude"</span><span style="color:#f1f4ff;">: </span><span style="color:#ffd479;">-122.4194</span><br>
<span style="color:#f1f4ff;">}</span><br>
<span style="color:#f1f4ff;">}</span><br>
<span style="color:#f1f4ff;">]</span><br>
<span style="color:#f1f4ff;">}</span>
</div>
</div>
</div>
</div>
<div style="max-width:1120px;margin:0 auto;padding:px 24px 26px 24px;box-sizing:border-box;">
<div style="max-width:720px;margin-bottom:30px;">
<h2 style="margin:0 0 10px 0;font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-0.02em;color:#20232d;">
Developer resources
</h2>
<p style="margin:0;font-size:17px;line-height:1.6;color:#626776;">
Everything you need to test, understand, and stay up to date with the Manifold API.
</p>
</div>
<div style="display:flex;gap:18px;flex-wrap:wrap;align-items:stretch;">
<!-- Postman -->
<a href="https://wiki.manifold.autos/docs/postman-collection"
style="flex:1 1 280px;min-width:0;min-height:220px;padding:26px;border:1px solid #e5e7ef;border-radius:14px;background:#ffffff;text-decoration:none;box-sizing:border-box;display:flex;flex-direction:column;">
<div style="font-size:12px;font-weight:700;letter-spacing:0.08em;color:#5b5bf7;margin-bottom:22px;">
TESTING
</div>
<h3 style="margin:0 0 10px 0;font-size:20px;line-height:1.3;font-weight:700;color:#20232d;">
Test with Postman
</h3>
<p style="margin:0;font-size:15px;line-height:1.6;color:#626776;">
Set up your Manifold environment and start testing API requests in Postman.
</p>
<div style="margin-top:auto;padding-top:24px;font-size:14px;font-weight:600;color:#5853f3;">
View Postman guide →
</div>
</a>
<!-- OpenAPI -->
<a href="https://wiki.manifold.autos/docs/manifold-openapi-specification"
style="flex:1 1 280px;min-width:0;min-height:220px;padding:26px;border:1px solid #e5e7ef;border-radius:14px;background:#ffffff;text-decoration:none;box-sizing:border-box;display:flex;flex-direction:column;">
<div style="font-size:12px;font-weight:700;letter-spacing:0.08em;color:#5b5bf7;margin-bottom:22px;">
OPENAPI
</div>
<h3 style="margin:0 0 10px 0;font-size:20px;line-height:1.3;font-weight:700;color:#20232d;">
Use the OpenAPI specification
</h3>
<p style="margin:0;font-size:15px;line-height:1.6;color:#626776;">
Work with a machine-readable definition of the Manifold API for testing, tooling, and code generation.
</p>
<div style="margin-top:auto;padding-top:24px;font-size:14px;font-weight:600;color:#5853f3;">
View OpenAPI spec →
</div>
</a>
<!-- Changelog -->
<a href="https://wiki.manifold.autos/changelog"
style="flex:1 1 280px;min-width:0;min-height:220px;padding:26px;border:1px solid #e5e7ef;border-radius:14px;background:#ffffff;text-decoration:none;box-sizing:border-box;display:flex;flex-direction:column;">
<div style="font-size:12px;font-weight:700;letter-spacing:0.08em;color:#5b5bf7;margin-bottom:22px;">
CHANGELOG
</div>
<h3 style="margin:0 0 10px 0;font-size:20px;line-height:1.3;font-weight:700;color:#20232d;">
Stay up to date
</h3>
<p style="margin:0;font-size:15px;line-height:1.6;color:#626776;">
Follow new endpoints, API updates, and changes to the Manifold developer platform.
</p>
<div style="margin-top:auto;padding-top:24px;font-size:14px;font-weight:600;color:#5853f3;">
View Changelog →
</div>
</a>
</div>
</div>
<div style="max-width:1120px;margin:0 auto;padding:px 24px 72px 24px;box-sizing:border-box;">
<div style="display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:30px 32px;border:1px solid #dcdcff;border-radius:16px;background:#f8f8ff;box-sizing:border-box;">
<div style="max-width:720px;">
<h2 style="margin:0 0 8px 0;font-size:24px;line-height:1.25;font-weight:700;letter-spacing:-0.015em;color:#20232d;">
Need help?
</h2>
<p style="margin:0;font-size:15px;line-height:1.6;color:#626776;">
Can’t find what you need? Get in touch with the Manifold team and we’ll help you with your integration.
</p>
</div>
<a href="mailto:[email protected]"
style="display:inline-block;padding:11px 17px;border-radius:8px;background:#5853f3;color:#ffffff;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;">
Contact Support →
</a>
</div>
</div>
