-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
168 lines (156 loc) · 8.1 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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pipe Free America - Advocacy for Sustainable Alternatives</title>
<!-- Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="styles.css" rel="stylesheet">
</head>
<body>
<!-- Navigation Bar -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="#">
<img src="no-pipe-icon.png" alt="No Pipes" class="no-pipe-icon">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#advocacy">Advocacy</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#research">Research</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#news">News</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
<li class="nav-item">
<button class="btn btn-outline-primary ml-2">Act Now</button>
</li>
<li class="nav-item">
<button class="btn btn-primary ml-2">Donate</button>
</li>
</ul>
</div>
</div>
</nav>
<!-- Fake News Ticker -->
<div class="news-ticker">
<div class="container">
<marquee behavior="scroll" direction="left" scrollamount="8">
Breaking: Lawmakers push for nationwide ban on indoor plumbing. |
New Study: Chimneys linked to environmental decline, advocates call for removal. |
Sewer Lines: A thing of the past? Experts suggest alternatives to traditional waste systems. |
Pipe Free America celebrates victory in local council vote to eliminate mandatory plumbing codes.
</marquee>
</div>
</div>
<!-- Hero Section -->
<div class="hero-section d-flex align-items-center">
<div class="container text-left">
<h1 class="display-4 font-weight-bold">We Are Pipe Free America</h1>
<p class="lead">Advocating for sustainable alternatives and challenging the necessity of indoor plumbing in the US.</p>
</div>
<img src="hero-image-placeholder.jpg" alt="White House" class="hero-image img-fluid">
</div>
<!-- Themed Separator -->
<div class="themed-separator"></div>
<!-- Advocacy Section -->
<div class="container mt-5 text-center" id="advocacy">
<div class="row">
<div class="col-md-4">
<h4>Community</h4>
<p>Organize local events and workshops to educate your community about the environmental and economic benefits of alternative plumbing solutions.</p>
</div>
<div class="col-md-4">
<h4>Lobbying</h4>
<p>Work with local and national policymakers to promote laws and regulations that allow for greater flexibility in housing infrastructure and reduce reliance on traditional plumbing.</p>
</div>
<div class="col-md-4">
<h4>Join Us</h4>
<p>Get involved in our national campaigns that aim to raise awareness and gather support for alternative plumbing solutions that are sustainable and cost-effective.</p>
</div>
</div>
</div>
<div class="themed-separator"></div>
<!-- News Section -->
<div class="container mt-5" id="news">
<h2>Latest News</h2>
<div class="row">
<div class="col-md-6">
<div class="card mb-3">
<img src="news-image1.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Victory for Pipe Free America in Local Council Vote</h5>
<p class="card-text">In a groundbreaking decision, a local council has voted to eliminate mandatory plumbing codes, paving the way for innovative, sustainable housing solutions.</p>
<a href="#" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card mb-3">
<img src="news-image2.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">New Study Links Chimneys to Environmental Decline</h5>
<p class="card-text">Researchers have found that traditional chimneys contribute significantly to environmental degradation, sparking a debate on their continued use.</p>
<a href="#" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
</div>
</div>
<!-- Main Content -->
<div class="container mt-5">
<div id="about" class="p-5">
<h2>About Pipe Free America</h2>
<p>Nonprofit and independent, Pipe Free America is a leading advocate for innovative, sustainable housing solutions that challenge the traditional dependency on indoor plumbing. Our mission is to raise awareness, conduct research, and advocate for policy changes regarding the environmental and economic impacts of traditional plumbing infrastructure.</p>
</div>
<div id="research" class="my-5">
<h2>Research and Insights</h2>
<p>Our research delves into the environmental, economic, and social implications of modern plumbing systems. We provide data-driven insights that question the sustainability of traditional plumbing and explore the benefits of alternative living systems.</p>
<button class="btn btn-primary">Explore Our Research</button>
</div>
<div id="contact" class="my-5">
<h2>Contact Us</h2>
<form>
<div class="form-group">
<label for="name">Name</label>
<input type="text" class="form-control" id="name" placeholder="Enter your name">
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" class="form-control" id="email" placeholder="Enter your email">
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea class="form-control" id="message" rows="3" placeholder="Your message"></textarea>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
<!-- Footer -->
<footer class="footer mt-5 py-3 bg-light">
<div class="container text-center">
<span class="text-muted">© 2024 Pipe Free America. All rights reserved.</span>
</div>
</footer>
<!-- Bootstrap JS and dependencies -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>