Shortcode – Classroom

Section First Popular Online Course short code

Free

Materials Technology

Teacher Paul Smith

Donec porta quam quis ex egestas cursus. Phasellus ultricies neque vel justo vulputate…

$124

Complete Guideline

Teacher Babu Paol

Donec porta quam quis ex egestas cursus. Phasellus ultricies neque vel justo vulputate…

$124

Programming Masterclass

Teacher Paul Smith

Donec porta quam quis ex egestas cursus. Phasellus ultricies neque vel justo vulputate…

Free

Science & Humanities

Teacher Munil Druva

Donec porta quam quis ex egestas cursus. Phasellus ultricies neque vel justo vulputate…

$124

Leadership Network

Teacher JON BABU

Donec porta quam quis ex egestas cursus. Phasellus ultricies neque vel justo vulputate…

Free

Machine Management

Teacher Babu Paol

Donec porta quam quis ex egestas cursus. Phasellus ultricies neque vel justo vulputate…

$124

Elementary Courses

Teacher Robert Henry

Donec porta quam quis ex egestas cursus. Phasellus ultricies neque vel justo vulputate…

Free

Online Programing

Teacher Paul Smith

Donec porta quam quis ex egestas cursus. Phasellus ultricies neque vel justo vulputate…

Get The Code

[our-course]

Section Second Apply Online Courses and Register Now Countdown short code

For showing short code in section second on home page use below code

Get The Code

[apply_online title_small="The Best Tutors In Town" title="Apply Online Course"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu pharetra ex. Etiam eget diam ligula. Sed at blandit ante.[contact-form-7 id="67" title="Apply Online Course"][/apply_online][register-countdown title_small="Countdown" title="Register Now!"]Lorem ipsum gravida nibh vel velit auctor aliquetnean sollicitudin, lorem quis bibendum auci elit consequatipsutis sem nibh id eis sed odio sit amet.[/register-countdown][clear]

Section Third Photo Gallery

Get The Code

[photo-gallery type="grid" category="front-gallery" column="3"]

2 Column Grid

Get The Code

[photo-gallery type="grid" category="2-column-grid" column="2"]

3 Column Grid

Get The Code

[photo-gallery type="grid" category="3-column-grid" column="3"]

4 Column Grid

Get The Code

[photo-gallery type="grid" category="4-column-grid" column="4"]

5 Column Grid

Get The Code

[photo-gallery type="grid" category="5-column-grid" column="5"]

Gallery Slider

Get The Code

[photo-gallery type="slider" category="gallery-slider"]

Section Four Our Acheivement Counter

For showing Counter shortcode on home page use below code

Get The Code

[counter icon="user" icon_style="solid" value="60" title="Teachers"][counter icon="book" icon_style="solid" value="40" title="Courses"][counter icon="graduation-cap" icon_style="solid" value="900" title="Students"][counter icon="print" icon_style="solid" value="3675" title="Publications"][clear]

Section Five Student Testimonials Shortcode

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu pharetra ex. Etiam eget diam ligula. Sed at blandit ante. Vivamus feugiat, lacus eu suscipit mattis, tortor mi aliquam leo, quis laoreet. Suspendisse in…

Alex Doe

Position

Vivamus eu pharetra ex. Etiam eget diam ligula. Sed at blandit ante. Vivamus feugiat, lacus eu suscipit mattis, tortor mi aliquam leo, quis laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse in…

Flora Simons

Position

Etiam eget diam ligula. Sed at blandit ante. Vivamus feugiat, lacus eu suscipit mattis, tortor mi aliquam leo, quis laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu pharetra ex. Suspendisse in…

Thomas Linderman

Position

Sed at blandit ante. Vivamus feugiat, lacus eu suscipit mattis, tortor mi aliquam leo, quis laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu pharetra ex. Etiam eget diam ligula. Suspendisse in…

Get The Code

[testimonials show="4"]

Testimonials Listing

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu pharetra ex. Etiam eget diam ligula. Sed at blandit ante. Vivamus feugiat, lacus eu suscipit mattis, tortor mi aliquam leo, quis laoreet. Suspendisse in…

Alex Doe

Vivamus eu pharetra ex. Etiam eget diam ligula. Sed at blandit ante. Vivamus feugiat, lacus eu suscipit mattis, tortor mi aliquam leo, quis laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse in…

Flora Simons

Etiam eget diam ligula. Sed at blandit ante. Vivamus feugiat, lacus eu suscipit mattis, tortor mi aliquam leo, quis laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu pharetra ex. Suspendisse in…

Thomas Linderman

Sed at blandit ante. Vivamus feugiat, lacus eu suscipit mattis, tortor mi aliquam leo, quis laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu pharetra ex. Etiam eget diam ligula. Suspendisse in…

Sarah Brown

Get The Code

[testimonials-listing show="4"]

Testimonials Sidebar Rotator

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu pharetra ex. Etiam eget diam ligula. Sed at blandit ante. Vivamus feugiat, lacus eu suscipit mattis, tortor mi aliquam leo, quis laoreet. Suspendisse in…

Alex Doe

Vivamus eu pharetra ex. Etiam eget diam ligula. Sed at blandit ante. Vivamus feugiat, lacus eu suscipit mattis, tortor mi aliquam leo, quis laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse in…

Flora Simons

Etiam eget diam ligula. Sed at blandit ante. Vivamus feugiat, lacus eu suscipit mattis, tortor mi aliquam leo, quis laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu pharetra ex. Suspendisse in…

Thomas Linderman

Sed at blandit ante. Vivamus feugiat, lacus eu suscipit mattis, tortor mi aliquam leo, quis laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu pharetra ex. Etiam eget diam ligula. Suspendisse in…

Sarah Brown

Get The Code

[sidebar-testimonials show="4"]

Section Six Our Skilled Instructor Team

For showing our team shortcode on home page use below code

Get The Code

[our-team showposts="4"]

Section Seven Upcoming Events

17 Aug

Continuing Students for Registration

04:45 am - 12:45 pm

Broklyn Audiitorium, USA

17 Sept

Events on Computer Science Education

04:45 am - 12:45 pm

Hall - A | Broklyn Audiitorium

17 Oct

Application for a Degree due to The Graduate

04:45 am - 12:45 pm

Hall - A | Broklyn Audiitorium

Get The Code

[our-events showposts="3"]

Section Eight Our Blog

Why You Should Read Every Day

06-08-2019

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi congue nibh accumsan, placerat ipsum ac, viverra lacus. Vestibulum eu leo erat. Quisque mattis ligula auctor erat egestas suscipit. Nam…

Online Learning Glossary

06-08-2019

Duis sed commodo lacus. Aliquam congue varius nunc. Sed ut libero vitae lectus pharetra vulputate. Vestibulum dapibus turpis at lectus convallis sollicitudin sed vel est. Curabitur vitae faucibus arcu….

Relaxing after work

06-08-2019

Donec nec tempus dolor. Ut id mattis justo. Proin et interdum orci. Vestibulum consequat vulputate lectus, vitae semper elit scelerisque placerat. Maecenas tristique tincidunt sapien vitae consectetur. Praesent molestie…

Get The Code

[latest-news showposts="3" date="show" button_text="Read More"]

Section Nine Like To Become An Instructor?

For showing shortcode on home page use below code

Get The Code

[join_with_us title="Like To Become" highlight_title="An Instructor?" button_text="Join With Us" button_link="#"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu pharetra ex. Etiam eget diam ligula.[/join_with_us]

What We Do Shortcode About Us Page

Learning

Donec nec tempus dolor. Ut id mattis justo. Proin et interdum orci.

Online Education

Donec nec tempus dolor. Ut id mattis justo. Proin et interdum orci.

Trending Course

Donec nec tempus dolor. Ut id mattis justo. Proin et interdum orci.

Get The Code

[column_content type="one_third"][what_we_do icon="graduation-cap" icon_style="solid" title="Learning" button_text="Read More" button_link="#"]Donec nec tempus dolor. Ut id mattis justo. Proin et interdum orci.[/what_we_do][/column_content][column_content type="one_third"][what_we_do icon="chart-bar" icon_style="solid" title="Online Education" button_text="Read More" button_link="#"]Donec nec tempus dolor. Ut id mattis justo. Proin et interdum orci.[/what_we_do][/column_content][column_content type="one_third_last"][what_we_do icon="books" icon_style="solid" title="Trending Course" button_text="Read More" button_link="#"]Donec nec tempus dolor. Ut id mattis justo. Proin et interdum orci.[/what_we_do][/column_content][clear]

Accordion Shortcode

ACCORDION TITLE 1

ACCORDION CONTENT 1

ACCORDION TITLE 2

ACCORDION CONTENT 2

ACCORDION TITLE 3

ACCORDION CONTENT 3

Get The Code

[accordion][accordion_content title="ACCORDION TITLE 1"] ACCORDION CONTENT 1 [/accordion_content][accordion_content title="ACCORDION TITLE 2"] ACCORDION CONTENT 2 [/accordion_content][accordion_content title="ACCORDION TITLE 3"] ACCORDION CONTENT 3 [/accordion_content][/accordion]

Tab Shortcode

TAB TITLE 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet ligula non ipsum rutrum, non vestibulum est vulputate.
TAB TITLE 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet ligula non ipsum rutrum, non vestibulum est vulputate.
TAB TITLE 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet ligula non ipsum rutrum, non vestibulum est vulputate.

Get The Code

[tabs][tab title="TAB TITLE 1"] TAB CONTENT 1 [/tab][tab title="TAB TITLE 2"] TAB CONTENT 2 [/tab][tab title="TAB TITLE 3"] TAB CONTENT 3 [/tab][/tabs]

Toggle Shortcode

Toggle Title 1

Toggle content 1…

Toggle Title 2

Toggle content 2…

Toggle Title 3

Toggle content 3…

Get The Code

[toggle_content title="Toggle Title 1"] Toggle content 1...[/toggle_content][toggle_content title="Toggle Title 2"] Toggle content 2...[/toggle_content][toggle_content title="Toggle Title 3"] Toggle content 3... [/toggle_content]

Social Icon

( Note: More social icons can be found at: http://fortawesome.github.io/Font-Awesome/icons/)

Get The Code

[social_area][social icon="facebook-f" link="#"][social icon="twitter" link="#"][social icon="instagram" link="#"][social icon="linkedin-in" link="#"][social icon="google-plus-g" link="#"][/social_area]

Search Form

Get The Code

[searchform]

2 Column Shortcode

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula. Integer vehicula tristique mi nec sagittis. Praesent eleifend, leo in pretium eleifend, turpis lorem pulvinar dolor, et tincidunt quam ex et eros.

Get The Code

[column_content type="one_half" subcls="Add extra class to column"] Column content goes here.. [/column_content][column_content type="one_half_last" subcls="Add extra class to column"] Column content goes here.. [/column_content][clear]

3 Column Shortcode

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula. Integer vehicula tristique mi nec sagittis. Praesent eleifend, leo in pretium eleifend, turpis lorem pulvinar dolor, et tincidunt quam ex et eros.

Get The Code

[column_content type="one_third" subcls="Add extra class to column"] Column content goes here.. [/column_content][column_content type="one_third" subcls="Add extra class to column"] Column content goes here.. [/column_content][column_content type="one_third_last" subcls="Add extra class to column"] Column content goes here.. [/column_content]

4 Column Shortcode

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula. Integer vehicula tristique mi nec sagittis. Praesent eleifend, leo in pretium eleifend, turpis lorem pulvinar dolor, et tincidunt quam ex et eros.

Get The Code

[column_content type="one_fourth" subcls="Add extra class to column"] Column content goes here.. [/column_content][column_content type="one_fourth" subcls="Add extra class to column"] Column content goes here.. [/column_content][column_content type="one_fourth" subcls="Add extra class to column"] Column content goes here.. [/column_content][column_content type="one_fourth_last" subcls="Add extra class to column"] Column content goes here.. [/column_content][clear]

5 Column Shortcode

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula. Integer vehicula tristique mi nec sagittis. Praesent eleifend, leo in pretium eleifend, turpis lorem pulvinar dolor, et tincidunt quam ex et eros.

Get The Code

[column_content type="one_fifth" subcls="Add extra class to column"] Column content goes here.. [/column_content]
[column_content type="one_fifth" subcls="Add extra class to column"] Column content goes here..[/column_content][column_content type="one_fifth" subcls="Add extra class to column"]Column content goes here.. [/column_content][column_content type="one_fifth" subcls="Add extra class to column"] Column content goes here.. [/column_content][column_content type="one_fifth_last" subcls="Add extra class to column"] Column content goes here.. [/column_content][clear]

List Style

( Note: You can choose style from list-1 to list-10)

List Style 1

List style 1
List style 1
List style 1

Get The Code

[unordered_list style="list-1"]<li>List style 1</li><li>List style 1</li><li>List style 1</li>[/unordered_list]

List style 2

List style 2
List style 2
List style 2

Get The Code

[unordered_list style="list-2"]<li>List style 2</li><li>List style 2</li><li>List style 2</li>[/unordered_list]

List style 3

List style 3
List style 3
List style 3

Get The Code

[unordered_list style="list-3"]<li>List style 3</li><li>List style 3</li><li>List style 3</li>[/unordered_list]

List style 4

List style 4
List style 4
List style 4

Get The Code

[unordered_list style="list-4"]<li>List style 4</li><li>List style 4</li><li>List style 4</li>[/unordered_list]

List style 5

List style 5
List style 5
List style 5

Get The Code

[unordered_list style="list-5"]<li>List style 5</li><li>List style 5</li><li>List style 5</li>[/unordered_list]

List style 6

List style 6
List style 6
List style 6

Get The Code

[unordered_list style="list-6"]<li>List style 6</li><li>List style 6</li><li>List style 6</li>[/unordered_list]

List style 7

List style 7
List style 7
List style 7

Get The Code

[unordered_list style="list-7"]<li>List style 7</li><li>List style 7</li><li>List style 7</li>[/unordered_list]

List style 8

List style 8
List style 8
List style 8

Get The Code

[unordered_list style="list-8"]<li>List style 8</li><li>List style 8</li><li>List style 8</li>[/unordered_list]

List style 9

List style 9
List style 9
List style 9

Get The Code

[unordered_list style="list-9"]<li>List style 9</li><li>List style 9</li><li>List style 9</li>[/unordered_list]

List style 10

List style 10
List style 10
List style 10

Get The Code

[unordered_list style="list-10"]<li>List style 10</li><li>List style 10</li><li>List style 10</li>[/unordered_list]

Dropcap

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at malesuada erat. Nulla id accumsan nisl. Integer sem odio, finibus eget ornare eu, vulputate at tellus. Aenean in nibh facilisis, fringilla nisi vel, hendrerit odio. Nulla facilisi. Vestibulum quis ante ac ante mattis venenatis. Fusce tempor ultricies auctor. Fusce porta diam sed dapibus sollicitudin. Ut consequat efficitur sem sed efficitur. Ut eget cursus turpis. Quisque nibh est, rhoncus a massa in, elementum consectetur justo. Proin et tempus urna. Aenean gravida mollis nunc quis condimentum.

Get The Code

[dropcap]L[/dropcap]orem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at malesuada erat. Nulla id accumsan nisl.

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at malesuada erat. Nulla id accumsan nisl.

Get The Code

[blockquote align="left/right"] Text Here.. [/blockquote]

YouTube Video

Get The Code

[youtube vid_src="https://www.youtube.com/embed/XfRoM21qHtE" vid_height="350"]

Vimeo Video

Get The Code

[vimeo vid_src="https://player.vimeo.com/video/180290724" vid_height="350"]

Alert Message Box

This is a sample of the “success” style message box shortcode. To use this style use the following shortcode

Get The Code

[message type="success"]This is a sample of the "success" style message box shortcode. To use this style use the following shortcode[/message]

Alert Error Box

This is a sample of the “error” style message box shortcode. To use this style use the following shortcode.

Get The Code

[message type="error"]This is a sample of the "error" style message box shortcode. To use this style use the following shortcode.[/message]

Alert Warning Box

This is a sample of the “warning” style message box shortcode. To use this style use the following shortcode.

Get The Code

[message type="warning"]This is a sample of the "warning" style message box shortcode. To use this style use the following shortcode.[/message]

Alert Info Box

This is a sample of the “info” style message box shortcode. To use this style use the following shortcode.

Get The Code

[message type="info"]This is a sample of the "info" style message box shortcode. To use this style use the following shortcode.[/message]

Alert About Box

This is a sample of the “about” style message box shortcode. To use this style use the following shortcode.

Get The Code

[message type="about"]This is a sample of the "about" style message box shortcode. To use this style use the following shortcode.[/message]

Custom Button

View All

Get The Code

[button align="center" name="View All" link="#"]

Gradient Button

(Note : you can choose size of button from “small”,”medium”,”large”,”x-large”)

Medium Gradient Button

Get The Code

[gradient_button size="small" bg_color="#e00" color="#fff" text="Medium Gradient Button" title="Medium Gradient Button" url="" position="left"]

Simple Button

(Note : you can choose size of button from “small”,”medium”,”large”,”x-large”)

Medium Simple Button

Get The Code

[simple_button size="small/medium/large/x-large" bg_color="#e00" color="#fff" text="Medium Simple Button" title="Medium Gradient Button" url="" position="left"]

Round Button

(Note : you can choose style of button from “light”,”dark”)

Round Button

Get The Code

[round_button style="light" text="Round Button" title="Round Button" url="" position="left"]