Services

We provide you with the tools you need to create a full learning experience on the web. We will teach your children with unique techniques.

0
FOUNDED
0
PROJECTS
0
CLIENTS
0
AWARDS

The term PHP is an acronym for PHP: Hypertext Preprocessor. PHP is a server-side scripting language designed specifically for web development. It is open-source which means it is free to download and use.

LEARNING REACT

The term PHP is an acronym for PHP: Hypertext Preprocessor. PHP is a server-side scripting language designed specifically for web development. It is open-source which means it is free to download and use.

overlapping section

When we resize the screen it will always be in the middle of the image which has been set as a background

The term PHP is an acronym for PHP: Hypertext Preprocessor. PHP is a server-side scripting language designed specifically for web development. It is open-source which means it is free to download and use.

design with call to action
Exmple 1 of call to action

This is the heading

hello
Exmple 1 of call to action

This is the heading

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
hello
Exmple 4 of call to action

Template Widget

We use to create any design. To use this, we will choose a template widget and then drag and drop. You can search the template and use it if you have already saved it. To save it click on six dots (edit section) and right click and then save it as a template and give it any name

hello
Exmple 4 of call to action
design with Lottie
Example 1 of Lottie

We use Lottie to create animated designs. We can simply choose any design and paste it here. 

We can get any animated design from lottiefiles.com. We can search for any animation from the search bar such as the web and then we can also change the color by clicking on edit animation logging into this and then downloading it with JASON Lottie and then uploading it.

Example 2 of Lottie

We use Lottie to create animated designs. We can simply choose any design and paste it here. 

The animation can be handled by the image we have selected. We need to click on the pencil icon on the animated image and then go to content>> settings >> trigger[it will tell when you want to animate the image and other options] .

Example 1 of Lottie

We can learn how to use it by watching the YouTube video by clicking on the YouTube link. 

design with call flip box
Example of Flip Box

We use Flip Box to show the different content and style when you hover.

We can create any card that will have images and content and when we hover on that, we can show different images and content. With the help of this, we can show the front and back sides of any card with different images and content. When we use it, we get front, back, and settings. The front is used to target the front and the back is used to target the back part. Under settings, we have the option to change the height, border radius, flip direction to change the direction of flip and flip effect such as flip, side, push, etc.

Example of flip box content title

We can show any message we want to show to the users.

This is the heading section of back

We will add a description part here.
How to use it
Example of Flip Box

We use Flip Box to show the different content and style when you hover.

We can create any card that will have images and content and when we hover on that, we can show different images and content. With the help of this, we can show the front and back sides of any card with different images and content. When we use it, we get front, back, and settings. The front is used to target the front and the back is used to target the back part. Under settings, we have the option to change the height, border radius, flip direction to change the direction of flip and flip effect such as flip, side, push, etc.

Example of flip box content title

We can show any message we want to show to the users.

This is the heading section of back

We will add a description part here.
How to use it
Example of Flip Box

We use Flip Box to show the different content and style when you hover.

The front is used to target the front and the back is used to target the back part. Under settings, we have the option to change the height, border radius, and flip direction to change the direction of flip and flip effects such as flip, side, push, etc. Here we have used 3d depth and this is why we can see a 3d effect when you hover. We have used arrow sign from website by coping HTML of arrow sign

Sale upto 50%

Click on the button to buy

BUY NOW ➞
design with price table
Example of Price Table

We use it to create a Price Table as shown below:-

BASIC

1 ACCOUNT
100
39
99 Weakly
  • 1 Account
  • 100 GB SPACE
  • 1 DOMAIN
Example of Price Table

We use it to create a Price Table as shown below:-

ADVANCE

5 ACCOUNT
$59
$ 44
99 Monthly
  • 200 GB SPACE
  • 200 GB SPACE
  • 200 GB SPACE
Popular
Example of Price Table

We use it to create a Price Table as shown below:-

PRO

100 ACCOUNT
$ 39
99 Monthly
  • List Item #1
  • List Item #2
  • List Item #3
design with table of contents
Example of Flip Box

We use Table of Contents to Display Content as shown below:-

    You can read and learn how to use it by clicking on it.

Table of Contents/The Contents Of The Page

design with PRICE LIST
design with hotspot
Example of Hotspot

We use Hotspot to show the address or any information as a tooltip when you click on it.

We can use it by dragging and dropping the Hotspot widget to any section. When we click on the pencil icon, we have an image to choose and align. We can also add icons if we want. We can set the position of our address using the position tab under the content section. We can set text or icons to show our location. Here, Tooltip means the address or message you will see when you click on Hotspot(or text )

Contact

For any inquiries please email

My Address

Kirti Nagar, Gurgaon, Haryana- 12202

Kestopur, Kolkata

Scroll to Top

How to add pop-up

Step 1:- Take two columns of equal size
Step 2:- On the left section you can use widgets of headings, text, buttons, or anything of your choice
Step 3:- Design the left section the way you want.
Step 4:- Set a background image in the entire section, not the left section
Step 5:- Select the left section and give margin from the top and bottom
Step 6:- In the main section column gap should be no gap under the layout and the background overlay will have a gradient color, the first color should be your back
background-color so we will take white color, location 40% to show 40% white background, and the second color should be transparent and location 0
% and Angle should be 90 degrees and opacity 1
Step 7:- In the mobile screen, set margin 0 to the first column add the same image in the second column, and then change
the position of the column, target the main section > advanced > Responsive > reverse column(To bring first column to second number) and then hide this image on tablet and desktop

Step 1:- Elementor >> Settings >> Features Tab >> Page Transitions [should be default or active] >>Save Changes.

Step 2:- Go to the site settings by opening any page with Elementor from where we drag and drop widgets. So, site settings >> page transition >> page transition to style the “Preloader page” and then preloader to choose the types of preloader.

For more info visit Youtube

We will create any template we want and then copy the short-code of the template available at dashboard >> template >> popup >>copy the shortcode. Now to use it, we will go to any page or post where we want to add that template and then drap a drop “shortcode” widget and inside the section past the shortcode that we copied and update

Step 1:- Choose the section on which you want to add the shape divider
Step 2 :- Select the section >> Style >> Shape Divider
Step 3:- If the above one does not work, add a section wherever you want and give it any height, and then the background color and then shape the divider shape and the set color accordingly.

First we will target the section we want to go on clicking any text and give it a name under advance >> css id (give any name) and now go to the text section and under link pass #name and update