-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
121 lines (116 loc) · 8.36 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Home - GLDSA</title>
<meta property="og:type" content="website">
<meta name="description" content="Organizing with the Working Class of Tippecanoe County, Indiana">
<meta property="og:image" content="/assets/img/logo-dsa-br-transparent.png">
<link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i,600,600i">
<link rel="stylesheet" href="/assets/css/Manifold%20DSA.css">
<link rel="stylesheet" href="/assets/css/Manifold%20DSA%20Demi.css">
<link rel="stylesheet" href="/assets/css/Manifold%20DSA%20Extra.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Permanent+Marker">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Slab">
<link rel="stylesheet" href="/assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="/assets/css/Footer-Basic.css">
</head>
<body>
<div id="navigation"></div>
<main style="padding-top: 85px;" class="text-center page landing-page">
<section class="clean-block clean-hero" style="color: rgba(236,31,39,0.85);background: url("/assets/img/courthouse.jpg") center / cover no-repeat;">
<div class="text">
<h2 style="font-family: 'Permanent Marker', cursive;font-weight: normal;font-size: 45px;color: #eeeeee;text-shadow: 2px 2px 5px rgba(0,0,0,0.9);">A better world is possible.</h2>
<p style="font-family: 'Manifold DSA Demi';">
<em>Organizing with the Working Class of Tippecanoe County, Indiana</em>
<br>
</p>
<a class="btn btn-outline-light btn-lg" role="button" href="contact/join-form.html" style="font-family: 'Manifold DSA Extra';">Get Involved</a>
</div>
</section>
<section class="clean-block clean-info dark">
<div class="container">
<div class="block-heading">
<!-- <div class="alert alert-success" role="alert" style="color: #212529;background: rgb(238,238,238);border-style: solid;border-color: #ec1f27;">
<span style="font-family: 'Manifold DSA Extra';">
INSERT TEMP BANNER STUFF HERE
</span>
</div> -->
<h2 style="color: #ec1f27;font-family: 'Manifold DSA';">Who We Are</h2>
<p style="font-family: 'Manifold DSA';max-width: 600px;">
We are the Greater Lafayette chapter of the Democratic Socialists of America covering the cites of Lafayette, West Lafayette, and surrounding areas. We're building a movement that's centered on democracy, cooperation, and transformative
justice. A better world is possible, and we can get there by organizing our communities into a mass movement of the working class, but we can't do it without you! Get involved today and help us build an economy and a society that
works for all of us, not just the wealthy few.
</p>
</div>
<div class="row align-items-center">
<div class="col-md-6 offset-xl-0">
<img class="img-fluid" src="/assets/img/logo-dsa-br-transparent.png" style="max-width: 65%;background: rgba(255,255,255,0);border-style: none;" alt="DSA Logo">
</div>
<div class="col-md-6">
<h3 style="font-family: 'Manifold DSA Extra';color: #ec1f27;">Democratic Socialists of America</h3>
<div class="getting-started-info">
<p style="font-family: 'Manifold DSA';">
<br>
<a style="color: #ec1f27;"" href="https://www.dsausa.org/">
<strong>
<span style="text-decoration: underline;">Democratic Socialists of America (DSA)</span>
</strong>
</a>
is the largest socialist organization in the USA, with more than 70,000 members
nationwide. Many of these members are young people with special dedication to Black Lives Matter, LGBTQ+ liberation, eco-socialism, and fighting against U.S. imperialism in the Middle East and other parts of the world.
We believe that working people should run the economy and society democratically to meet human needs, not to make profits for a few. We are a political and activist organization, not a party; through campus and community-based
chapters, DSA members use a variety of tactics, from legislative to direct action, to fight for reforms that empower working people.
<br><br>
</p>
</div>
<a class="btn btn-outline-primary btn-lg" role="button" href="http://dsausa.org/join?source=Greater%20Lafayette
" style="color: #ec1f27;background: rgba(0,0,0,0);border-style: solid;border-color: #ec1f27;font-family: 'Manifold DSA Extra';">Join DSA</a>
</div>
</div>
</div>
</section>
<!-- TODO: Add new photos to carousel
<section class="clean-block slider dark">
<div class="container">
<div class="block-heading" style="border-style: none;">
<h2 style="color: #ec1f27;font-family: 'Manifold DSA Extra';">Gallery</h2>
</div>
<div class="carousel slide" data-ride="carousel" id="carousel-1">
<div class="carousel-inner">
<div
class="carousel-item active"><img class="w-100 d-block" src="/assets/img/group.jpeg" alt="Group photo after making hand sanitizer"></div>
<div class="carousel-item"><img class="w-100 d-block" src="/assets/img/working.jpeg" alt="GLDSA and YDSA members making hand sanitizer"></div>
<div class="carousel-item"><img class="w-100 d-block" src="/assets/img/Angela%20Davis.png" alt=""As long as we inhabit a capitalist democracy, a future of racial equality, gender equality, economic equality will elude us." -Angela Davis"></div>
<div class="carousel-item"><img class="w-100 d-block" src="/assets/img/m4a-canvas.jpg" alt="Group photo from Medicar for All canvas"></div>
<div class="carousel-item"><img class="w-100 d-block" src="/assets/img/Eugene%20Debs.png" alt=""I am for socialism because I am for humanity. We have been cursed with the reign of gold long enough." - Eugene Debs"></div>
</div>
<div><a class="carousel-control-prev" href="#carousel-1" role="button" data-slide="prev"><span class="carousel-control-prev-icon"></span><span class="sr-only">Previous</span></a><a class="carousel-control-next" href="#carousel-1" role="button"
data-slide="next"><span class="carousel-control-next-icon"></span><span class="sr-only">Next</span></a></div>
<ol class="carousel-indicators">
<li data-target="#carousel-1" data-slide-to="0" class="active"></li>
<li data-target="#carousel-1" data-slide-to="1"></li>
<li data-target="#carousel-1" data-slide-to="2"></li>
<li data-target="#carousel-1" data-slide-to="3"></li>
<li data-target="#carousel-1" data-slide-to="4"></li>
</ol>
</div>
</div>
</section>
-->
</main>
<div id="footer"></div>
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
<script>
$(function() {
$("#navigation").load("/assets/modules/navbar.html");
});
$(function() {
$("#footer").load("/assets/modules/footer.html");
});
</script>
</body>
</html>