Rare
  • Introduction
  • HTML
    • Introduction
    • Html Structure
      • Header
      • Left Side Menu
      • Main Content
    • Main Content
      • Buttons
      • Fonts
      • Lock Screens
      • Maps
      • Modals
      • Plugins Used
      • Progress Bars
    • Css Files
    • Java Script Used
    • Scss
    • Fonts Used
    • Images used
    • Starts New page
      • Centered Logo
      • Compact Menu
      • Default
      • Horizontal
      • Light Side Bar
      • Mmenu
  • Rare Builder
    • Layouts
      • Default
      • Centered Logo
      • Compact Menu
      • Fixed Menu
      • Fixed Header
      • Horizontal
      • Icon Horizontal
      • Dark
      • Full Width
      • Header Style
      • Fixed Footer
      • Mmenu
      • Light Sidebar
    • Macros
      • Layouts
      • Breadcrumb
    • Partials
      • Headers
        • Header
        • Centered Logo Header
      • Heads
        • Head
      • Breadcrumbs
        • Breadcrumb 1
        • Breadcrumb 2
        • Breadcrumb 3
        • Breadcrumb 4
        • Breadcrumb 5
        • Breadcrumb Default
      • Ends
        • End
      • Menus
        • Default
        • Horizontal
        • Icon Horizontal
        • Compact
        • Mmenu
      • Footer
        • Footer
        • Fixed Footer
      • Messages
      • Notifications
      • User Profile
    • Add Builder
    • Commands
    • New Page
  • FAQ
    • Change Left Menu Content
    • Setting Layout As Default
    • Change Breadcrumb
    • Change Colors In scss
Powered by GitBook
On this page

Was this helpful?

  1. Rare Builder
  2. Layouts

Header Style

PreviousFull WidthNextFixed Footer

Last updated 5 years ago

Was this helpful?

The design for the blank page in Header Style Layout by run the command gulp nunjucks --layout header-style1 --breadcrumb * --color * through builder is shown below:

And you can change breadcrumb and color for header in this layout by run the command gulp nunjucks --layout default --beadcrumb * --color *

Where --beadcrumb *is

--breadcrumb (default,0,1,2,3,4,5)

Where --color *is

--color (default,primary,success,danger,mint,purple)

It has the following Structure:

<!DOCTYPE html>
<html lang="en">
<head>
    <title>{{title}} | Rare admin</title>
    <!--Start common styles-->
    {% include "partials/head.html" %}
    <!--End common styles-->
    <!--Start page level styles-->
    {% block header_styles %}{% endblock %}
    <link type="text/css" rel="stylesheet" href="css/pages/nav_style.css" />
    <!--End page level styles-->
</head>

<body>
<!--Start styled header-->
{% include "partials/header.html" %}
<!--End styled header-->
<!--Start wrapper-->
<div class="wrapper">
    <!--Start leftmenu-->
    {% include "partials/leftmenu.html" %}
    <!--End leftmenu-->
    <div class="right-aside view-port-height">
        <!--Start breadcrumb-->
        {% include "macros/breadcrumb.html" %}
        <!--End breadcrumb-->
        {% block content %}{% endblock %}
        <!--Start block content-->
    </div>
</div>
<!--End wrapper-->
<!--Start footer-->
    {% include "partials/footer.html" %}
<!--End footer-->
<!--Start common scripts-->
    {% include "partials/end.html" %}
<!--End common scripts-->
<!--Start page level scripts-->
    {% block footer_scripts %}{% endblock %}
<!--End page level scripts-->
</body>
</html>