uix-kit
Version:
A free web kits for fast web design and development, compatible with Bootstrap v5.
468 lines (355 loc) • 15.2 kB
HTML
<html lang="en-US" dir="rtl">
<head>
<meta charset="utf-8" />
<title>Mega Menu(RTL) - Uix Kit</title>
<!-- Compatibility Settings
============================================= -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Compatibility Settings end -->
<!-- Web Fonts
============================================= -->
<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,800" rel="stylesheet"> -->
<!-- Web Fonts end -->
<!-- Core & Theme CSS
============================================= -->
<!-- Basic -->
<link rel="stylesheet" href="assets/css/rtl/bootstrap-rtl.min.css?ver=5.2.3" media="all"/>
<link rel="stylesheet" href="assets/css/video.min.css?ver=7.4.1" media="all"/>
<!-- Icons -->
<link rel="stylesheet" href="assets/fonts/fontawesome/css/all.min.css?ver=5.7.0">
<link rel="stylesheet" href="assets/fonts/fontawesome/css/v4-shims.min.css?ver=5.7.0">
<!-- Theme -->
<link rel="stylesheet" href="../dist/css/uix-kit.min.css?ver=uh5PimsX5pCOzKKL4Rrv"/>
<!-- RTL -->
<link rel="stylesheet" href="../dist/css/uix-kit-rtl.min.css?ver=uh5PimsX5pCOzKKL4Rrv" media="all" />
<!--[if lt IE 10]>
<link rel="stylesheet" href="assets/css/IE.css?ver=uh5PimsX5pCOzKKL4Rrv" />
<![endif]-->
<!-- Core & Theme CSS end -->
<!-- Vendor
============================================= -->
<script src="assets/js/min/jquery.min.js?ver=3.6.1"></script>
<script src="assets/js/min/modernizr.min.js?ver=3.5.0"></script>
<!-- Vendor end -->
<!-- Break free from CSS prefix hell!
============================================= -->
<script src="assets/js/min/prefixfree.min.js?ver=1.0.7"></script>
<!-- SEO
============================================= -->
<meta name="description" content="A free web kits for fast web design and development, compatible with Bootstrap v5.">
<meta name="generator" content="Uix Kit" />
<meta name="author" content="UIUX Lab">
<!-- SEO end -->
<!-- Favicons
============================================= -->
<link rel="icon" href="assets/images/favicon/favicon-32x32.png" type="image/x-icon">
<link rel="shortcut icon" href="assets/images/favicon/favicon-32x32.png" sizes="32x32">
<link rel="apple-touch-icon" href="assets/images/favicon/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/images/favicon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/images/favicon/apple-touch-icon-114x114.png">
<!-- Favicons end -->
</head>
<body class="page rtl">
<!-- Loader
============================================= -->
<div class="uix-loader">
<!--[if lt IE 10]>
<span>Loading...</span>
<![endif]-->
<svg class="uix-loader__spinner is-hide-IE" viewBox="0 0 52 52">
<path d="M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z"></path>
</svg>
</div>
<div class="uix-loader-progress" data-txt="{progress}%"><span>0%</span></div>
<div class="uix-loader-progress__line"></div>
<!-- .uix-loader end -->
<!-- Mobile Menu Toggle Trigger
============================================= -->
<div class="uix-menu-mobile__toggle">
<span></span>
<span></span>
<span></span>
</div>
<div class="uix-menu-mobile__mask"></div>
<!-- .uix-menu-mobile__toggle end -->
<div class="uix-wrapper">
<!-- Header Area
============================================= -->
<header class="uix-header__container">
<div class="uix-header">
<div class="container">
<div class="uix-brand">
<a href="index.html"><img src="assets/images/logo.png" alt="Uix Kit"></a>
</div>
<!-- .uix-brand end -->
<!-- Navigation Start-->
<nav class="uix-menu__container uix-trans">
<div class="uix-menu__inner">
<span class="uix-brand--mobile"><img src="assets/images/logo-colorful.png" alt="Uix Kit"></span>
<ul class="uix-menu">
<li class="multi-column current-menu-item is-active"><a href="#">Mega Menu One</a>
<ul class="sub-menu">
<li>
<span class="multi-column-title">Column 1</span>
<ul class="sub-menu">
<li><a href="#">Sub Menu Title</a></li>
<li><a href="#">Sub Menu Title</a></li>
</ul>
<!-- .sub-menu end -->
</li>
<li>
<span class="multi-column-title">Column 2</span>
<ul class="sub-menu">
<li><a href="#">Sub Menu Title</a></li>
<li><a href="#">Sub Menu Title Long Long Long Long Long Long Long Long</a></li>
<li><a href="#">Sub Menu Title</a></li>
<li><a href="#">Sub Menu Title</a></li>
</ul>
<!-- .sub-menu end -->
</li>
<li>
<span class="multi-column-title">Column 3</span>
<ul class="sub-menu">
<li></li>
</ul>
<!-- .sub-menu end -->
</li>
</ul>
</li>
<li><a href="#">Placeholder</a></li>
<li><a href="#">Dropdown</a>
<ul class="sub-menu">
<li><a href="#">Dropdown 1</a>
<ul class="sub-menu">
<li><a href="#">Title 1</a></li>
<li><a href="#">Title 2</a></li>
<li><a href="#">Title 3</a>
<ul class="sub-menu">
<li><a href="#">Title 1</a></li>
<li><a href="#">Title 2</a></li>
<li><a href="#">Title 3</a></li>
</ul>
<!-- .sub-menu end -->
</li>
</ul>
<!-- .sub-menu end -->
</li>
<li><a href="#">Dropdown 2 Long Long Long Long Long Long Long Long Long Long</a></li>
<li><a href="#">Dropdown 3</a></li>
</ul>
<!-- .sub-menu end -->
</li>
<li class="multi-column"><a href="#">Mega Menu Two</a>
<ul class="sub-menu">
<li>
<span class="multi-column-title">Column 1</span>
<ul class="sub-menu">
<li><a href="#">Sub Menu Title</a></li>
<li><a href="#">Sub Menu Title</a></li>
</ul>
<!-- .sub-menu end -->
</li>
<li>
<span class="multi-column-title">Column 2</span>
<ul class="sub-menu">
<li><a href="#">Sub Menu Title</a></li>
<li><a href="#">Sub Menu Title Long Long Long Long Long Long Long Long</a></li>
<li><a href="#">Sub Menu Title</a></li>
<li><a href="#">Sub Menu Title</a></li>
</ul>
<!-- .sub-menu end -->
</li>
<li>
<span class="multi-column-title">Column 3</span>
<ul class="sub-menu">
<li><a href="#">Sub Menu Title</a></li>
</ul>
<!-- .sub-menu end -->
</li>
<li>
<span class="multi-column-title">Column 4</span>
<ul class="sub-menu">
<li><a href="#">Sub Menu Title</a></li>
</ul>
<!-- .sub-menu end -->
</li>
<li>
<span class="multi-column-title">Column 5</span>
<ul class="sub-menu">
<li><a href="#">Sub Menu Title</a></li>
</ul>
<!-- .sub-menu end -->
</li>
<li>
<span class="multi-column-title">Column 6</span>
<ul class="sub-menu">
<li><a href="#">Sub Menu Title</a></li>
</ul>
<!-- .sub-menu end -->
</li>
<li>
<span class="multi-column-title">Column 7</span>
<ul class="sub-menu">
<li><a href="#">Sub Menu Title</a></li>
</ul>
<!-- .sub-menu end -->
</li>
<li>
<span class="multi-column-title">Column 8</span>
<ul class="sub-menu">
<li><a href="#">Sub Menu Title</a></li>
</ul>
<!-- .sub-menu end -->
</li>
<li>
<span class="multi-column-title">Column 9</span>
<ul class="sub-menu">
<li><a href="#">Sub Menu Title</a></li>
</ul>
<!-- .sub-menu end -->
</li>
</ul>
</li>
<li><a href="#">Placeholder</a></li>
<li class="multi-column"><a href="#">Mega Menu Three</a>
<ul class="sub-menu">
<li>
<span class="multi-column-title">Column 1</span>
<ul class="sub-menu">
<li><a href="#">Sub Menu Title</a></li>
<li><a href="#">Sub Menu Title</a></li>
</ul>
<!-- .sub-menu end -->
</li>
<li>
<span class="multi-column-title">Column 2</span>
<ul class="sub-menu">
<li><a href="#">Sub Menu Title</a></li>
<li><a href="#">Sub Menu Title</a></li>
<li><a href="#">Sub Menu Title</a></li>
</ul>
<!-- .sub-menu end -->
</li>
<li>
<span class="multi-column-title">Column 3</span>
<ul class="sub-menu">
<li><a href="#">Sub Menu Title</a></li>
</ul>
<!-- .sub-menu end -->
</li>
<li>
<span class="multi-column-title">Column 4</span>
<ul class="sub-menu">
<li><a href="#">Sub Menu Title</a></li>
</ul>
<!-- .sub-menu end -->
</li>
</ul>
</li>
</ul>
<div class="uix-menu__right-box">
<a class="uix-social-btn uix-social-btn--small uix-social-btn--circle uix-social-btn--thin uix-social-btn--white" title="Follow us on Twitter" href="https://twitter.com/uiux_lab" target="_blank">
<i class="fa fa-twitter"></i>
</a>
<a class="uix-social-btn uix-social-btn--small uix-social-btn--circle uix-social-btn--thin uix-social-btn--white" title="Follow us on Facebook" href="https://www.facebook.com/uiuxlabhome" target="_blank">
<i class="fa fa-facebook"></i>
</a>
<a class="uix-social-btn uix-social-btn--small uix-social-btn--circle uix-social-btn--thin uix-social-btn--white" title="Fork on Github" href="https://github.com/xizon/uix-kit" target="_blank">
<i class="fa fa-github"></i>
</a>
</div>
</div><!-- /.uix-menu__inner -->
</nav>
<!-- .uix-menu__container end -->
</div>
<!-- .container end -->
<div class="uix-clearfix"></div>
</div>
</header>
<div class="uix-header__placeholder js-uix-header__placeholder-autoheight"></div>
<!-- Footer
============================================= -->
<footer class="uix-footer__container">
<div class="uix-footer">
<div class="container">
<hr>
<div class="row">
<div class="col-lg-6 col-md-6 uix-t-l uix-t-c--md">
Copyright © Uix Kit 2022. | All rights reserved. Created by <a href="https://uiux.cc">UIUX Lab</a>.
</div>
<div class="col-lg-6 col-md-6 uix-t-r uix-t-c--md">
<div class="uix-footer__menu">
<ul>
<li>
<a href="https://uiux.cc" target="_blank">
UIUX Lab
</a>
</li>
<li>
<a href="https://opensource.org/licenses/MIT" target="_blank">
Licenses
</a>
</li>
<li>
<a href="https://github.com/xizon/uix-kit" target="_blank">
Download
</a>
</li>
<li>
<a href="https://github.com/xizon/uix-kit/wiki/Getting-Started" target="_blank">
Documentation
</a>
</li>
</ul>
</div>
</div>
</div>
</div><!-- .container end -->
</div>
</footer>
</div>
<!-- .uix-wrapper end -->
<!-- Vendor -->
<script defer src="assets/js/min/axios.min.js?ver=0.19.2"></script>
<script defer src="assets/js/min/jquery.waitforimages.min.js?ver=1.0"></script>
<script defer src="assets/js/min/video.min.js?ver=7.5.3"></script>
<script defer src="assets/js/min/TweenMax.min.js?ver=2.0.2"></script>
<script defer src="assets/js/min/pixi.min.js?ver=5.2.0"></script>
<script defer src="assets/js/min/three.min.js?ver=r175"></script>
<script defer src="assets/js/min/anime.min.js?ver=3.1"></script>
<script defer src="assets/js/min/hammer.min.js?ver=2.0.8"></script>
<!-- Your Plugins & Theme Scripts
============================================= -->
<script>
/*
* Some global vars. DO NOT change these variables names.
* These variables are being used in `uix-kit.min.js`.
*
*/
var REVISION = "5.4.0",
APP_ROOTPATH = {
"templateUrl" : "", //If the file is in the root directory, you can leave it empty. If in another directory, you can write: "/blog"
"homeUrl" : "", //Eg. https://uiux.cc
"ajaxUrl" : "" //Eg. https://uiux.cc/wp-admin/admin-ajax.php
};
/*
* Fixed a bug that Cannot read property 'fn' of undefined for jQuery 1.xx.x.
*
*/
window.$ = window.jQuery;
</script>
<script defer src="../dist/js/uix-kit.min.js?ver=uh5PimsX5pCOzKKL4Rrv"></script>
<!-- Your Plugins & Theme Scripts end -->
<script>
/* Google analytics */
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.defer=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-70658525-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>