-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
165 lines (135 loc) · 7.46 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
<!-- A simple website for Pike Fraternity at Iowa State University -->
<html style="scroll-behavior: smooth;">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pi Kappa Alpha Provisional Chapter at ISU</title>
<link rel="shortcut icon" href="https://pikesweb.s3.amazonaws.com/content/20210223024238/Pikes_Favicon_Web%401x-1.png" type="image/x-icon" />
<!-- These are librarys that help make the website work -->
<!-- Bootstrap helps make the layout -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" integrity="sha512-Fo3rlrZj/k7ujTnHg4CGR2D7kSs0v4LLanw2qksYuRlEzO+tcaEPQogQ0KaoGN26/zrn20ImR1DfuLWnOo7aBA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <!-- This is the css file that helps make the website look good -->
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat&family=Oooh+Baby&display=swap" rel="stylesheet">
</head>
<body>
<div class="container header">
<img class="header_img" src="./images/PiKappaAlpha.png" />
<div class="header_pka">PI KAPPA ALPHA</div>
<div class="header_isu">Iowa State Provisional Chapter</div>
</div>
<br />
<!-- This is the navigation bar -->
<nav class="navbar navbar-expand-lg">
<div class="container">
<ul class="navbar-nav mr-auto mx-auto">
<li class="nav-item active">
<a class="nav-link" href="#culture">Our Culture</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#history">History</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#join">Rush PIKE</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#leadership">Leadership</a>
</li>
<li class="nav-item">
<a class="nav-link" href="linkTree.html">Members</a>
</li>
</ul>
</div>
</nav>
<!-- This is the main content of the page -->
<br />
<div class="content">
<div class="container">
<div class="row">
<div class="col-md-6 box">
<div id="culture" class="">
<h1>Our Culture</h1>
<p>
We are dedicated to developing men of higher integrity, intellect, and high moral character. We want to create men that have the tools to leave a bigger impact on the world after college. A fraternity that is more then just a fraternity.
</p>
<a class="btn btn-primary" href="#join" role="button">Become a PIKE</a>
</div>
</div>
<div class="col-md-6">
<div class="picture_frame">
<img class="picture" src="./images/meetpikes.jpg" />
</div>
</div>
</div>
<div class="break"><img src="images/PiKappaAlpha.png" /> </div>
<div class="row">
<div class="col-md-6">
<div class="picture_frame">
<img class="picture" src="./images/history.png" />
</div>
</div>
<div class="col-md-6 box">
<div id="history" class="">
<h1>Our History</h1>
<p>
Pikes at Iowa State have a rich history going back to 1913. Over that time, the fraternity has created a strong tradition of service and leadership. The postive impact of the fraternity has been felt by many people in the community. Learn more about our legacy on our alumni website.
</p>
<a class="btn btn-primary" href="https://www.alphaphialums.com/our-legacy" role="button">Go to the Alumni Website</a>
</div>
</div>
</div>
<div class="break"><img src="images/PiKappaAlpha.png" /> </div>
<div class="row">
<div class="col-md-6 box">
<div id="join" class="">
<h1>Become a Pike</h1>
<p>
Do you want to be a part of the Pikes at Iowa State? We are always looking for new members that fit our culture. If you are interested in joining us, please click the button below to fill out the form.
</p>
<a class="btn btn-primary" href="https://forms.gle/dJqxvVX2QPGEYVD58" role="button">Submit Interest Form</a>
</div>
</div>
<div class="col-md-6">
<div class="picture_frame">
<img class="picture" src="./images/pikeu.jpg" />
</div>
</div>
</div>
<div class="break"><img src="images/PiKappaAlpha.png" /> </div>
<div class="row">
<div class="col-md-6">
<div class="picture_frame">
<img class="picture" src="./images/leaders.jpg" />
</div>
</div>
<div class="col-md-6 box">
<div id="leadership" class="">
<h1>Leadership</h1>
<p>
We believe that every member is a leader. This ideal holds each brother accountable to each other and the brotherhood. Our executive board is made up of people who are dedicated to making the fraternity a better place for all. <br />
<br />
Our 2021-2022 Executive Board is made up of:<br />
Caleb Chapman<br />
Jake West<br />
Jonah Hillman<br />
Paul Schneiderman<br />
Matt Knudsen<br />
Connor Hollarbush<br />
Liam Knight<br />
Cade Gochenour<br />
Maxwell Smith<br />
</p>
</div>
</div>
</div>
<div class="break"><img src="images/PiKappaAlpha.png" /> </div>
<div style="text-align: center; width:100%">
<small >
Made by the Pikes at Iowa State</small></div>
</div>
</div>
<br />
</body>