Educax DOC

How To Customize

Logo change

Here is your main logo code. To add your logo, replace logo.png from images/logo/ directory with your logo in PNG format.

 <img src="assets/images/logo/logo.png" alt="logo">

Note: Keep your logo inside the ./assets/imaegs/logo folder. The logo size should be minimum 150 X 65 pixel.

Change Menubar

This is Menu navigation codes.

  <ul class="menu">
    <li>
        <a href="javascript:void(0);">Home</a>
        <ul class="submenu">
            <li><a href="index.html">Home 1</a></li>
            <li><a href="index-2.html">Home 2</a></li>
            <li><a href="index-3.html">Home 3</a></li>
            <li><a href="index-4.html">Home 4</a></li>
        </ul>
    </li>
    <li>
        <a href="javascript:void(0);">Course</a>
        <ul class="submenu">
            <li><a href="courses.html">Courses</a></li>
            <li><a href="course-details.html">Courses Details</a></li>
            <li><a href="mentor.html">Mentor</a></li>
            <li><a href="mentor-details.html">Mentor Details</a></li>
        </ul>
    </li>
    <li>
        <a href="javascript:void(0);">Blog</a>
        <ul class="submenu">
            <li><a href="blog.html">Blog</a></li>
            <li><a href="blog-details.html">Blog Detils</a></li>
        </ul>
    </li>
    <li>
        <a href="javascript:void(0);">Pages</a>
        <ul class="submenu">
            <li><a href="about.html">About Us</a></li>
            <li><a href="cart.html">Cart </a></li>
            <li><a href="checkout.html">checkout </a></li>
            <li><a href="signup.html">Sign Up</a></li>
            <li><a href="signin.html">Sign In</a></li>
            <li><a href="forgot-pass.html">Reset Password</a></li>
            <li><a href="404.html">404 Error</a></li>
        </ul>
    </li>
    <li><a href="contact.html">Contact</a></li>
  </ul>
    

To change the Menu item or menu name you have to edit in the tag Your Menu Name

If you wanna delete a menu item from the menu just remove the menu item above

Section Styles

Here is your section structure.

      <section class="section-name padding-top padding-bottom">
        <div class="container">
          <div class="section-header">					
              .....
          </div>

          <div class="section-wrapper">

          ...sections all content goes there

          </div>

        </div>
      </section>
    

• If you need diffrent style of section header - just you add the utility classes "section-header--left or section-header--middle" class
• In the class="section-class" you can replace with your desired class.
• the section-header div you can add your heading of sections and tagline of sections.
• ou can add your content on the 2nd sectionname__wrapper div.

Section With Background

you can select secondary background dark color. To add color, just simply add the class bg--primary to the section class.

  <section class="section-name bg--primary">
    <div class="container">
      ...
    </div>
  </section>	  
      

    {
        spaceBetween: 20,
        autoplay: false,
        slidesPerView: 4,
        isCustomNav: true,
        breakpoints: {
            576: {
                slidesPerView: 2
            },
            992: {
                slidesPerView: 3
            }
        },
        navigation: {
            nextEl: '.swiper-nav .swiper-next',
            prevEl: '.swiper-nav .swiper-prev'
    }

                                        

        $bootstrap-sass-asset-helper: false !default;

        // Variables

        // Colors

        //===================== Brand 1 variables start===================== //
        // theme colors
        $brand-color-1: #081A28;
        $secondary-color-1:#B1FDAF;
        $tertiary-color-1: #7044B0;

        // text colors 
        $brand-bg-1: #CDE5F829;
        $brand1-bg-2: #F7FBFE;
        $brand1-text-1: #299684;
        $rating-color:#ECC132;
        $brand1-text-special: #98A2B3;
        $border-color:#EAECF0;
        $brand-bg-course: rgba(103, 156, 197, 0.16);
        $contact-bg: rgba(205, 229, 248, 0.24);
        //===================== Brand 1 variables  end===================== //


        //=====================home2/ Brand 2 variables start===================== //
        // theme colors
        $brand-color-2: #125875;
        $secondary-color-2:#FF7350;
        $tertiary-color-2: #F4BD15;

        // text colors
        $brand2-bg-1: #D6F2FE;
        $brand2-bg-2: #1F6F90;
        // $text-color-light-2: #667085;

        $brand2-bg-4:rgba(214, 242, 254, 0.5);
        //===================== Brand 2 variables  end===================== //


        //===================== Brand 3 variables start===================== //
        // theme colors
        $brand-color-3: #463266;
        $secondary-color-3:#FF7350;
        // $tertiary-color-3: #7044B0;

        // text colors
        $brand3-bg-1: #FFF7F5;
        $brand3-bg-2: #0F7494;
        $brand3-bg-3: #F9FAFB;
        $brand3-bg-4: #60468A;
        $brand3-footer-color:#C7A7F8;
        //===================== Brand 3 variables  end===================== //


        //===================== Brand 4 variables start===================== //
        // theme colors
        $brand-color-4: #248D88;
        $secondary-color-4:#FED049;
        $tertiary-color-4: #68B984;

        // text colors
        $brand-bg-4: #F9FAFB;
        // $text-color-4: #475467;
        // $text-color-light-4: #667085;
        //===================== Brand 4 variables  end===================== //

        $success-color:#12FF4D;
        $fail-color:#ff2812;

        // social-media color
        $facebook: #3b5998;
        $twitter: #55acee;
        $linkedin: #007bb5;

        //== Typography

        // font-family

        $text-font: 'Roboto',
        sans-serif;

        $title-font: 'Rajdhani',
        sans-serif;

        // font-size

        $fs-base: 16px !default;
        $fs-small:14px;

        $fs-h1: 80px;
        $fs-h2: 48px;
        $fs-h3: 36px;
        $fs-h4: 28px;
        $fs-h5: 24px;
        $fs-h6: 20px;


        // transition
        $transition: all 0.3s ease;