-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathquick-start.html
153 lines (151 loc) · 5.04 KB
/
quick-start.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
142
143
144
145
146
147
148
149
150
151
152
153
---
title: QuickStart
desc: openRAP QuickStart
layout: default
allowSearch: true
scroll: true
---
<div>
<!--Banner-->
<div class="position-relative text-center">
<img
src="/assets/images/bg/about-banner.png"
class="img-fluid col-12 p-0"
alt="openRAP QuickStart"
/>
<div class="position-absolute text-center BannerQ">
<h2>Let’s get you started.</h2>
<p>Getting started is easy. We’ve got you covered.</p>
</div>
<div class="QBanner">
<a
href="#"
class="position-absolute video-button align-items-center d-flex"
>
<div class="play-btn"><i class="fa fa-play"></i></div>
<div class=""><h6 class="m-0 pl-pr-9">Here’s a video tutorial</h6></div>
</a>
</div>
</div>
<!--/Banner-->
<!-- timeline Section -->
<div class="container timeline mt-30 mb-30">
<div class="row">
<nav class="col-sm-1 col-2 pl-30" id="myScrollspy">
<ul class="nav nav-pills flex-column">
<li class="nav-item">
<a class="nav-link active" href="#section1"
><div class="timeline-badge text-center font-bold">1</div></a
>
</li>
<li class="nav-item">
<a class="nav-link" href="#section2"
><div class="timeline-badge text-center font-bold">2</div></a
>
</li>
<li class="nav-item">
<a class="nav-link" href="#section3"
><div class="timeline-badge text-center font-bold">3</div></a
>
</li>
<li class="nav-item">
<a class="nav-link" href="#section4"
><div class="timeline-badge text-center font-bold">4</div></a
>
</li>
</ul>
</nav>
<div class="col-sm-11 col-10">
<div id="section1" class="timeline-section">
<div class="content">
<div class="row pt-40 ">
<div class="col-md-4 text-left">
<p class="step mb-20">Step 1</p>
<h4 class="font-bold">Get the Device</h4>
<p>
You’ll need the openRAP device to get started. Reach out to us
by email or call.
</p>
<a class="know-more" href="#">Know More ></a>
</div>
<div class="col-md-8 text-center">
<img
src="/assets/images/device/get-the-device.png"
class="img-fluid"
alt="Get the Device"
/>
</div>
</div>
</div>
</div>
<div id="section2" class="timeline-section">
<div class="content">
<div class="row pt-40">
<div class="col-md-4 text-left">
<p class="step mb-20">Step 2</p>
<h4 class="font-bold">Set it up</h4>
<p>
You’ll have to configure the device to be able to use it with
your application.
</p>
<a class="know-more" href="#">Know More ></a>
</div>
<div class="col-md-8 text-center">
<img
src="/assets/images/graphics/set-it-up.png"
class="img-fluid"
alt="Set it up"
/>
</div>
</div>
</div>
</div>
<div id="section3" class="timeline-section">
<div class="content">
<div class="row pt-40">
<div class="col-md-4 text-left">
<p class="step mb-20">Step 3</p>
<h4 class="font-bold">And you're done!</h4>
<p>
You can now manage content and monitor the network usage via
the Admin Dashboard.
</p>
<a class="know-more" href="#">Know More ></a>
</div>
<div class="col-md-8 text-center">
<img
src="/assets/images/graphics/and-your-done.png"
class="img-fluid"
alt="And you're done"
/>
</div>
</div>
</div>
</div>
<div id="section4" class="section">
<div class="content">
<div class="row pt-40">
<div class="col-md-4 text-left">
<p class="step mb-20">Step 4</p>
<h4 class="font-bold">Get the Device</h4>
<p>
You’ll need the openRAP device to get started. Reach out to us
by email or call.
</p>
<a class="know-more" href="#">Know More ></a>
</div>
<div class="col-md-8 text-center">
<img
src="/assets/images/device/get-the-device.png"
class="img-fluid"
alt="Get the Device"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /timeline Section -->
</div>