100 lines
2.6 KiB
HTML
100 lines
2.6 KiB
HTML
<!DOCTYPE HTML>
|
|
<html lang="en-US">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" integrity="sha512-NhSC1YmyruXifcj/KFRWoC561YpHpc5Jtzgvbuzx5VozKpWvQ+4nXhPdFgmx8xqexRcpAglTj9sIBWINXa8x5w==" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="css/main.css">
|
|
<link rel="fav icon" href="assets/favicon.png">
|
|
<title>Miles Linden for San Jose City Council</title>
|
|
</head>
|
|
<body>
|
|
<div id="home"></div>
|
|
<nav id="main-nav">
|
|
<a href="#home">Home</a>
|
|
<a href="#about">About</a>
|
|
<a href="#joinus">Join</a>
|
|
<a href="#donate">Donate</a>
|
|
<a href="#contact">Contact</a>
|
|
</nav>
|
|
<div id="landing" class="fullpage">
|
|
<div class="main-banner">
|
|
<img src="assets/myles-logo.png">
|
|
<div class="main-banner-buttons">
|
|
<a href="#donate">Donate</a>
|
|
<a href="#joinus">Join</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="about" class="fullpage">
|
|
<div class="panel">
|
|
<h1>About Miles</h1>
|
|
<img src="assets/myles.png" height="200">
|
|
<p>About box description</p>
|
|
</div>
|
|
<div class="container">
|
|
<ol>
|
|
<li>Make San Jose Affordable</li>
|
|
<h3>Policy argument 1</h3>
|
|
<li>Police Reform</li>
|
|
<h3>Policy argument 2</h3>
|
|
<li>Downtown Development</li>
|
|
<h3>Policy argument 3</h3>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
<div id="joinus" class="fullpage">
|
|
<div class="container">
|
|
<div class="header">
|
|
<h1>Join</h1>
|
|
</div>
|
|
<div class="banner">
|
|
<form action="/subscribe.php" method="POST">
|
|
<div>
|
|
<input type="text" name="full_name" placeholder="Full Name" required>
|
|
</div>
|
|
<div>
|
|
<input type="email" name="email" placeholder="Email" required>
|
|
</div>
|
|
<div>
|
|
<input type="tel" name="phone" placeholder="Phone Number" required>
|
|
</div>
|
|
<div>
|
|
<button type="submit">Stay Notified!</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="donate" class="fullpage">
|
|
<div class="container">
|
|
<div class="header">
|
|
<h1>Donate</h1>
|
|
</div>
|
|
<div class="banner">
|
|
<div>
|
|
<h2>What is your contribution?</h2>
|
|
</div>
|
|
<div class="donate-buttons">
|
|
<button>$10</button>
|
|
<button>$20</button>
|
|
<button>$50</button>
|
|
<button>$100</button>
|
|
<button>Other</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="contact" class="fullpage">
|
|
<div class="container">
|
|
<div class="header">
|
|
<h1>Contact</h1>
|
|
</div>
|
|
<div class="banner">
|
|
<h2>For any further inquiries please email</h2>
|
|
<h2>contact@mileslinden.com</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|