Main File Structure All the file are well organized, its so easy to work with the template.

Step 01 : Unzip the main-files
Step 02 : Open "Aidoodle" folder
Step 03 : You will find the 50+ files
Step 04 : Also you will see into "assets" 6 directories, css, fonts, images, js and scss.

In the first folder Content you will find style.css and other styling files the all the other files expect the htmls.
Js folder contain only the Javascript file. Fonts folder contain essetial font files for fonts.

CSS Structure

The base structure was organized by row, col-** class

SCSS Structure

Sources & Credits

• Fonts
• Space Grotesk
• Inter


• Icon
• FontAwesome


• CSS Framework
• Bootstrap


• JS Framework
• GSAP


• JS Library
• jQuery


• JS Plugins
• Swiper Slider
• Nice Select
• Magnific Popup
• Meanmenu

Supports

Thank you for reading the documentaion. If you still have any question or any problem, please contact with us. We will give you best support.

Themephi

Installation To setup the AI Doodle, follow below-mentioned steps

• Download and Extract the Zip File:

  • Download the zip file containing all files integrated with AiDoodle. Extract the contents of the zip file to your desired location.

• Install Python and Flask:

  • Make sure Python (We recommend version 3.12.3) and Flask (We recommend version 3.0) are installed on your machine. If not already installed, you can download and install Python from the official website. To install Flask, you can use pip: pip install Flask

• Install Node Modules for SASS Compilation

  • Open your command prompt or terminal, navigate to the directory where you extracted the AiDoodle project, and run npm install to install Node modules.

• Generate CSS using SASS compiler:

  • To generate CSS from SCSS, execute the command: npm run build If you want to run compiler in watch mode run: npm run dev

  npm run build 

  • or

  npm run dev 

• Running the Flask Application:

  • To run the Flask application, execute the command:

   npm run start 

  python app.py 

• Editing AiDoodle Template

  • Before all that you have to edit your template and place your own contents by replacing old demo contents, in this case, you will need a code editor such as – VScode, Sublime Text etc.