Skip to content

Commit 0fe8a58

Browse files
kstyagi23kstyagi23
committed
slx Rigel GO
1 parent f5030af commit 0fe8a58

File tree

14 files changed

+865
-328
lines changed

14 files changed

+865
-328
lines changed

‎blankPage.html

-41
This file was deleted.

‎demo/narrow-jumbotron/index.html

+104
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,104 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6+
<meta name="description" content="">
7+
<meta name="author" content="">
8+
<link rel="icon" href="../../../../favicon.ico">
9+
10+
<title>Narrow Jumbotron Template for Bootstrap</title>
11+
12+
<!-- Bootstrap core CSS -->
13+
<link href="../../css/editor.css" rel="stylesheet">
14+
15+
<!-- Custom styles for this template -->
16+
<link href="narrow-jumbotron.css" rel="stylesheet">
17+
18+
<!-- Animate on scroll library -->
19+
<script src="../../libs/aos/aos.js"></script>
20+
<link href="../../libs/aos/aos.css" rel="stylesheet">
21+
<noscript>
22+
<style type="text/css">
23+
[data-aos] {
24+
opacity: 1 !important;
25+
transform: translate(0) scale(1) !important;
26+
}
27+
</style>
28+
</noscript>
29+
</head>
30+
31+
<body>
32+
33+
<header class="header clearfix container" id="top-header" data-aos="zoom-in" data-aos-delay="100">
34+
<div class="container">
35+
<nav>
36+
<ul class="nav nav-pills float-end">
37+
<li class="nav-item">
38+
<a class="nav-link active" href="#">Home <span class="sr-only">(current)</span></a>
39+
</li>
40+
<li class="nav-item">
41+
<a class="nav-link" href="#">About</a>
42+
</li>
43+
<li class="nav-item">
44+
<a class="nav-link" href="#">Contact</a>
45+
</li>
46+
</ul>
47+
</nav>
48+
<h3 class="text-muted">Project name</h3>
49+
</div>
50+
</header>
51+
52+
<section class="jumbotron container bg-light p-4" id="jumbotron">
53+
<div class="container">
54+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="64" height="64" fill="#0d6efd" data-aos="fade-up" data-aos-delay="100" style="fill:var(--bs-blue)">
55+
<path d="M 30.335938 12.546875 L 20.164063 11.472656 L 16 2.132813 L 11.835938 11.472656 L 1.664063 12.546875 L 9.261719 19.394531 L 7.140625 29.398438 L 16 24.289063 L 24.859375 29.398438 L 22.738281 19.394531 Z"></path>
56+
</svg>
57+
58+
<h1 data-aos="fade-up" data-aos-delay="200">Jumbotron heading</h1>
59+
<p class="lead" data-aos="fade-up" data-aos-delay="300">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
60+
61+
<img class="rounded mw-100 my-5" data-aos="fade-up" data-aos-delay="400" src="https://source.unsplash.com/9UVmlIb0wJU/500x500">
62+
<p><a class="btn btn-lg btn-primary" href="#" role="button" data-aos="fade-up" data-aos-delay="100">Sign up today</a></p>
63+
</div>
64+
</section>
65+
66+
<section id="marketing">
67+
<div class="container">
68+
<div class="row marketing">
69+
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="500" data-vvveb-disabled-area>
70+
<h4>Subheading</h4>
71+
<p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p>
72+
73+
<h4>Subheading</h4>
74+
<p data-vvveb-edit-exception>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</p>
75+
76+
<h4>Subheading</h4>
77+
<p>Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
78+
</div>
79+
80+
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="600">
81+
<h4>Subheading</h4>
82+
<p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p>
83+
84+
<h4>Subheading</h4>
85+
<p data-vvveb-disabled>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</p>
86+
87+
<h4>Subheading</h4>
88+
<p>Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
89+
</div>
90+
</div>
91+
</div>
92+
</section>
93+
94+
<footer class="footer" id="page-footer" data-aos="fade-up" data-aos-delay="700">
95+
<div class="container">
96+
<p>© Company 2017</p>
97+
</div>
98+
</footer>
99+
100+
<script>
101+
AOS.init();
102+
</script>
103+
</body>
104+
</html>

‎demo/narrow-jumbotron/scribblex/assets/fonts/demo.html

+192
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,192 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<meta name="robots" content="noindex, noarchive">
8+
<meta name="format-detection" content="telephone=no">
9+
<title>Transfonter demo</title>
10+
<link href="stylesheet.css" rel="stylesheet">
11+
<style>
12+
/*
13+
http://meyerweb.com/eric/tools/css/reset/
14+
v2.0 | 20110126
15+
License: none (public domain)
16+
*/
17+
html, body, div, span, applet, object, iframe,
18+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
19+
a, abbr, acronym, address, big, cite, code,
20+
del, dfn, em, img, ins, kbd, q, s, samp,
21+
small, strike, strong, sub, sup, tt, var,
22+
b, u, i, center,
23+
dl, dt, dd, ol, ul, li,
24+
fieldset, form, label, legend,
25+
table, caption, tbody, tfoot, thead, tr, th, td,
26+
article, aside, canvas, details, embed,
27+
figure, figcaption, footer, header, hgroup,
28+
menu, nav, output, ruby, section, summary,
29+
time, mark, audio, video {
30+
margin: 0;
31+
padding: 0;
32+
border: 0;
33+
font-size: 100%;
34+
font: inherit;
35+
vertical-align: baseline;
36+
}
37+
/* HTML5 display-role reset for older browsers */
38+
article, aside, details, figcaption, figure,
39+
footer, header, hgroup, menu, nav, section {
40+
display: block;
41+
}
42+
body {
43+
line-height: 1;
44+
}
45+
ol, ul {
46+
list-style: none;
47+
}
48+
blockquote, q {
49+
quotes: none;
50+
}
51+
blockquote:before, blockquote:after,
52+
q:before, q:after {
53+
content: '';
54+
content: none;
55+
}
56+
table {
57+
border-collapse: collapse;
58+
border-spacing: 0;
59+
}
60+
/* demo styles */
61+
body {
62+
background: #f0f0f0;
63+
color: #000;
64+
}
65+
.page {
66+
background: #fff;
67+
width: 920px;
68+
margin: 0 auto;
69+
padding: 20px 20px 0 20px;
70+
overflow: hidden;
71+
}
72+
.font-container {
73+
overflow-x: auto;
74+
overflow-y: hidden;
75+
margin-bottom: 40px;
76+
line-height: 1.3;
77+
white-space: nowrap;
78+
padding-bottom: 5px;
79+
}
80+
h1 {
81+
position: relative;
82+
background: #444;
83+
font-size: 32px;
84+
color: #fff;
85+
padding: 10px 20px;
86+
margin: 0 -20px 12px -20px;
87+
}
88+
.letters {
89+
font-size: 25px;
90+
margin-bottom: 20px;
91+
}
92+
.s10:before {
93+
content: '10px';
94+
}
95+
.s11:before {
96+
content: '11px';
97+
}
98+
.s12:before {
99+
content: '12px';
100+
}
101+
.s14:before {
102+
content: '14px';
103+
}
104+
.s18:before {
105+
content: '18px';
106+
}
107+
.s24:before {
108+
content: '24px';
109+
}
110+
.s30:before {
111+
content: '30px';
112+
}
113+
.s36:before {
114+
content: '36px';
115+
}
116+
.s48:before {
117+
content: '48px';
118+
}
119+
.s60:before {
120+
content: '60px';
121+
}
122+
.s72:before {
123+
content: '72px';
124+
}
125+
.s10:before, .s11:before, .s12:before, .s14:before,
126+
.s18:before, .s24:before, .s30:before, .s36:before,
127+
.s48:before, .s60:before, .s72:before {
128+
font-family: Arial, sans-serif;
129+
font-size: 10px;
130+
font-weight: normal;
131+
font-style: normal;
132+
color: #999;
133+
padding-right: 6px;
134+
}
135+
pre {
136+
display: block;
137+
padding: 9px;
138+
margin: 0 0 12px;
139+
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
140+
font-size: 13px;
141+
line-height: 1.428571429;
142+
color: #333;
143+
font-weight: normal;
144+
font-style: normal;
145+
background-color: #f5f5f5;
146+
border: 1px solid #ccc;
147+
overflow-x: auto;
148+
border-radius: 4px;
149+
}
150+
/* responsive */
151+
@media (max-width: 959px) {
152+
.page {
153+
width: auto;
154+
margin: 0;
155+
}
156+
}
157+
</style>
158+
</head>
159+
<body>
160+
<div class="page">
161+
<div class="demo">
162+
<h1 style="font-family: 'Samarkan'; font-weight: normal; font-style: normal;">Samarkan Normal</h1>
163+
<pre title="Usage">.your-style {
164+
font-family: 'Samarkan';
165+
font-weight: normal;
166+
font-style: normal;
167+
}</pre>
168+
<pre title="Preload (optional)">
169+
&lt;link rel=&quot;preload&quot; href=&quot;SamarkanNormal.woff2&quot; as=&quot;font&quot; type=&quot;font/woff2&quot; crossorigin&gt;</pre>
170+
<div class="font-container" style="font-family: 'Samarkan'; font-weight: normal; font-style: normal;">
171+
<p class="letters">
172+
abcdefghijklmnopqrstuvwxyz<br>
173+
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
174+
0123456789.:,;()*!?'@#&lt;&gt;$%&^+-=~
175+
</p>
176+
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
177+
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
178+
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
179+
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
180+
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
181+
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
182+
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
183+
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
184+
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
185+
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
186+
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
187+
</div>
188+
</div>
189+
190+
</div>
191+
</body>
192+
</html>

‎demo/narrow-jumbotron/scribblex/assets/fonts/stylesheet.css

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
@font-face {
2+
font-family: 'Samarkan';
3+
src: url('SamarkanNormal.eot');
4+
src: url('SamarkanNormal.eot?#iefix') format('embedded-opentype'),
5+
url('SamarkanNormal.woff2') format('woff2'),
6+
url('SamarkanNormal.woff') format('woff'),
7+
url('SamarkanNormal.ttf') format('truetype'),
8+
url('SamarkanNormal.svg#SamarkanNormal') format('svg');
9+
font-weight: normal;
10+
font-style: normal;
11+
font-display: swap;
12+
}
13+

0 commit comments

Comments
 (0)