-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
executable file
·141 lines (141 loc) · 8.57 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="Your mobile Conroe ISD companion." />
<meta name="author" content="" />
<title>Edforma</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.png" />
<!-- Bootstrap icons-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body>
<!-- Responsive navbar-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container px-5">
<a class="navbar-brand" href="#!"><img src="assets/edforma-title.png" alt="Edforma" style="max-width: 100%; height: 100%"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link active" aria-current="page" href="#!">Home</a></li>
<li class="nav-item"><a class="nav-link" href="gallery.html">Gallery</a></li>
<li class="nav-item"><a class="nav-link" href="mailto:[email protected]">Contact Us</a></li>
<li class="nav-item"><a class="nav-link bi bi-github" href="https://github.com/Edforma"></a></li>
</ul>
</div>
</div>
</nav>
<!-- Header-->
<header class="bg-dark py-5">
<div class="container px-5">
<div class="row gx-5 justify-content-center">
<div class="col-lg-6">
<div class="text-center my-5">
<h1 class="display-5 fw-bolder text-white mb-2">Edforma</h1>
<p class="lead text-white-50 mb-4">Your mobile Conroe ISD companion.</p>
<div class="justify-content-sm-center app-icons">
<a href="https://apps.apple.com/us/app/edforma/id1639822575?itsct=apps_box_badge&itscg=30200">
<img
class="apple"
src="https://tools.applemediaservices.com/api/badges/download-on-the-app-store/black/en-us?size=250x83&releaseDate=1684800000"
alt="Download on the App Store">
</a>
<a href='https://play.google.com/store/apps/details?id=app.edforma.edforma&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1'>
<img
class="android"
alt='Get it on Google Play'
src='https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png' />
</a>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Features section-->
<section class="py-5 border-bottom" id="features">
<div class="container px-5 my-5">
<div class="row gx-5">
<div class="col-lg-4 mb-5 mb-lg-0">
<div class="feature bg-primary bg-gradient text-white rounded-3 mb-3"><i class="bi bi-code-slash"></i></div>
<h2 class="h4 fw-bolder">Open-source</h2>
<p>Edforma is open-source friendly! We publish some of our backend code so you can make your own projects.</p>
<a class="text-decoration-none" href="https://github.com/Edforma">
Visit the GitHub page
<i class="bi bi-arrow-right"></i>
</a>
</div>
<div class="col-lg-4 mb-5 mb-lg-0">
<div class="feature bg-primary bg-gradient text-white rounded-3 mb-3"><i class="bi bi-eye"></i></div>
<h2 class="h4 fw-bolder">Beautiful</h2>
<p>Edforma features a beautiful user interface, made with the Argon Design System.
</p>
<a class="text-decoration-none" href="gallery.html">
Take a look
<i class="bi bi-arrow-right"></i>
</a>
</div>
<div class="col-lg-4">
<div class="feature bg-primary bg-gradient text-white rounded-3 mb-3"><i class="bi bi-toggles2"></i></div>
<h2 class="h4 fw-bolder">Easy to use</h2>
<p>Edforma provides an easy to use design, that makes sure you</p>
<a class="text-decoration-none" href="https://testflight.edforma.app">
Try it
<i class="bi bi-arrow-right"></i>
</a>
</div>
</div>
</div>
</section>
<!-- Testimonials section-->
<section class="py-5 border-bottom">
<div class="container px-5 my-5 px-5">
<div class="text-center mb-5">
<h2 class="fw-bolder">Student testimonials</h2>
<p class="lead mb-0">See what students have to say about Edforma<p>
</div>
<div class="row gx-5 justify-content-center">
<div class="col-lg-6">
<!-- Testimonial 1-->
<div class="card mb-4">
<div class="card-body p-4">
<div class="d-flex">
<div class="flex-shrink-0"><i class="bi bi-chat-right-quote-fill text-primary fs-1"></i></div>
<div class="ms-4">
<p class="mb-1">Edforma is a simple easy-to-use app that combines all the elements of the Student Access Center in an aesthetically pleasing customizable front. It’s smooth and light, making a great alternative to the heavy, blocky SAC that’s just difficult to navigate. Edforma is my #1 choice for checking grades, missing assignments, lunch money, tardies, and many more!</p>
<div class="small text-muted">- Mick G.</div>
</div>
</div>
</div>
</div>
<!-- Testimonial 2
<div class="card">
<div class="card-body p-4">
<div class="d-flex">
<div class="flex-shrink-0"><i class="bi bi-chat-right-quote-fill text-primary fs-1"></i></div>
<div class="ms-4">
<p class="mb-1">The whole team was a huge help with putting things together for our company and brand. We will be hiring them again in the near future for additional work!</p>
<div class="small text-muted">- Client Name, Location</div>
</div>
</div>
</div>
</div> -->
</div>
</div>
</div>
</section>
<!-- Footer-->
<footer class="py-5 bg-dark">
<div class="container px-5"><p class="m-0 text-center text-white">Copyright © Edforma 2022.</p></div>
<div class="container px-5"><p class="m-0 text-center text-muted">Google Play and the Google Play logo are trademarks of Google LLC.</p></div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>