Intoduction

Edurock - Tailwind Education LMS Template.


  • Created : May, 2024
  • By : TechBoot
  • E-mail: techbootmail@gmail.com

Thank you for purchasing our template.
If you have any questions that are beyond the scope of this help file,
Please feel free to contact us with sending mail to techbootmail@gmail.com or from our ThemeForest profile TechBoot

Template Installation

  1. FTP Upload:

    • Open up your FTP manager and connect to your hosting
    • Browse to required directory (Normally public_html)
    • Upload the files inside Edurock folder.

How to edit Tailwind template

To use Tailwind CSS on your computer, you will need to install it as a development dependency in your project. Here are the steps you can follow to do this:

  • Make sure you have Node.js and npm (the package manager for Node.js) installed on your computer. If you don't have them already, you can download and install them from the official website (https://nodejs.org).
  • Open project on your editor
  • Open the terminal as a root directory
  • Run the command to install node module package
                                                    npm i 
                    
                                                    //===== or
                                                    
                                                    yarn
                                          
  • To build css run the command in your terminal
                                            npm run build 
                    
                                            //===== or
                                            
                                            yarn run build
                                        
=========================================
  • Open project on your editor
    changing-content-img
  • Open the terminal as a root directory and run the command npm i
    changing-content-img
  • To build css run the command in your terminal npm run build
    changing-content-img

Template Features

  • Valid HTML5 & CSS3
  • Vuild with latest Tailwind 3.4.3
  • Responsive Design
  • Speed Optimized
  • SEO friendly code
  • W3C Validation
  • Working PHP AJAX Contact Form
  • Highly Responsive and Customizable
  • Flexible Colors & Typography
  • Easy to customize
  • Free Updates
  • User Friendly
  • Well Commented HTML, CSS & JS files
  • Professional Support
  • Cross-Browser Compatibility: Firefox, Safari, Chrome, Edge
  • Icofont Icon
  • Instagram Shop
  • Wishlist
  • Quick View
  • Mega-Menu
  • Images are not included
  • Home Pages
    • Default
    • Default Dark
    • Elegant
    • Elegant Dark
    • Classic
    • Classic Dark
    • Classic LMS
    • Classic LMS Dark
    • Online Course
    • Online Course Dark
    • Marketplace
    • Marketplace Dark
    • University
    • University Dark
    • Ecommerce
    • Ecommerce Dark
    • Kindergarten
    • Kindergarten Dark
    • Machine Learning
    • Machine Learning Dark
    • Single Course
    • Single Course Dark
  • Dashboard
    • Admin Course
    • Admin Dashboard
    • Admin Message
    • Admin profile
    • Admin Quiz Attempt
    • Admin Reviews
    • Admin Settings
    • Become an instructor
    • Create Course
    • Instructor Announcement
    • Instructor Assignment
    • Instructor Course
    • Instructor dashboard
    • Instructor message
    • Instructor my quiz attempts
    • Instructor order History
    • Instructor profile
    • Instructor quiz attempts
    • Instructor Reviews
    • Instructor Settings
    • Instructor Wishlist
    • Student Assignment
    • Student Dashboard
    • Student Enrolled Courses
    • Student message
    • Student My quiz attempts
    • Student profile
    • Student Reviews
    • Student Settings
    • Student Wishlist
  • eCommerce Pages
    • Cart
    • Checkout
    • Product Details
    • Shop
    • Wishlist
  • Zoom Pages
    • Zoom Meetings
    • Zoom Meeting Details
  • Course Pages
    • Course
    • Course List
    • Course Grid
    • Course Details 1
    • Course Details 2
    • Course Details 3
    • Lesson 1
    • Lesson 2
    • Lesson 3
    • Instructor
    • Instructor Details
  • Event Pages
    • Event
    • Event Details
  • Others Pages
    • About Us Page
    • Service Page
    • Blog
    • Blog Details
    • FAQ Page
    • Login Page
    • Register Page
    • Contact Us Page
    • Maintenance Page
    • 404 Page
    • Much More...

Contact Form Settings

#

Please open contact.html file to edit contact form section

#

Please open mail.php file to change Email for contact form

#

Google Map Settings

#
#
#
#

Font Family Change

#
#
#
#
#
#

Color Change

#

Font Icon Change

#
#
#
#
#

Used Font Icon in This Template

Used icon fonts link here:-

Font Awesome Icon: Font Awesome Icon
Custom Icon - 1: Icon Moon Icon
Custom Icon - 2: Flat Icon

Used icon fonts here:-
#

Newsletter - ( MailChimp )

Newsletter Design:- ( into Footer Area )
#
Newsletter HTML Code:-
						                        


        <section>
          <div
            class="grid grid-cols-1 md:grid-cols-2 gap-y-30px md:gap-y-0 items-center pb-45px border-b border-darkcolor"
          >
            <div data-aos="fade-up">
              <h4
                class="text-4xl md:text-size-25 lg:text-size-40 font-bold text-whiteColor leading-50px md:leading-10 lg:leading-16"
              >
                Still You Need Our
                <span class="text-primaryColor">Support</span> ?
              </h4>
              <p class="text-whiteColor text-opacity-65">
                Don’t wait make a smart & logical quote here. Its pretty easy.
              </p>
            </div>
            <div data-aos="fade-up">
              <form
                class="max-w-form-xl md:max-w-form-md lg:max-w-form-lg xl:max-w-form-xl 2xl:max-w-form-2xl bg-deepgray ml-auto rounded relative"
              >
                <input
                  type="email"
                  placeholder="Enter your email here"
                  class="text-whiteColor h-62px pl-15px focus:outline-none border border-deepgray focus:border-whitegrey bg-transparent rounded w-full"
                >
                <button
                  type="submit"
                  class="px-3 md:px-10px lg:px-5 bg-primaryColor hover:bg-deepgray text-xs lg:text-size-15 text-whiteColor border border-primaryColor block rounded absolute right-0 top-0 h-full"
                >
                  Subscribe Now
                </button>
              </form>
            </div>
          </div>
        </section>



					    
					


Newsletter HTML Code With MailChimp:-
                    	
<div class="footer-newsletter">
	<div id="mc_embed_signup">
		<form action="https://gmail.us5.list-manage.com/subscribe/post?u=dde0a42ff09e8d43cad40dc82&amp;id=72d274d15d" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
			<div id="mc_embed_signup_scroll">
				<div class="mc-field-group">
					<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Email*">
				</div>
				<div id="mce-responses" class="clear">
					<div class="response" id="mce-error-response" style="display:none"></div>
					<div class="response" id="mce-success-response" style="display:none"></div>
				</div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
				<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_dde0a42ff09e8d43cad40dc82_72d274d15d" tabindex="-1" value=""></div>
				<div class="clear">
					<div class="btn-wrapper">
						<button class="theme-btn-1 btn"  type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe"><i class="fas fa-location-arrow"></i></button>
					</div>
				</div>
			</div>
		</form>
	</div>
</div>
                        
                    


How to get MailChimp URL & ID:-

1. Visit MailChimp: MailChimp
2. Login or Register
3. Then Create
4. Then Click Embedded form and then click begin button

#
#
#
#
#
#

Youtube Video Link

#
#
#
#
#
#

Vimeo Video Link

#
#
#
#

HTML5 Video Link

#
#
#

Folder Structure

                    Root
					                      |
                      ├── Assets
						  |
						  ├── css
						  |   └── all css files
						  |
						  ├── fonts
						  |   └── font icon files
						  |
						  ├── imges
						  |   └── all img files
						  |
						  ├── js
						  |   └── all javascript files
						  |
						  ├── fonts
						  |   └── All Fonts
						  	
                      ├── Pages
						  |
						  ├── Dashboard
						  |   └── all dashboard HTML files
						  |
						  ├── eCommerce
						  |   └── all eCommerce HTML files
						  |
						  ├── Zoom
						  |   └── all Zoom HTML files
					      |
                      └── all html files
                    
                

HTML Structure

#
#

CSS Structure

#

Javascript Structure

#

Fonts Credit

Google Fonts

Font-family: 'Inter', sans-serif;
Font-family: 'Hind', sans-serif


Icon Fonts

Ico Font: Font Awesome Icon
Flat Icon: Flat Icon

CSS Credit

Plugins Used for CSS:

Tailwindcss: Tailwindcss
Slick Slider: Swiper Slider
Animate: Animate
Aos Animation: Aos Animation
Magnific-popup: Magnific-popup

Images Credit

Images Used: All images we used in this template come from sources. They are very good sources for free images

Pinterest: Pinterest
Freepik: Freepik
Unsplash: Unsplash
Pexels: Pexels

Support

Thank you for purchasing our template.
If you have any questions that are beyond the scope of this help file,
Please feel free to contact us with sending mail to techbootmail@gmail.com

Thanks

Once again thank you for purchasing one of our Templates

Best Regards
TechBoot

Copyright TechBoot made with the Documenter v1.0.0