Theme RTL
Starter theme for RTL
This is theme RTL
Example feature icon cards
Reusable elements
Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for layouts and visual mockups.
Learn MoreDesign & innovation
Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for layouts and visual mockups.
Learn MoreBest selling
Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for layouts and visual mockups.
Learn MoreModern & organized
Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for layouts and visual mockups.
Learn MoreStarter template
for Theme RTL
<!doctype html>
<html lang="ar" dir="rtl">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="assets/img/favicon.ico" type="image/ico">
<!--Vendors Css-->
<link rel="stylesheet" href="assets/fonts/boxicons/css/boxicons.min.css">
<link rel="stylesheet" href="assets/fonts/iconsmind/iconsmind.css">
<link href="assets/vendor/node_modules/css/aos.css" rel="stylesheet">
<link rel="stylesheet" href="assets/vendor/node_modules/css/swiper-bundle.min.css">
<!--Google Fonts-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Amiri:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
<!-- Main CSS (RTL)-->
<link href="assets/css/theme.rtl.min.css" rel="stylesheet">
<!-- Add custom css -->
<link href="assets/css/custom.css" rel="stylesheet">
<title>Hello, world!</title>
<head>
<body>
<!--:main header -->
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-white">
</nav>
</header>
<!--:main content -->
<main>
</main>
<!--:main Footer -->
<footer>
</footer>
<!-- Vendor + theme scripts -->
<script src="assets/js/theme.bundle.js"></script>
<!-- Add your custom scripts file -->
<script src="assets/js/custom.js"></script>
</body>
</html>
Make an impact with design
There are combined alignment methods – when several types of alignment together are used in one composition.