Skip to content

Commit 5ec7cf7

Browse files
author
Manu
committed
- Added static docs
1 parent 4fd4229 commit 5ec7cf7

2 files changed

Lines changed: 255 additions & 0 deletions

File tree

‎Documentation/documentation.html‎

Lines changed: 255 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,255 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta
6+
name="viewport"
7+
content="width=device-width, initial-scale=1, shrink-to-fit=no"
8+
/>
9+
<link
10+
rel="apple-touch-icon"
11+
sizes="76x76"
12+
href="../public/apple-icon.png"
13+
/>
14+
<link rel="icon" type="image/png" href="../public/favicon.ico" />
15+
<title>
16+
BLK Design System React by Creative Tim - Components Documentation
17+
</title>
18+
<!-- Fonts and icons -->
19+
<link
20+
href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,600,700,800"
21+
rel="stylesheet"
22+
/>
23+
<link
24+
href="https://use.fontawesome.com/releases/v5.0.6/css/all.css"
25+
rel="stylesheet"
26+
/>
27+
<!-- Nucleo Icons -->
28+
<link href="../src/assets/css/nucleo-icons.css" rel="stylesheet" />
29+
<!-- CSS Files -->
30+
<link
31+
href="../src/assets/css/blk-design-system-react.min.css?v=1.0.0"
32+
rel="stylesheet"
33+
/>
34+
<!-- CSS Just for demo purpose, don't include it in your project -->
35+
<link href="../src/assets/demo/demo.css" rel="stylesheet" />
36+
<style>
37+
.offline-doc .page-header {
38+
min-height: 100vh;
39+
max-height: 999px;
40+
padding: 0;
41+
color: #ffffff;
42+
position: relative;
43+
}
44+
.offline-doc .page-header .page-header-image {
45+
position: absolute;
46+
background-size: cover;
47+
background-position: center center;
48+
width: 100%;
49+
height: 100%;
50+
z-index: -1;
51+
}
52+
.offline-doc .page-header .content-center {
53+
position: absolute;
54+
top: 50%;
55+
left: 50%;
56+
z-index: 2;
57+
-ms-transform: translate(-50%, -50%);
58+
-webkit-transform: translate(-50%, -50%);
59+
transform: translate(-50%, -50%);
60+
text-align: center;
61+
color: #ffffff;
62+
padding: 0 15px;
63+
width: 100%;
64+
max-width: 880px;
65+
}
66+
.offline-doc .page-header footer {
67+
position: absolute;
68+
bottom: 0;
69+
width: 100%;
70+
}
71+
.offline-doc .page-header .container {
72+
height: 100%;
73+
z-index: 1;
74+
}
75+
.offline-doc .page-header .category,
76+
.offline-doc .page-header .description {
77+
color: rgba(255, 255, 255, 0.8);
78+
}
79+
.offline-doc .page-header.page-header-small {
80+
min-height: 60vh;
81+
max-height: 440px;
82+
}
83+
.offline-doc .page-header.page-header-mini {
84+
min-height: 40vh;
85+
max-height: 340px;
86+
}
87+
.offline-doc .page-header .title {
88+
margin-bottom: 15px;
89+
}
90+
.offline-doc .page-header .title + h4 {
91+
margin-top: 10px;
92+
}
93+
.offline-doc .page-header:after,
94+
.offline-doc .page-header:before {
95+
position: absolute;
96+
z-index: 0;
97+
width: 100%;
98+
height: 100%;
99+
display: block;
100+
left: 0;
101+
top: 0;
102+
content: "";
103+
}
104+
.offline-doc .page-header:before {
105+
background-color: rgba(0, 0, 0, 0.8);
106+
}
107+
</style>
108+
</head>
109+
110+
<body class="offline-doc">
111+
<!-- Navbar -->
112+
<nav class="navbar navbar-expand-lg navbar-absolute navbar-transparent">
113+
<div class="container">
114+
<div class="navbar-wrapper">
115+
<div class="navbar-toggle d-inline">
116+
<button type="button" class="navbar-toggler">
117+
<span class="navbar-toggler-bar bar1"></span>
118+
<span class="navbar-toggler-bar bar2"></span>
119+
<span class="navbar-toggler-bar bar3"></span>
120+
</button>
121+
</div>
122+
<a class="navbar-brand" href="javascript:void(0)"
123+
>BLK Design System React</a
124+
>
125+
</div>
126+
<button
127+
class="navbar-toggler"
128+
type="button"
129+
data-toggle="collapse"
130+
data-target="#navigation"
131+
aria-expanded="false"
132+
aria-label="Toggle navigation"
133+
>
134+
<span class="navbar-toggler-bar navbar-kebab"></span>
135+
<span class="navbar-toggler-bar navbar-kebab"></span>
136+
<span class="navbar-toggler-bar navbar-kebab"></span>
137+
</button>
138+
<div class="collapse navbar-collapse" id="navigation">
139+
<ul class="navbar-nav ml-auto">
140+
<li class="nav-item">
141+
<a
142+
class="nav-link"
143+
href="https://github.com/creativetimofficial/blk-design-system-react"
144+
target="_blank"
145+
>
146+
Help with a star
147+
</a>
148+
</li>
149+
</ul>
150+
</div>
151+
</div>
152+
</nav>
153+
<div
154+
class="modal modal-search fade"
155+
id="searchModal"
156+
tabindex="-1"
157+
role="dialog"
158+
aria-labelledby="searchModal"
159+
aria-hidden="true"
160+
>
161+
<div class="modal-dialog" role="document">
162+
<div class="modal-content">
163+
<div class="modal-header">
164+
<input
165+
type="text"
166+
class="form-control"
167+
id="inlineFormInputGroup"
168+
placeholder="SEARCH"
169+
/>
170+
<button
171+
type="button"
172+
class="close"
173+
data-dismiss="modal"
174+
aria-label="Close"
175+
>
176+
<i class="tim-icons icon-simple-remove"></i>
177+
</button>
178+
</div>
179+
</div>
180+
</div>
181+
</div>
182+
<!-- End Navbar -->
183+
<div class="page-header clear-filter">
184+
<div
185+
class="page-header-image"
186+
style="background-image: url('../src/assets/img/img_3115.jpg');"
187+
></div>
188+
<div class="content-center">
189+
<div class="col-md-8 ml-auto mr-auto">
190+
<div class="brand">
191+
<h1 class="title">BLK Design System React</h1>
192+
<h3 class="description">Documentation v1.0.0</h3>
193+
<br />
194+
<a
195+
href="https://demos.creative-tim.com/blk-design-system-react/#/documentation/tutorial"
196+
class="btn btn-primary btn-round btn-lg"
197+
>View documentation</a
198+
>
199+
</div>
200+
</div>
201+
</div>
202+
</div>
203+
<footer class="footer">
204+
<div class="container">
205+
<div class="row">
206+
<div class="col-md-3">
207+
<h1 class="title">BLK• React</h1>
208+
</div>
209+
<div class="col-md-3">
210+
<ul class="nav">
211+
<li class="nav-item">
212+
<a href="https://creative-tim.com/contact-us?ref=blkdsr-static-docs-footer" class="nav-link">
213+
Contact Us
214+
</a>
215+
</li>
216+
<li class="nav-item">
217+
<a href="https://creative-tim.com/about-us?ref=blkdsr-static-docs-footer" class="nav-link">
218+
About Us
219+
</a>
220+
</li>
221+
<li class="nav-item">
222+
<a href="https://creative-tim.com/blog?ref=blkdsr-static-docs-footer" class="nav-link">
223+
Blog
224+
</a>
225+
</li>
226+
<li class="nav-item">
227+
<a href="https://opensource.org/licenses/MIT" class="nav-link">
228+
License
229+
</a>
230+
</li>
231+
</ul>
232+
</div>
233+
<div class="col-md-3">
234+
<h3 class="title">Follow us:</h3>
235+
<div class="btn-wrapper profile">
236+
<a target="_blank" href="https://twitter.com/creativetim" class="btn btn-icon btn-neutral btn-round btn-simple" data-toggle="tooltip" data-original-title="Follow us">
237+
<i class="fab fa-twitter"></i>
238+
</a>
239+
<a target="_blank" href="https://www.facebook.com/creativetim" class="btn btn-icon btn-neutral btn-round btn-simple" data-toggle="tooltip" data-original-title="Like us">
240+
<i class="fab fa-facebook-square"></i>
241+
</a>
242+
<a target="_blank" href="https://dribbble.com/creativetim" class="btn btn-icon btn-neutral btn-round btn-simple" data-toggle="tooltip" data-original-title="Follow us">
243+
<i class="fab fa-dribbble"></i>
244+
</a>
245+
</div>
246+
</div>
247+
</div>
248+
</div>
249+
</footer>
250+
<!-- Core JS Files -->
251+
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
252+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
253+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
254+
</body>
255+
</html>

‎src/assets/img/img_3115.jpg‎

34.6 KB
Loading

0 commit comments

Comments
 (0)