-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
109 lines (109 loc) · 3.75 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>magemanaged</title>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, viewport-fit=cover"
/>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
crossorigin="anonymous"
/>
<link rel="icon" type="image/x-icon" href="/assets/images/favicon.ico" />
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css"
/>
<link rel="stylesheet" href="./style/main.css" />
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark py-3 fixed-top">
<div class="container">
<a href="#main">
<img class="nav-brand" src="./assets/mm_logo_full.svg" />
</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navmenu"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navmenu">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a href="#details" class="nav-link font-weight-bold"
>How it works</a
>
</li>
<li class="nav-item">
<a href="#integrations" class="nav-link text-lg-start"
>Current integrations</a
>
</li>
<li class="nav-item">
<a href="#download" class="nav-link">Download</a>
</li>
<li class="nav-item">
<a href="#demo" class="nav-link">Try the demo</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="content">
<section id="main">
<div class="hero">
<div class="block1"></div>
<div class="block2"></div>
<section
class="text-light p-5 p-lg-0 text-center text-sm-start align-items-center d-sm-flex"
>
<div class="container">
<div
class="d-sm-flex align-items-center align-center justify-content-between"
>
<div class="mt-5 mt-sm-0">
<h1>Manage the <span class="mgc-color">Magic</span></h1>
<p class="lead my-4">
Providing a single platform for the management of workplace
employees and assets available to organizations utilizing
Azure AD. Integrations available allowing for streamlined
and action based automations through REST APIs across
different software services.
</p>
<button
class="btn btn-primary btn-lg rnd-btn"
data-bs-toggle="modal"
data-bs-target="#enroll"
>
Try the demo
</button>
</div>
<img
class="img-fluid w-50 d-none d-sm-block"
src="img/showcase.svg"
alt=""
/>
</div>
</div>
</section>
</div>
</section>
<section id="details"></section>
<section id="integrations"></section>
<section id="download"></section>
<section id="demo"></section>
</div>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"
></script>
</body>
</html>