<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no”>
<title>Membership Application</title>
<style>
body { font-family: -apple-system, sans-serif; background-color: #e5e5e5; margin: 0; padding: 10px; }
.card { background: white; max-width: 480px; margin: 0 auto; border: 1px solid #999; }
.header { background-color: #8B0000; color: white; padding: 15px; text-align: center; border-bottom: 4px solid #002D62; }
.logo { font-size: 14px; letter-spacing: 1px; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 8px; margin-bottom: 10px; }
h2 { font-size: 18px; margin: 10px 0; }
.preamble { background: #1a1a1a; font-size: 11px; padding: 12px; margin: 10px; border-radius: 2px; text-align: left; line-height: 1.3; color: #eee; }
.article { font-size: 11px; padding: 0 15px; font-style: italic; color: #fff; margin-bottom: 15px; }
.membership-bar { background: white; color: #002D62; padding: 8px; margin: 0 15px 15px; font-weight: bold; font-size: 14px; border: 1px solid #ccc; text-align: left; }
.form-body { padding: 20px; background: white; }
.field { margin-bottom: 18px; }
label { display: block; font-size: 13px; color: #444; margin-bottom: 4px; }
input[type=”text”], input[type=”email”], input[type=”tel”] { width: 100%; border: none; border-bottom: 1px solid #000; padding: 6px 0; font-size: 16px; outline: none; background: transparent; -webkit-appearance: none; }
.row { display: flex; gap: 20px; margin: 15px 0; }
.check-item { display: flex; align-items: center; font-size: 14px; }
input[type=”checkbox”] { margin-right: 8px; width: 18px; height: 18px; }
</style>
</head>
<body>
<div class=”card”>
<div class=”header”>
<div class=”logo”>REPUBLICAN PARTY OF GUAM</div>
<h2>2024 MEMBERSHIP APPLICATION</h2>
<div class=”preamble”>
<strong>Preamble</strong><br>
BE IT RESOLVED, That the Republican Party is the party of the open door. Ours is the party of liberty, the party of equality, of opportunity for all, and favoritism for none…
<div style=”text-align: right; margin-top: 5px;”>— RNC</div>
</div>
<div class=”article”>
Article 1: “I am a Republican. I will support the principles of the Republican Party and abide by its rules.”
</div>
<div class=”membership-bar”>
Membership No. <span style=”margin-left: 20px; color: #d32f2f;”>2024- 475</span>
</div>
</div>
<form class=”form-body”>
<div class=”field”>
<label>Name:</label>
<input type=”text” name=”name”>
</div>
<div class=”field”>
<label>Home Address:</label>
<input type=”text” name=”address”>
</div>
<div class=”field”>
<label>Village:</label>
<input type=”text” name=”village”>
</div>
<div class=”field”>
<label>Cell #:</label>
<input type=”tel” name=”cell”>
</div>
<div class=”field”>
<label>Email:</label>
<input type=”email” name=”email”>
</div>
<div class=”row”>
<div class=”check-item”><input type=”checkbox” id=”new”> <label for=”new”>New</label></div>
<div class=”check-item”><input type=”checkbox” id=”renewal”> <label for=”renewal”>Renewal</label></div>
</div>
<div class=”field” style=”margin-top: 25px;”>
<label>Signature:</label>
<input type=”text” name=”signature”>
</div>
</form>
</div>
</body>
</html>
Kids who learn AI automation do not commit crimes as they are busy having fun, making money. One hour. One skill. Zero recidivism. We turn “hustle” into high-level AI workflow engineering.