UNPKG

uix-kit

Version:

A free web kits for fast web design and development, compatible with Bootstrap v5.

github.com/xizon/uix-kit

153 lines (70 loc) • 4.05 kB
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
<!DOCTYPE html> <html lang="@@{website_lang}" dir="@@{website_dirLTR}"> <head> <meta charset="@@{website_charset}" /> <title>Ajax Page 4 - Content - @@{website_title}</title> @@include('./src/components/_global/include-header.html') </head> <body class="page uix-hidden-scrollbar"> @@include('./src/components/_global/include-loader.html') @@include('./src/components/_global/include-toggle-trigger.html') <div class="uix-wrapper"> <!-- Header Area ============================================= --> <header class="uix-header__container uix-header__container--overlay"> <div class="uix-header"> <div class="container"> @@include('./src/components/_global/include-brand.html') @@include('./src/components/_global/include-menu.html') </div> <!-- .container end --> <div class="uix-clearfix"></div> </div> </header> <main id="uix-maincontent"> <!-- Section Navigation ============================================= --> <ol class="uix-menu-sidefixed"> <li><a href="ajax-content-page-1.html" data-ajax-page="true" data-index="0"><span>01</span><strong>Page 1</strong></a></li> <li><a href="ajax-content-page-2.html" data-ajax-page="true" data-index="1"><span>02</span><strong>Page 2</strong></a></li> <li><a href="ajax-content-page-3.html" data-ajax-page="true" data-index="2"><span>03</span><strong>Page 3</strong></a></li> <li><a href="ajax-content-page-4.html" data-ajax-page="true" data-index="3"><span>04</span><strong>Page 4</strong></a></li> </ol> <!-- Page Container ============================================= --> <div class="uix-ajax-load__fullpage-container"> <div class="uix-ajax-load__loader"><span></span><em id="app-loading" data-txt="{progress}%"></em></div> <section class="uix-height--100 is-mobile-still" style="background: #b5bdc8; background: linear-gradient(to bottom, #b5bdc8 0%,#28343b 100%);"> <!-- ajax container --> <div class="ajax-container" data-ajax-method="GET" data-ajax-page-id="3"> <div class="js-uix-ajax-load__container"> <div class="uix-ajax-load__container"> <!-- Your Special Content Here ========================= --> <div class="container uix-spacing--m"> <div class="row"> <div class="col-md-10 offset-md-1"> <div class="uix-entry__content uix-list uix-list--normal uix-table uix-table--bordered"> <h1>AJAX Content 4</h1> <p>Vestibulum id ligula porta felis euismod semper.</p> <p>Donec id elit non mi porta gravida at eget metus. Vestibulum id ligula porta felis euismod semper.</p> <p>Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Donec id elit non mi porta gravida at eget metus. Vestibulum id ligula porta felis euismod semper.</p> </div> </div> </div> <!-- .row end --> </div> <!-- .container end --> <!-- ========================= --> </div> <!-- /.uix-ajax-load__container --> </div> </div> </section> </div> <!-- /.uix-ajax-load__fullpage-container --> </main> @@include('./src/components/_global/include-copyright.html') </div> <!-- .uix-wrapper end --> @@include('./src/components/_global/include-footer.html')