2222 < link rel ="stylesheet " href ="assets/font-awesome/css/all.min.css " type ="text/css " />
2323 < link rel ="stylesheet " href ="assets/app/css/app.css " type ="text/css " />
2424 < link rel ="stylesheet " href ="assets/app/css/edit.css " type ="text/css " />
25-
25+ < link rel =" stylesheet " href =" assets/app/css/custom.css " type =" text/css " />
2626 <!--[if lt IE 9]>
2727 <script type="text/javascript" src="assets/app/js/html5shiv.min.js"></script>
2828 <script type="text/javascript" src="assets/app/js/respond.min.js"></script>
3434 < div id ="page " class ="hfeed site ">
3535 < header id ="masthead " class ="site-header " role ="banner ">
3636 < div class ="container ">
37-
37+
3838 < nav id ="navbar " class ="site-navigation navbar navbar-expand-lg navbar-light ">
39- < div id ="logo " class ="navbar-brand brand site-logo text-center ">
40- < a href ="index.html " rel ="home ">
41- < img src ="assets/img/logo.png " alt ="NowKnow | Knowledge Base HTML Template " />
42- </ a >
43- </ div > <!-- #logo -->
39+ < div id ="logo " class ="navbar-brand brand site-logo text-start ">
40+ < a href ="index.html " rel ="home ">
41+ < img src ="assets/img/logo.png " alt ="NowKnow | Knowledge Base HTML Template " />
42+ </ a >
43+ </ div > <!-- #logo -->
4444
45- < button style ="float: right;margin: 10px; " class ="navbar-toggler custom-toggler " type ="button " data-toggle ="collapse " data-target ="#navbarSupportedContent " aria-controls ="navbarSupportedContent " aria-expanded ="false " aria-label ="Toggle navigation ">
45+ < button style ="float: right;margin: 10px; " class ="navbar-toggler custom-toggler " type ="button " data-bs- toggle ="collapse " data-bs -target ="#navbarSupportedContent " aria-controls ="navbarSupportedContent " aria-expanded ="false " aria-label ="Toggle navigation ">
4646 < span class ="navbar-toggler-icon "> </ span >
4747 </ button > <!-- collapse -->
4848
49- < div class ="collapse navbar-collapse links " id ="navbarSupportedContent ">
49+
50+ < span class ="switcher-toggle m-none " onclick ="myFunction() ">
51+ < span class ="icon "> </ span >
52+ </ span >
53+ < div class ="collapse navbar-collapse links justify-content-end " id ="navbarSupportedContent ">
5054 < ul class ="navbar-nav navbar-menu site-navigate ml-auto ">
5155 < li class ="nav-item ">
52- < a class ="nav-link " href ="index.html "> Home < span class =" sr-only " > (current) </ span > </ a >
56+ < a class ="nav-link " href ="index.html "> Home</ a >
5357 </ li >
5458 < li class ="nav-item "> < a class ="nav-link " href ="faq.html "> FAQ</ a > </ li >
5559
8185 </ ul >
8286 </ li >
8387 < li class ="nav-item dropdown active ">
84- < a class ="dropdown-toggle nav-link " href ="# " id ="navbarDropdown " role ="button " data-toggle ="dropdown " aria-haspopup ="true " aria-expanded ="false "> Pages</ a >
88+ < a class ="dropdown-toggle nav-link " href ="# " id ="navbarDropdown " role ="button " data-toggle ="dropdown " aria-haspopup ="true " aria-expanded ="false "> Pages < span class =" sr-only " > (current) </ span > </ a >
8589 < ul class ="dropdown-menu " aria-labelledby ="navbarDropdown ">
8690 < li > < a class ="dropdown-item " href ="contact.html "> Contact</ a > </ li >
87- < li class =" active " > < a class ="dropdown-item " href ="404.html "> 404</ a > </ li >
91+ < li > < a class ="dropdown-item active " href ="404.html "> 404</ a > </ li >
8892 </ ul >
8993 </ li >
9094 < li class ="nav-item navbar-login d-md-none d-sm-none d-none d-lg-block ">
9195 < a href ="# " class ="nav-link collapsed " data-toggle ="collapse " data-target ="#login-form "> Login < i class ="sub-indicator fa fa-chevron-circle-down fa-fw text-muted "> </ i >
9296 </ a >
9397 </ li >
9498 </ ul > <!-- .navbar-menu -->
99+
100+ < span class ="switcher-toggle desk_none " onclick ="myFunction() ">
101+ < span class ="icon "> </ span >
102+ </ span >
103+
95104 </ div >
105+
96106
97107 < ul class ="nav navbar-nav navbar-login d-lg-none ">
98108 < li class ="nav-item "> < a href ="# " class ="collapsed " data-toggle ="collapse " data-target ="#login-form "> Login < i class ="sub-indicator fa fa-chevron-circle-down fa-fw text-muted "> </ i > </ a > </ li >
107117 < div class ="form-group ">
108118 < input type ="password " class ="form-control " id ="password " title ="Password " placeholder ="Password " />
109119 </ div >
110- < ul class ="list-unstyled float-left ">
120+ < ul class ="list-unstyled float-start ">
111121 < li > < a href ="# "> Lost password?</ a > </ li >
112122 < li > < a href ="# "> Create Account</ a > </ li >
113123 </ ul >
114- < button type ="submit " class ="btn btn-custom float-right "> Login</ button >
124+ < button type ="submit " class ="btn btn-custom float-end "> Login</ button >
115125 </ form > <!-- #login-form -->
116126 </ div >
117127
@@ -226,9 +236,9 @@ <h2 class="entry-title text-muted">We are sorry, but the page you are looking fo
226236 < footer id ="colophon " class ="site-footer " role ="contentinfo ">
227237 < div class ="container ">
228238
229- < div id ="tweets-list " class ="twitterbar carousel slide " data-ride ="carousel ">
239+ < div id ="tweets-list " class ="twitterbar carousel slide clearfix " data-bs -ride ="carousel ">
230240 < div id ="" class ="tweets-border ">
231- < div class ="tweets list-unstyled carousel-inner pull-left float-left ">
241+ < div class ="tweets list-unstyled carousel-inner float-start ">
232242 < div class ="carousel-item active ">
233243 < span > RT < a href ="http://twitter.com/ikohandriyat " target ="_blank "> @ikohandriyat</ a > : Tak enteni sam < a href ="http://twitter.com/Arema_TV " target ="_blank "> @Arema_TV</ a > : SEGERA! Akan hadir televisi online tentang Arema dan Aremania.</ span >
234244 < small class ="meta "> < a href ="https://twitter.com/arema_tv/statuses/344031863003807745 " class ="text-muted "> about 5 months ago</ a > </ small >
@@ -250,22 +260,27 @@ <h2 class="entry-title text-muted">We are sorry, but the page you are looking fo
250260 < small class ="meta "> < a href ="https://twitter.com/arema_tv/statuses/344003650567409664 " class ="text-muted "> about 5 months ago</ a > </ small >
251261 </ div >
252262 </ div > <!-- .tweets -->
253- < a href ="# " class ="follow-button btn btn-custom btn-lg pull-right float-right "> Follow</ a >
263+ < a href ="# " class ="follow-button btn btn-custom btn-lg pull-right float-end "> Follow</ a >
254264 </ div > <!-- #tweets-list -->
255- < div class ="tweets-icon pull-left text-right ">
265+ < div class ="tweets-icon float-start text-end ">
256266 < i class ="fab fa-twitter fa-2x text-primary "> </ i >
257267 </ div > <!-- .tweets-icon -->
258- < ul class ="tweets-control list-inline pull-right float-right mt-1 ">
259- < li class ="list-inline-item "> < a href ="#tweets-list " class ="btn btn-social " data-slide ="prev "> < i class ="fas fa-arrow-left fa-fw "> </ i > </ a > </ li >
260- < li class ="list-inline-item "> < a href ="#tweets-list " class ="btn btn-social " data-slide ="next "> < i class ="fas fa-arrow-right fa-fw "> </ i > </ a > </ li >
268+ < ul class ="tweets-control list-inline pull-right float-end mt-1 ">
269+
270+
271+
272+ < li class ="list-inline-item ">
273+ < a class ="btn btn-social carousel-control-prev " data-bs-target ="#tweets-list " data-bs-slide ="prev "> < i class ="fas fa-arrow-left fa-fw "> </ i > </ a > </ li >
274+ < li class ="list-inline-item carousel-control-next ">
275+ < a class ="btn btn-social carousel-control-prev " data-bs-target ="#tweets-list " data-bs-slide ="next "> < i class ="fas fa-arrow-right fa-fw "> </ i > </ a > </ li >
261276 </ ul > <!-- .tweets-control -->
262277 </ div > <!-- .twitterbar -->
263278
264279 < div class ="row ">
265280 < div class ="col-md-4 ">
266281 < div class ="widget-area ">
267282 < section id ="section-about " class ="section ">
268- < h2 class ="section-title h4 clearfix "> About NowKnow</ h2 >
283+ < h2 class ="section-title h4 clearfix "> About NowKnow < i class =" line " > </ i > </ h2 >
269284 < div class ="textwidget ">
270285 < p > Vestibulum id velit cursus tortor tincidunt semper. Duis tempor, est eu pretium condimentum, mauris nunc tempus purus, eu dictum mi nibh sed arcu.</ p >
271286 < p > Vivamus sagittis vestibulum nisl, eu pellentesque nibh. Duis tincidunt congue sapien id adipiscing. Phasellus varius, magna a cursus aliquet, lectus felis sodales orci, a bibendum orci ipsum id libero.</ p >
@@ -277,24 +292,24 @@ <h2 class="section-title h4 clearfix">About NowKnow</h2>
277292 < div class ="col-md-4 ">
278293 < div class ="widget-area ">
279294 < section id ="section-latest-news " class ="section ">
280- < h2 class ="section-title h4 clearfix "> Latest News</ h2 >
295+ < h2 class ="section-title h4 clearfix "> Latest News < i class =" line " > </ i > </ h2 >
281296 < ul class ="media-list ">
282297 < li class ="media ">
283- < a class ="pull-left " href ="# "> < img src ="assets/img/file0001546486643-50x50.jpg " alt ="" width ="50 " height ="50 " class ="media-object mr-3 " /> </ a >
298+ < a class ="float-start " href ="# "> < img src ="assets/img/file0001546486643-50x50.jpg " alt ="" width ="50 " height ="50 " class ="media-object mr-3 " /> </ a >
284299 < div class ="media-body ">
285300 < h4 class ="media-heading h5 "> < a href ="# "> Aliquam Rhoncus Quis Mi Nec Sodales</ a > </ h4 >
286301 < small class ="text-muted "> < i class ="far fa-calendar fa-fw "> </ i > October 22, 2013</ small >
287302 </ div >
288303 </ li >
289304 < li class ="media mt-4 ">
290- < a class ="pull-left " href ="# "> < img src ="assets/img/file1481297121044-50x50.jpg " alt ="" width ="50 " height ="50 " class ="media-object mr-3 " /> </ a >
305+ < a class ="float-start " href ="# "> < img src ="assets/img/file1481297121044-50x50.jpg " alt ="" width ="50 " height ="50 " class ="media-object mr-3 " /> </ a >
291306 < div class ="media-body ">
292307 < h4 class ="media-heading h5 "> < a href ="# "> Ut Elementum Nisi Et Congue Facilisis</ a > </ h4 >
293308 < small class ="text-muted "> < i class ="far fa-calendar fa-fw "> </ i > October 22, 2013</ small >
294309 </ div >
295310 </ li >
296311 < li class ="media mt-4 ">
297- < a class ="pull-left " href ="# "> < img src ="assets/img/file000250130279-50x50.jpg " alt ="" width ="50 " height ="50 " class ="media-object mr-3 " /> </ a >
312+ < a class ="float-start " href ="# "> < img src ="assets/img/file000250130279-50x50.jpg " alt ="" width ="50 " height ="50 " class ="media-object mr-3 " /> </ a >
298313 < div class ="media-body ">
299314 < h4 class ="media-heading h5 "> < a href ="# "> Proin Quis Fermentum Massa</ a > </ h4 >
300315 < small class ="text-muted "> < i class ="far fa-calendar fa-fw "> </ i > October 22, 2013</ small >
@@ -308,7 +323,7 @@ <h4 class="media-heading h5"><a href="#">Proin Quis Fermentum Massa</a></h4>
308323 < div class ="col-md-4 ">
309324 < div class ="widget-area ">
310325 < section id ="section-newsletter " class ="section ">
311- < h2 class ="section-title h4 clearfix "> Get Updates</ h2 >
326+ < h2 class ="section-title h4 clearfix "> Get Updates < i class =" line " > </ i > </ h2 >
312327 < div class ="textwidget ">
313328 < p > Vivamus suscipit dictum orci in imperdiet. Nulla ut lacus nibh. Vivamus quis adipiscing libero, egestas sodales nulla. Nullam ut erat nisi.</ p >
314329 < form action ="" method ="post ">
@@ -325,15 +340,15 @@ <h2 class="section-title h4 clearfix">Get Updates</h2>
325340 </ div >
326341
327342 < div class ="clearfix "> </ div >
328- < hr />
343+ <!-- < hr /> -- >
329344 </ div >
330345
331346 < div class ="row bord ">
332347 < div class ="site-info col-md-6 ">
333348 < p class ="text-muted "> Copyright © 2013 < a href ="# "> NowKnow</ a > . All Rights Reserved.</ p >
334349 </ div > <!-- .site-info -->
335350
336- < div class ="site-social text-right col-md-6 ">
351+ < div class ="site-social text-end col-md-6 ">
337352 < ul class ="list-inline hidden-print ">
338353 < li class ="list-inline-item "> < a href ="# " class ="btn btn-social btn-facebook "> < i class ="fab fa-facebook-f fa-fw "> </ i > </ a > </ li >
339354 < li class ="list-inline-item "> < a href ="# " class ="btn btn-social btn-twitter "> < i class ="fab fa-twitter fa-fw "> </ i > </ a > </ li >
@@ -356,8 +371,15 @@ <h2 class="section-title h4 clearfix">Get Updates</h2>
356371 </ div > <!-- #page -->
357372
358373 <!-- Script -->
359- < script type ="text/javascript " src ="assets/app/js/jquery-3.4.1.min.js "> </ script >
360- < script type ="text/javascript " src ="assets/bootstrap/js/bootstrap.min.js "> </ script >
374+ <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script> -->
375+ <!-- <script type="text/javascript" src="assets/app/js/jquery-3.4.1.min.js"></script> -->
376+
377+ < script type ="text/javascript " src ="assets/app/js/jquery.min.js "> </ script >
378+
379+ < script type ="text/javascript " src ="assets/app/js/popper.min.js "> </ script >
380+
381+ < script type ="text/javascript " src ="assets/app/js/bootstrap.bundle.min.js "> </ script >
382+ < script type ="text/javascript " src ="assets/app/js/custom.js "> </ script >
361383 < script type ="text/javascript " src ="assets/app/js/superfish.js "> </ script >
362384 < script type ="text/javascript " src ="assets/app/js/jquery.mobilemenu.js "> </ script >
363385 < script type ="text/javascript " src ="assets/app/js/autocomplete.js "> </ script >
0 commit comments