-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
86 lines (72 loc) · 4.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- <link rel="stylesheet" type="text/css" href="node_modules/bootstrap/dist/css/bootstrap.min.css"> -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="src/style.css">
<title>UCLA Bruin Origami For All | BOFA</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="#"><img src="img/logoassets/BOFA Website Just Text.png" alt="title" style="width:120px;"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item active"><a class="nav-link" href="#">Home</a></li>
<li class="nav-item"><a class="nav-link" href="src/boardmembers.html">Board Members</a></li>
<li class="nav-item"><a class="nav-link" href="src/photogallery.html">Photo Gallery</a></li>
<li class="nav-item"><a class="nav-link" href="src/announcements.html">Announcements</a></li>
<li class="nav-item"><a class="nav-link" href="src/communityservice.html">Community Service</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<img class="img-fluid mx-auto d-bloc" src="img/BOFA 1_16-9.png" alt="banner">
<hr>
<h1>ABOUT US</h1>
<h3>What's BOFA?</h3>
<p>Welcome to BOFA! Bruin Origami For All is a club that desires to promote and spread the art of origami.
Our goal is to teach people how to fold both individual origami and collective group origami, to spread
the love of origami to the UCLA campus and beyond, and to bring joy to people through origami by partnering
with organizations in our local community.</p>
<h3>Our Vision</h3>
<p>Our vision for this club is not only to help others learn how to fold and to fold alongside them, but to be
part of something greater. BOFA members will actively invest into the community around them. Origami itself
is beautiful, but it is even more magnificent when used to bring joy to other people. This could tangibly
manifest through giving origami gifts, housing beautification, and the like. Stay tuned for more ways we
can serve our community through origami!</p>
<h3>Contact Information</h3>
<ul>
<li>Instagram: @bruinorigami</li>
<li>Facebook page: @bruinorigami or UCLA Bruin Origami For All </li>
<li>Email: bofa.ucla@gmail.com</li>
</ul>
<hr>
<h1>CLUB LOGISTICS</h1>
<h3>When and Where</h3>
<p>During the quarters, we meet every Thursday at 7PM Pacific Time via Zoom. Zoom links will be sent out to the mailing list.</p>
<h3>What</h3>
<p>Club meetings will consist of origami lessons, group origami projects, and preparation for community outreach events.</p>
<hr>
<h1>HOW TO JOIN</h1>
<ul>
<li>Mailing List - <a target="_blank" href="https://forms.gle/P3DRqsTTneJzc5su8">https://forms.gle/P3DRqsTTneJzc5su8</a></li>
<li>Questions? - bofa.ucla@gmail.com</li>
</ul>
<br>
<br>
</div>
<!--<script src="node_modules/jquery/dist/jquery.slim.min.js"></script>
<script src="node_modules/popper.js/dist/popper.min.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>-->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</body>
</html>