This repository has been archived by the owner on Dec 5, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout-us.html
66 lines (63 loc) · 9.48 KB
/
about-us.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
<!DOCTYPE html>
<html data-bs-theme="light" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Project Arch</title>
<link rel="icon" type="image/png" sizes="1024x1024" href="assets/img/Arch%20icon.png">
<link rel="icon" type="image/png" sizes="1024x1024" href="assets/img/Arch%20icon.png">
<link rel="icon" type="image/png" sizes="1024x1024" href="assets/img/Arch%20icon.png">
<link rel="icon" type="image/png" sizes="1024x1024" href="assets/img/Arch%20icon.png">
<link rel="icon" type="image/png" sizes="1024x1024" href="assets/img/Arch%20icon.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/ABeeZee.css">
<link rel="stylesheet" href="assets/css/JetBrains%20Mono.css">
<link rel="stylesheet" href="assets/css/Space%20Mono.css">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="assets/css/Footer-Dark.css">
<link rel="stylesheet" href="assets/css/Navigation-Clean.css">
</head>
<body>
<!-- Start: Navigation Bar -->
<nav class="navbar navbar-expand-lg navigation-clean navbar-light" style="background: #222222;">
<div class="container"><a class="navbar-brand" href="index.html" style="font-size: 40px;color: #f99247;">PROJECT ARCH</a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1" style="color: #febd79;border-color: rgb(0, 0, 0, 0);border-top-color: rgb(0,;border-right-color: 0,;border-bottom-color: 0,;border-left-color: 0);"><span class="visually-hidden" style="color: #febd79;">Toggle navigation</span><span class="navbar-toggler-icon" style="color: #febd79;filter: invert(100%);"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav ms-auto">
<li class="nav-item d-lg-flex justify-content-lg-center align-items-lg-center"><a class="btn btn-primary d-lg-flex justify-content-lg-center align-items-lg-center" role="button" style="font-family: ABeeZee, sans-serif;color: #febd79;padding-right: 16px;padding-left: 16px;padding-top: 8px;padding-bottom: 8px;background: rgba(0,0,0,0);height: 45px;border-width: 2px;border-color: #febd79;margin-right: 5px;margin-left: 5px;" href="index.html">Home</a></li>
<li class="nav-item d-lg-flex justify-content-lg-center align-items-lg-center"><a class="btn btn-primary d-lg-flex justify-content-lg-center align-items-lg-center" role="button" style="font-family: ABeeZee, sans-serif;color: #bd55d7;padding-right: 10px;padding-left: 10px;padding-top: 8px;padding-bottom: 8px;background: rgb(0, 0, 0, 0);height: 45px;margin-right: 5px;margin-left: 5px;border-width: 2px;border-color: #bd55d7;" href="science.html">S</a></li>
<li class="nav-item d-lg-flex justify-content-lg-center align-items-lg-center" style="color: #febd79;"><a class="btn btn-primary d-lg-flex justify-content-lg-center align-items-lg-center" role="button" style="font-family: ABeeZee, sans-serif;color: #0c6eff;padding-right: 10px;padding-left: 10px;padding-top: 8px;padding-bottom: 8px;background: rgb(0, 0, 0, 0);height: 45px;margin-right: 5px;margin-left: 5px;border-width: 2px;border-color: #0c6eff;" href="technology.html">T</a></li>
<li class="nav-item d-lg-flex justify-content-lg-center align-items-lg-center" style="color: #febd79;"><a class="btn btn-primary d-lg-flex justify-content-lg-center align-items-lg-center" role="button" style="font-family: ABeeZee, sans-serif;color: #ffc108;padding-right: 10px;padding-left: 10px;padding-top: 8px;padding-bottom: 8px;background: rgb(0, 0, 0, 0);height: 45px;margin-right: 5px;margin-left: 5px;border-width: 2px;border-color: #ffc108;" href="engineering.html">E</a></li>
<li class="nav-item d-lg-flex justify-content-lg-center align-items-lg-center" style="color: #febd79;"><a class="btn btn-primary d-lg-flex justify-content-lg-center align-items-lg-center" role="button" style="font-family: ABeeZee, sans-serif;color: #3dff68;padding-right: 10px;padding-left: 10px;padding-top: 8px;padding-bottom: 8px;background: rgb(0, 0, 0, 0);height: 45px;margin-right: 5px;margin-left: 5px;border-width: 2px;border-color: #3dff68;" href="mathematics.html">M</a></li>
<li class="nav-item d-lg-flex justify-content-lg-center align-items-lg-center"><a class="btn btn-primary d-lg-flex justify-content-lg-center align-items-lg-center" role="button" style="background: #febd79;font-family: ABeeZee, sans-serif;color: #222222;padding-right: 16px;padding-left: 16px;padding-top: 8px;padding-bottom: 8px;border: 2px none #febd79;margin-right: 5px;margin-left: 5px;height: 45px;" href="about-us.html">About Us</a></li>
</ul>
</div>
</div>
</nav><!-- End: Navigation Bar -->
<!-- Start: About Us Section -->
<div data-bss-parallax-bg="true" style="background: linear-gradient(rgb(255, 255, 255, 0.7), rgb(255, 255, 255, 0.7)), url("assets/img/about-us-image.jpg") center / cover;opacity: 1;min-height: 100vh;">
<h1 class="d-flex d-lg-flex justify-content-center align-items-end justify-content-lg-center align-items-lg-end" style="width: 100vw;height: 20vh;text-align: center;font-family: 'Space Mono', monospace;font-weight: bold;font-size: 50px;margin: 0px;padding-bottom: 25px;padding-right: 20%;padding-left: 20%;">About Us</h1>
<p class="d-flex d-lg-flex justify-content-center align-items-center justify-content-lg-center align-items-lg-center" style="width: 100vw;text-align: center;font-family: 'Space Mono', monospace;font-size: 25px;margin: 0px;padding-top: 20px;padding-right: 20%;padding-left: 20%;min-height: 15vh;">"Discover your Passion"<br><br><br>A growing amount of the youth are discontent with the current education system.<br><br>Project Arch is our solution to this complex and fundamental problem.<br><br>Instead of the current system that’s both outdated and boring, students will now be able to freely pick and choose what they want to learn, from a wide range of dynamic, project- and practical-based tutorials.<br><br><br>Made by students, for students.<br></p><!-- Start: Button Background -->
<div class="d-flex d-lg-flex justify-content-center align-items-center justify-content-lg-center align-items-lg-center" style="border-style: none;color: rgb(0, 0, 0, 0);text-align: center;padding-bottom: 50px;padding-top: 25px;"><a class="btn btn-primary" role="button" style="font-family: ABeeZee, sans-serif;background: #222222;border-color: #222222;border-radius: 5px;padding-top: 12px;padding-bottom: 12px;padding-right: 24px;padding-left: 24px;" href="index.html">Discover your passion...</a></div><!-- End: Button Background -->
</div><!-- End: About Us Section -->
<!-- Start: Footer Dark -->
<footer class="footer-dark">
<div class="container">
<div class="row">
<!-- Start: Footer Text -->
<div class="col-md-6 item text">
<h3 style="font-family: ABeeZee, sans-serif;">Project Arch</h3>
<p style="font-family: ABeeZee, sans-serif;">"Discover your Passion"<br><br>Project Arch is our solution for the discontent towards the current education system. Instead of the current system that’s both outdated and boring, students are now able to freely pick and choose what they want to learn, from a wide range of dynamic, project- and practical-based tutorials.<br><br>Made by students, for students.<br></p>
</div><!-- End: Footer Text -->
<!-- Start: Social Icons -->
<div class="col d-lg-flex justify-content-lg-start align-items-lg-center item social"><img src="assets/img/Arch%20icon.png" width="200px" height="200px" style="margin: 20px;"><a href="https://github.com/ProjectArch/pa"><i class="icon ion-social-github"></i></a><a href="https://developer.mozilla.org/en-US/docs/Web/HTML"><i class="icon ion-social-html5"></i></a><a href="https://developer.mozilla.org/en-US/docs/Web/CSS"><i class="icon ion-social-css3"></i></a><a href="https://www.python.org/"><i class="icon ion-social-python"></i></a></div><!-- End: Social Icons -->
</div><!-- Start: Authors -->
<p class="copyright" style="font-family: ABeeZee, sans-serif;opacity: 0.73;"><span style="color: rgb(255, 255, 255);">Made by </span><a href="https://github.com/WhenLifeHandsYouLemons"><span style="color: rgb(255, 154, 60);">Sooraj S</span></a><span style="color: rgb(255, 255, 255);">, </span><a href="https://github.com/DreamingElectricSheep"><span style="color: rgb(255, 154, 60);">DreamingElectricSheep</span></a><span style="color: rgb(255, 255, 255);">, </span><a href="https://github.com/desoum1"><span style="color: rgb(255, 154, 60);">Max De Souza</span></a><span style="color: rgb(255, 255, 255);">, and </span><a href="https://github.com/kleeon0"><span style="color: rgb(255, 154, 60);">Creon T</span></a><span style="color: rgb(255, 255, 255);">.</span></p><!-- End: Authors -->
<!-- Start: Copyright -->
<p class="copyright" style="font-family: ABeeZee, sans-serif;">Project Arch © 2022</p><!-- End: Copyright -->
</div>
</footer><!-- End: Footer Dark -->
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jarallax/1.7.3/jarallax.min.js"></script>
</body>
</html>