This repository has been archived by the owner on Nov 13, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 16
/
Copy pathourstory.html
90 lines (83 loc) · 4.87 KB
/
ourstory.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
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BBA - Bits and Bytes Association</title>
<link rel="icon" type="image/png" href="favicon.ico">
<link rel="stylesheet" href="assets/fonts/material-icons.css">
<link rel="stylesheet" href="assets/css/user.css">
<link rel="stylesheet" href="assets/css/socialnavigation.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
</head>
<body>
<img src="assets/img/secondary banner.png" style="width: 100%;" alt="">
<div w3-include-html="./header.html"></div>
<div class="container post">
<div class="container">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="assets/img/img01.png" alt="title" style="width:100%;">
</div>
<div class="item">
<img src="assets/img/img02.png" alt="mission" style="width:100%;">
</div>
<div class="item">
<img src="assets/img/img03.png" alt="Goals" style="width:100%;">
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="col-md-3 post-title">
<h3 class="col_title">Get Involved</h3>
</div>
<div>
<p class="col2_content">Participation in the Bits and Bytes Association is proven to increase the skills required to perform in industry today. However, we understand that there are other commitments, assignments and the need for personal time. Joining us is optional and you are welcome to engage as much or as little as you want.</p>
<ul class="col2_link">
<!-- Add relevant links where applicable! -->
<li>Come to our general meetings</li>
<li>Join the discussions on social media</li>
<li>Stop by our <a href="events.html">events</a> (or plan one!)</li>
<li><a href="projects.html">Volunteer!</a> - We always have new opportunities available</li>
<li>Celebrate finishing exams with us</li>
<li><a href="https://github.com/BitsandBytesAssociation/RRC-BBA-Website" target="_blank">Contribute to our website</a></li>
</div>
<div class="col-md-3 post-title">
<h3 class="col_title">Stay Connected</h3>
</div>
<div class="socialnavigation">
<ul>
<li><a href="mailto:bitsbytesassociation@gmail.com"><img src="assets/icons/email.png" width="50"></a></li>
<li><a href="https://discord.gg/RXySZQE" target="_blank"><img src="assets/icons/discord-dark.png" width="50"></a></li>
<li><a href="https://twitter.com/rrcbba" target="_blank"><img src="assets/icons/twitter.png" width="50"></a></li>
<li><a href="https://www.instagram.com/rrcbba/" target="_blank"><img src="assets/icons/instagram.png" width="50"></a></li>
<li><a href="https://www.facebook.com/groups/865544533563505" target="_blank"><img src="assets/icons/facebook.png" width="50"></a></li>
</ul>
</div>
</div>
<div w3-include-html="./footer.html"></div>
<script src="https://www.w3schools.com/lib/w3data.js"></script>
<script>
w3IncludeHTML();
</script>
<script src="assets/js/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</body>
</html>