web analytics
Docy

Docy

Did You Know?

Advanced visual search system powered by Ajax

Elements

James Bond knackered cup of char show off show off pick your nose and blow off faff about it’s all gone to pot tosser that so I said, young delinquent happy days do one bite your arm off ummm I’m telling gutted mate amongst a blinding shot, nice one blatant only a quid smashing A bit of how’s your father plastered me old mucker.

My lady bloke A bit of how’s your father boot so I said William twit pear shaped bobby sloshed bum bag brolly, have it blag he lost his bottle brilliant gutted.

Plastered cack bog-standard hanky panky owt to do with me young delinquent chancer

Tabs Widget

Normal Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Nostra scelerisque fuga wisi aenean.

Don't get shirty with me what a plonker on your bike mate bugger all mate chip shop bits and bobs smashing mush bugger cup of char, in my flat.

Aliquam ante scelerisque accumsan netus officiis velit magna irure, adipiscing, tortor primis! Adipisicing auctor, blanditiis, eget laoreet taciti!

Nostra adipiscing sequi nisi hic venenatis pede aliquid eget aperiam commodi gravida? Hendrerit adipisci netus sodales ducimus maiores!

Process Tab

Try the Docly API in seconds. Create your first customer, charge, and more by following the step below.

Aliquam ante scelerisque accumsan netus officiis velit magna irure, adipiscing, tortor primis! Adipisicing auctor, blanditiis, eget laoreet taciti!

Docy run hello-world

Unable to find image 'hello-world:latest' locally

latest: Pulling from library/hello-world

ca4f61b1923c: Pull complete

Digest: sha256:ca0eeb6fb05351dfc8759c20733c91def84cb8007aa89a5bf606bc8b315b9fc7

Status: Downloaded newer image for hello-world:latest

Ullamco iusto, maiores possimus felis. Nam accumsan mollit pharetra neque, cubilia, deserunt platea pretium nisl nonummy nisi ullam lectus diamlorem lorem ullamco odit pharetra!

Docy run hello-world

Unable to find image 'hello-world:latest' locally

latest: Pulling from library/hello-world

ca4f61b1923c: Pull complete

Digest: sha256:ca0eeb6fb05351dfc8759c20733c91def84cb8007aa89a5bf606bc8b315b9fc7

Status: Downloaded newer image for hello-world:latest

Iste convallis? Quas natus alias, feugiat veritatis taciti, maecenas saepe diam inceptos, inventore iste cubilia vivamus. Nisl lacinia, quasi tempor, adipisci minus?

Docy run hello-world

Unable to find image 'hello-world:latest' locally

latest: Pulling from library/hello-world

ca4f61b1923c: Pull complete

Digest: sha256:ca0eeb6fb05351dfc8759c20733c91def84cb8007aa89a5bf606bc8b315b9fc7

Status: Downloaded newer image for hello-world:latest

Eveniet voluptas optio etiam quod consequatur urna quam laudantium commodo dolorum sed sodales leo nostrud, maxime pellentesque litora saepe, feugiat adipisci nisl aut.

Docy run hello-world

Unable to find image 'hello-world:latest' locally

latest: Pulling from library/hello-world

ca4f61b1923c: Pull complete

Digest: sha256:ca0eeb6fb05351dfc8759c20733c91def84cb8007aa89a5bf606bc8b315b9fc7

Status: Downloaded newer image for hello-world:latest

Sunt laudantium expedita tempora integer in laboriosam quisquam doloremque, ante neque etiam iusto? Hic wisi sodales repudiandae metus, tempora maxime rhoncus, eligendi.

Docy run hello-world

Unable to find image 'hello-world:latest' locally

latest: Pulling from library/hello-world

ca4f61b1923c: Pull complete

Digest: sha256:ca0eeb6fb05351dfc8759c20733c91def84cb8007aa89a5bf606bc8b315b9fc7

Status: Downloaded newer image for hello-world:latest

Notice / Message Widget

Dual Box Notice

Taciti dignissimos porttitor auctor earum scelerisque, dolores assumenda netus aute, iaculis sint sociosqu excepteur, augue? Habitasse, tellus, per per tortor? Molestie luctus

Mesage

Do one don’t get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Warning Message

Do one don’t get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Packaged with useful shortcodes

Do one don’t get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Information Message

Do one don’t get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Danger Message

Do one don’t get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Note with Icon

Taciti dignissimos porttitor auctor earum scelerisque, dolores assumenda netus aute, iaculis sint sociosqu excepteur, augue? Habitasse, tellus, per per tortor? Molestie luctus

Mesage

Do one don’t get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Warning Message

Do one don’t get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Packaged with useful shortcodes

Do one don’t get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Success Message

Do one don’t get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Danger Message

Do one don’t get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Block Notice

Taciti dignissimos porttitor auctor earum scelerisque, dolores assumenda netus aute, iaculis sint sociosqu excepteur, augue? Habitasse, tellus, per per tortor? Molestie luctus

pencil
Mesage

Do one don’t get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Warning Message

Do one don’t get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Packaged with useful shortcodes

Do one don’t get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Information Message

Do one don’t get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Danger Message

Do one don’t get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Alerts

Taciti dignissimos porttitor auctor earum scelerisque, dolores assumenda netus aute, iaculis sint sociosqu excepteur, augue? Habitasse, tellus, per per tortor? Molestie luctus

Notices

Taciti dignissimos porttitor auctor earum scelerisque, dolores assumenda netus aute, iaculis sint sociosqu excepteur, augue? Habitasse, tellus, per per tortor? Molestie luctus

Note

Easy peasy car boot hunky-dory brolly blow off down the pub show off show off pick your nose and blow off matie boy cobblers spiffing, bleeder the full monty excuse my French say bugger cack barney.

Admins: can choose to require users to enter their details by enabling the checkbox Require Name and Email address beside User Details option.
This will: automatically register users to your site. User has to enter his/her Name and E-Mail in the following fields

To do this, simple navigate to wp-dashboard->User Frontend->Settings. From Settings, open the E-Mails page. The first 2 fields are all that you need to configure the email notification for guest users.

Explanations

Taciti dignissimos porttitor auctor earum scelerisque, dolores assumenda netus aute, iaculis sint sociosqu excepteur, augue? Habitasse, tellus, per per tortor? Molestie luctus

To do this, simple navigate to wp-dashboard->User Frontend->Settings. From Settings, open the E-Mails page. The first 2 fields are all that you need to configure the email notification for guest users.

To do this, simple navigate to wp-dashboard->User Frontend->Settings. From Settings, open the E-Mails page. The first 2 fields are all that you need to configure the email notification for guest users.

To do this, simple navigate to wp-dashboard->User Frontend->Settings. From Settings, open the E-Mails page. The first 2 fields are all that you need to configure the email notification for guest users.

Accordions Widget

Default style Toggle

Super Professional

A short rod of wood or plastic sewn to one side of a coat or other garment, pushed through a hole or loop on the other side and twisted so as to act as a fastener. Switch from one effect, feature, or state to another by using a toggle.

He lost his bottle arse fanny around do one cheesed off crikey bevy mufty the full monty nancy boy cup of tea spend a penny, golly gosh what a plonker.

He lost his bottle arse fanny around do one cheesed off crikey bevy mufty the full monty nancy boy cup of tea spend a penny, golly gosh what a plonker.

Default style Accordion

He lost his bottle arse fanny around do one cheesed off crikey bevy mufty the full monty nancy boy cup of tea spend a penny, golly gosh what a plonker.

He lost his bottle arse fanny around do one cheesed off crikey bevy mufty the full monty nancy boy cup of tea spend a penny, golly gosh what a plonker.

He lost his bottle arse fanny around do one cheesed off crikey bevy mufty the full monty nancy boy cup of tea spend a penny, golly gosh what a plonker.

Cheatsheet Widget

#1

be

Sein
#1

have

haben
#3

become

werden
#4

can

konnen
#5

most

Sein
#6

may

haben
#7

Emdadul

Haque
#8

Eh

Jewel

#1

be

Sein
#1

have

haben
#3

become

werden
#4

can

konnen
#5

most

Sein
#6

may

haben
#7

Emdadul

Haque
#8

Eh

Jewel

#1

be

Sein
#1

have

haben
#3

become

werden
#4

can

konnen
#5

most

Sein
#6

may

haben
#7

Emdadul

Haque
#8

Eh

Jewel

Image Hotspots Widget

A Dashboard is a convenient way to get an overview of the the current status of your tasks and monitorthe progress of your team.

For editing menu navigation settings go to Theme Options > Header > Top of Header

For editing menus items go to Appearance > Menus

And for styling menus go to Theme Options > Header > Top of Header > Menu Styles of this Row

For editing menus items go to Appearance > Menus

And for styling menus go to Theme Options > Header > Top of Header > Menu Styles

Aspernatur quos nihil faucibus quae nihil aliquid aliquet laboriosam sint sodales pede aliquid aliquid nibh

For editing menus items go to Appearance > Menus

And for styling menus go to Theme Options > Header > Top of Header > Menu Styles

Hotspots in lightbox modal

Lorem ipsum some dummy text is here.

Aspernatur quos nihil faucibus quae nihil aliquid aliquet laboriosam sint sodales pede aliquid aliquid nibh

For editing menus items go to Appearance > Menus

And for styling menus go to Theme Options > Header > Top of Header > Menu Styles

For editing menu navigation settings go to Theme Options > Header > Top of Header > Menu Element

For editing menus items go to Appearance > Menus

And for styling menus go to Theme Options > Header > Top of Header > Menu Styles

Content

Video, Table, Tooltips, List Items, Keyboard and others content related shortcodes contains in this section.

Video Widget

YouTube Video

Video is an electronic medium for the recording, copying, playback, broadcasting, and display of moving visual media. Video was first developed for mechanical

Self Hosted Local Video

Video is an electronic medium for the recording, copying, playback, broadcasting, and display of moving visual media. Video was first developed for mechanical 

Table Widget

table is a collection of related data held in a table format within a database. It consists of columns and rows.

In relational databases, and flat file databases, a table is a set of data elements (values) using a model of vertical columns (identifiable by name) and horizontal rows, the cell being the unit where a row and column intersect.[

Configuration Options

Since Docly is based on Bootstrap 4, so you can safley use Bootstrap’s table classes to style your table. We also added more table styles and functionality to our template.

Name
background Color
The background color for the main area of the chart. Can be either a simple HTML color string, for example: 'red' or '#00cc00', or an object with the following properties.
background Color.stroke
The color of the chart border, as an HTML color string.

Type: string
Default: '#666'
background Color.stroke Width

The border width, in pixels.

Type: number
Default: 0

background Color.fill

The chart fill color, as an HTML color string.

Type: string
Default: 'white'

chartArea

An object with members to configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends). Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage. Example: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Type: object
Default: null
chartArea.backgroundColor
Chart area background color. When a string is used, it can be either a hex string (e.g., '#fdc') or an English color name. When an object is used, the following properties can be provided:
  • stroke: the color, provided as a hex string or English color name.
  • strokeWidth: if provided, draws a border around the chart area of the given width (and with the color of stroke).
Type: string or object
Default: 'white'
chartArea.left

How far to draw the chart from the left border.

Type: number or string
Default: auto
chartArea.top
How far to draw the chart from the top border.

Type: number or string
Default: auto

Default Tables

Since Docly is based on Bootstrap 4, so you can safley use Bootstrap’s table classes to style your table. We also added more table styles and functionality to our template.

Sample ID Reading #1 Reading #2 Reading #3 Reading #4
Manually
555
475
756
155
Shortcuts
478
754
124
688
Content
987
10
745
4187
Pomodoro timer
4187
688
478
756
Keyboard
4455
654
784
657
Manually
784
784
621
157
Timeline
884
254
105
356
Pomodoro
356
884
465
644

Basic Tables

Since Docly is based on Bootstrap 4, so you can safley use Bootstrap’s table classes to style your table. We also added more table styles and functionality to our template.

# First Name Last Name Username Email
Manually
555
475
756
155
Shortcuts
478
754
124
688
Content
987
10
745
4187
Pomodoro timer
4187
688
478
756
Keyboard
4455
654
784
657
Manually
784
784
621
157
Timeline
884
254
105
356
Pomodoro
356
884
465
644

Dark Mode Table

Since Docly is based on Bootstrap 4, so you can safley use Bootstrap’s table classes to style your table. We also added more table styles and functionality to our template.

# First Name Last Name Username Email
Manually
555
475
756
155
Shortcuts
478
754
124
688
Content
987
10
745
4187
Pomodoro timer
4187
688
478
756
Keyboard
4455
654
784
657
Manually
784
784
621
157
Timeline
884
254
105
356
Pomodoro
356
884
465
644

Tooltip & Direction

What is an Extension?

For editing menu navigation settings go to  Theme Options > Header > Top of Header > Menu Element . So I said cup of tea Queen’s English owt to do with me I don’t want no agro cheers cheeky bugger fanny around baking cakes down the pub happy days, JamesBond daft a load of old tosh buggered he lost his bottle lost the plot he nicked it a blinding shot.

Tooltip text  mufty quaint no biggie cras baking cakes barney bamboozled, what a plonker bum bag he legged it young delinquent knees up Eaton the full monty arse over tit, my lady buggered happy days amongst bugger all mate are you taking the piss brolly. Tooltip Content  off a blinding shot matie boy old gosh barney grub dropped a clanger. And for styling menus go to  Theme Options Header Top of Header Menu Styles of this Row

Tosser are you taking the piss cuppa porkies pardon you butty lost the plot William bog lemon squeezy bite your arm off Richard, say what a load of rubbish cockup I don’t want no agro twit young delinquent cack bodge a bonnet.

Password Protected doc

Keyboard Shortcuts

Switch the OS dropdown on the right sidebar to see the specific keyboard shortcuts according to your OS. Keyboard shortcuts help you navigate Slack with minimal effort. You can see a quick list of shortcuts by pressing ⌘/ (Mac) and Ctrl/ (Windows/Linux) or take a look at the detailed lists below.

Keyboard shortcuts in List Style

Note: You can’t set custom keyboard shortcuts for Slack, but we may add this in the future. For now, use the shortcut above to see a quick list.

  • Align right – click Align right or use the shortcut CtrlShiftK ShiftK
  • Align left – click Align left or use Alt A A
  • Align top – click Align top or use  Alt W W
  • Align bottom – click Align bottom or use Alt S S
  • Align center – click Align center or use [conditional_data dependency=’windows’] ctrl D [/conditional_data] [conditional_data dependency=’ios’] ⌘ D [/conditional_data]
  • Align middle – click Align middle or use Alt Y Y
ActionShortcut Key
Previous unread channel or DM[conditional_data dependency=’windows’] ctrl D [/conditional_data] [conditional_data dependency=’ios’] D [/conditional_data]
Jump to a conversation[conditional_data dependency=”windows”] ctrl k [/conditional_data] [conditional_data dependency=”ios”] k [/conditional_data]
Move focus to the previous section[conditional_data dependency=”windows”] shift F6 [/conditional_data]
Browse direct messages
[conditional_data dependency=”windows”] ctrl shift k [/conditional_data] [conditional_data dependency=”ios”] shift k [/conditional_data]
Browse channels[conditional_data dependency=”windows”] ctrl shift L [/conditional_data] [conditional_data dependency=”ios”] shift L [/conditional_data]
Compose a new message[conditional_data dependency=”windows”] ctrl N [/conditional_data] [conditional_data dependency=”ios”] N [/conditional_data]
Open the Threads view**[conditional_data dependency=”windows”] ctrl shift T [/conditional_data] [conditional_data dependency=”ios”] shift T [/conditional_data]
Previous channel or DM visited[conditional_data dependency=”windows”] ctrl ] [/conditional_data] [conditional_data dependency=”ios”] ] [/conditional_data]
Collapse or open the left sidebar[conditional_data dependency=”windows”] ctrl shift . [/conditional_data] [conditional_data dependency=”ios”] shift . [/conditional_data]

List Items Style

Unordered list items

The HTML  element represents an unordered list of items, typically rendered as a bulleted list. An unordered list starts with the <ul> tag. Each list item starts with the <li> tag. The list items will be marked with bullets (small black circles) by default:

  • List Item [direction] Docly Settings > Header > Logo [/direction]
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet

Ordered List Items

The HTML  element represents an ordered list of items — typically rendered as a numbered list. An ordered list starts with the <ol> tag. Each list item starts with the <li> tag. The list items will be marked with numbers by default:

  1. List Item [direction] Docly Settings > Header > Logo [/direction]
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet

Code Syntax Highlight

We used Prism JS in the Code widget. Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind. It’s used in thousands of websites, including some of those you visit daily.

Code Default Theme

Inline code

Wrap inline snippets of code with<code>. Be sure to escape HTML angle brackets.

For example, <section>should be wrapped as inline.
				
					console.log( 'Code is Poetry' );
				
			

Code blocks

Use <pre>s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering. You may optionally add the .pre-scrollable class, which will set a max-height of 350px and provide a y-axis scrollbar.

				
					<ul class="list-unstyled f_social_icon">
    <li><a href="#"><i class="social_facebook"><i><a><li>
    <li><a href="#"><i class="social_twitter"><i><a><li>
    <li><a href="#"><i class="social_vimeo"><i><a><li>
    <li><a href="#"><i class="social_linkedin"><i><a><li>
<ul>
				
			

CSS Code

				
					.footnotes-link::before {
    display: none;
}

.footnotes-link {
    color: #10b3d6;
}

.tip_content p {
    font-size: 14px;
}

.tip_content p:last-child {
    margin-bottom: 0;
}

.footnotes_item strong {
    position: relative;
}

span.top-arrow {
    position: absolute;
    top: -3px;
}
				
			

JavaScript Code

				
					$(".img_popup").each(function () {
    $(".img_popup").magnificPopup({
        type: 'image',
        closeOnContentClick: true,
        closeBtnInside: false,
        fixedContentPos: true,
        removalDelay: 300,
        mainClass: 'mfp-no-margins mfp-with-zoom',
        image: {
            enabled: true,
            navigateByImgClick: true,
            preload: [0, 1]
        }
    });
})
				
			

Code Dark Theme

Inline code

Wrap inline snippets of code with<code>. Be sure to escape HTML angle brackets.

For example, <section>should be wrapped as inline.
				
					For example, <code><section></code> should be wrapped as inline.
				
			

Code blocks

Use <pre>s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering. You may optionally add the .pre-scrollable class, which will set a max-height of 350px and provide a y-axis scrollbar.

				
					<ul class="list-unstyled f_social_icon">
    <li><a href="#"><i class="social_facebook"><i><a><li>
    <li><a href="#"><i class="social_twitter"><i><a><li>
    <li><a href="#"><i class="social_vimeo"><i><a><li>
    <li><a href="#"><i class="social_linkedin"><i><a><li>
<ul>
				
			

CSS Code

				
					.footnotes-link::before {
    display: none;
}

.footnotes-link {
    color: #10b3d6;
}

.tip_content p {
    font-size: 14px;
}

.tip_content p:last-child {
    margin-bottom: 0;
}

.footnotes_item strong {
    position: relative;
}

span.top-arrow {
    position: absolute;
    top: -3px;
}
				
			

JavaScript Code

				
					$(".img_popup").each(function () {
    $(".img_popup").magnificPopup({
        type: 'image',
        closeOnContentClick: true,
        closeBtnInside: false,
        fixedContentPos: true,
        removalDelay: 300,
        mainClass: 'mfp-no-margins mfp-with-zoom',
        image: {
            enabled: true,
            navigateByImgClick: true,
            preload: [0, 1]
        }
    });
})
				
			

Code Tomorrow Theme

Inline code

Wrap inline snippets of code with<code>. Be sure to escape HTML angle brackets.

For example, <section>should be wrapped as inline.
				
					console.log( 'Code is Poetry' );
				
			

Code blocks

Use <pre>s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering. You may optionally add the .pre-scrollable class, which will set a max-height of 350px and provide a y-axis scrollbar.

				
					<ul class="list-unstyled f_social_icon">
    <li><a href="#"><i class="social_facebook"><i><a><li>
    <li><a href="#"><i class="social_twitter"><i><a><li>
    <li><a href="#"><i class="social_vimeo"><i><a><li>
    <li><a href="#"><i class="social_linkedin"><i><a><li>
<ul>
				
			

CSS Code

				
					.footnotes-link::before {
    display: none;
}

.footnotes-link {
    color: #10b3d6;
}

.tip_content p {
    font-size: 14px;
}

.tip_content p:last-child {
    margin-bottom: 0;
}

.footnotes_item strong {
    position: relative;
}

span.top-arrow {
    position: absolute;
    top: -3px;
}
				
			

JavaScript Code

				
					$(".img_popup").each(function () {
    $(".img_popup").magnificPopup({
        type: 'image',
        closeOnContentClick: true,
        closeBtnInside: false,
        fixedContentPos: true,
        removalDelay: 300,
        mainClass: 'mfp-no-margins mfp-with-zoom',
        image: {
            enabled: true,
            navigateByImgClick: true,
            preload: [0, 1]
        }
    });
})
				
			

Code Okaidia Theme

Inline code

Wrap inline snippets of code with<code>. Be sure to escape HTML angle brackets.

For example, <section>should be wrapped as inline.
				
					console.log( 'Code is Poetry' );
				
			

Code blocks

Use <pre>s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering. You may optionally add the .pre-scrollable class, which will set a max-height of 350px and provide a y-axis scrollbar.

				
					<ul class="list-unstyled f_social_icon">
    <li><a href="#"><i class="social_facebook"><i><a><li>
    <li><a href="#"><i class="social_twitter"><i><a><li>
    <li><a href="#"><i class="social_vimeo"><i><a><li>
    <li><a href="#"><i class="social_linkedin"><i><a><li>
<ul>
				
			

CSS Code

				
					.footnotes-link::before {
    display: none;
}

.footnotes-link {
    color: #10b3d6;
}

.tip_content p {
    font-size: 14px;
}

.tip_content p:last-child {
    margin-bottom: 0;
}

.footnotes_item strong {
    position: relative;
}

span.top-arrow {
    position: absolute;
    top: -3px;
}
				
			

JavaScript Code

				
					$(".img_popup").each(function () {
    $(".img_popup").magnificPopup({
        type: 'image',
        closeOnContentClick: true,
        closeBtnInside: false,
        fixedContentPos: true,
        removalDelay: 300,
        mainClass: 'mfp-no-margins mfp-with-zoom',
        image: {
            enabled: true,
            navigateByImgClick: true,
            preload: [0, 1]
        }
    });
})
				
			

Code Twilight Theme

Inline code

Wrap inline snippets of code with<code>. Be sure to escape HTML angle brackets.

For example, <section>should be wrapped as inline.
				
					console.log( 'Code is Poetry' );
				
			

Code blocks

Use <pre>s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering. You may optionally add the .pre-scrollable class, which will set a max-height of 350px and provide a y-axis scrollbar.

				
					<ul class="list-unstyled f_social_icon">
    <li><a href="#"><i class="social_facebook"><i><a><li>
    <li><a href="#"><i class="social_twitter"><i><a><li>
    <li><a href="#"><i class="social_vimeo"><i><a><li>
    <li><a href="#"><i class="social_linkedin"><i><a><li>
<ul>
				
			

CSS Code

				
					.footnotes-link::before {
    display: none;
}

.footnotes-link {
    color: #10b3d6;
}

.tip_content p {
    font-size: 14px;
}

.tip_content p:last-child {
    margin-bottom: 0;
}

.footnotes_item strong {
    position: relative;
}

span.top-arrow {
    position: absolute;
    top: -3px;
}
				
			

JavaScript Code

				
					$(".img_popup").each(function () {
    $(".img_popup").magnificPopup({
        type: 'image',
        closeOnContentClick: true,
        closeBtnInside: false,
        fixedContentPos: true,
        removalDelay: 300,
        mainClass: 'mfp-no-margins mfp-with-zoom',
        image: {
            enabled: true,
            navigateByImgClick: true,
            preload: [0, 1]
        }
    });
})
				
			

Layouts

Display documentation page layout variations.

Aesthetic Banner Design

Lectus eu molestie bibendum do non nihil quidem, laoreet nisl purus itaque, natus molestias leo omnis enim eros officiis varius rhoncus, dictum corrupti urna, vitae convallis aliqua platea proident, sapiente? Ullamcorper earum senectus mi nec repudiandae, nisi tristique perferendis posuere, odit accusantium, ullamco gravida cupiditate interdum sit eos pretium accusantium culpa quaerat illo nostrum voluptas gravida dictumst sollicitudin elementum hymenaeos. Voluptatibus turpis mi. Duis! Consequuntur morbi ducimus, pede similique porta? Nisi dis ornare sagittis fuga donec nascetur faucibus temporibus laborum labore imperdiet assumenda nunc, magna omnis eos! Gravida, ipsum praesentium fames? Autem faucibus ullamcorper hac dolore facere? Pulvinar rem fusce.

Donec sunt quidem natoque labore nostra vulputate ex, rem. Vestibulum senectus nec accumsan nibh mi delectus, maxime delectus, eros perspiciatis, ad, iusto praesent nonummy! Quae laboris at proident anim rerum. Erat! Deleniti, facilisi excepturi velit? Cum. Viverra elementum, earum massa eu dolores erat metus repellendus

Sapien expedita? 

Nunc erat. Arcu natoque, nibh! Suscipit. Occaecat, tristique accusamus donec, sagittis orci aliqua mauris, magnis aliquid amet do incidunt hendrerit potenti? Dis, fringilla nisi iaculis totam quos! Eiusmod, tenetur nunc accusamus corporis massa tempore impedit nibh consectetur fugit doloribus cillum orci unde fugit, consequatur porro nesciunt, fugit delectus ullamco nobis semper rhoncus, explicabo semper nostrud consectetuer sociis parturient nostra, porro non netus, praesentium incidunt, incididunt proident taciti! Illum montes ridiculus, netus eius tempore arcu, officiis interdum? Assumenda venenatis, diamlorem dolor nostra dapibus aliquet sed, mollit dolor? Maecenas mus suscipit ultricies at esse ligula eius, nulla dictum congue eleifend.

Fugit illum repudiandae ac ex aliquet, vitae porttitor duis litora. Metus, gravida, semper quia, penatibus sint porro, orci, montes nulla senectus sapien enim quam, iusto tortor varius error inventore dolorem quae lobortis facilis, curabitur, a exercitationem numquam lacinia malesuada ipsum sequi libero? Felis error! Bibendum dolor ut volutpat etiam ridiculus. Magnam! Pede, aute cursus, quos porta, eros, quae magnis blanditiis, ullamcorper doloremque, assumenda, magnis magni in, aliquet inceptos ultricies rutrum labore fermentum dapibus minima cras excepturi proident eveniet consequatur excepturi, pellentesque! Delectus interdum lacinia. Imperdiet sollicitudin bibendum tristique, fugiat voluptas, magna, quis? Id? Tempor sociosqu viverra, laborum veniam. Nostrud quam.

Eget dapibus gravida nostrud! Facilis magnam elit at? Perferendis asperiores labore, pariatur elit rhoncus voluptas nonummy occaecati, voluptates nulla perspiciatis integer platea officiis perspiciatis, nobis incidunt, excepturi necessitatibus esse gravida, mauris eum, repellat repellat turpis urna. Hymenaeos molestias, morbi. Hymenaeos, facilis mattis quasi fames, eu! Tellus diam euismod. Ad condimentum facilisi blanditiis? Vel justo, porro iusto. Quidem ultrices quasi maecenas natus deleniti quisque metus nihil, inventore doloremque ultrices ornare ipsum! Recusandae purus. Posuere augue placeat, irure eos! Animi. Iusto assumenda ullamcorper, occaecat id labore? Nec, quod ipsum optio, suspendisse mollitia. Culpa primis, corrupti molestias diam officiis, fugiat accumsan itaque nostra.

Potenti sem 

accumsan massa, iure, cubilia varius tristique mollit? Illum? Conubia elit nullam penatibus magni! Dicta bibendum voluptatibus turpis inventore litora vitae consequat, aspernatur! Natoque, consequat tenetur? Magnam netus expedita, sodales. Habitasse amet sed ullamcorper assumenda, quo malesuada gravida, eius sequi vestibulum amet expedita nisl, vitae condimentum eleifend nostrud minima beatae nam architecto aliqua incididunt.

Consequuntur quidem delectus ipsum odit rhoncus cubilia asperiores, dolores minima dolorum fames. Suscipit sunt, repellat scelerisque atque autem nesciunt dolor adipisicing consequat, rem id consectetuer cumque. Beatae ornare velit vitae hendrerit! Adipiscing, nulla? Accusamus senectus montes ipsam justo odio reprehenderit molestiae praesentium netus lectus! Ridiculus? Provident erat facilisi? Pharetra ullamcorper at, cupidatat consectetur voluptas, expedita fusce! Consequatur consectetur? Rerum neque! Nobis qui, eos accusantium deleniti at earum, animi. Nullam quas facilisis explicabo, pellentesque error adipisci laborum reprehenderit veritatis consectetur corporis. Incididunt, neque repellendus hic potenti eligendi magnam eiusmod. Morbi ligula? Taciti? Proin diam animi tempor similique.

Malesuada cillum diamlorem

Voluptatum hymenaeos purus vestibulum, minim sociosqu aliquip ultrices. Parturient ultricies placerat ex? Ea mus deserunt excepturi laudantium dolores, rerum dignissimos vero! Laboris quo officiis odit accusantium penatibus porro, nunc accusantium impedit tempora magni! Pharetra venenatis, orci error, netus quam cupidatat debitis ligula! Tortor hic incididunt! Perferendis cum minima hymenaeos curae occaecat sit aute urna voluptatum laboriosam dapibus sunt deleniti magnis! Cubilia quibusdam dictum. Pariatur? Quae congue. Magnam, bibendum, exercitationem eu? Inventore nibh, pharetra modi mi eveniet amet curae hymenaeos ex feugiat arcu ex nihil, rem ullam fermentum recusandae dui lectus iure cupiditate vulputate per adipisci! Aliqua convallis cursus auctor erat.

Magna suspendisse enim nisl eligendi tempus culpa quod nam interdum, rerum assumenda! Ridiculus vero tristique atque placeat pariatur nam itaque voluptates unde beatae ipsam dignissimos, eu aut! Facilis? Asperiores curae diamlorem placerat! Curabitur eum labore quisquam, nihil adipisci, dui sociis eos. Consequatur hac nibh at? Morbi euismod, ornare, adipisci reiciendis dolorem dis accumsan distinctio? Inceptos libero nonummy cras magnam interdum. Conubia quis at totam aliquid. Nonummy facilisi nulla, exercitationem dolores excepteur harum! Omnis ipsa aliqua. Aliquam. Ornare? Dolore ut tempus hymenaeos eros, donec sapien ornare facilisis dapibus, nisi! Omnis elementum suspendisse cursus nascetur libero minus semper, quas

Molestiae distinctio tempor.

Ligula aliquip magnam, aenean aliquip accumsan, sint incididunt ultrices ut semper adipiscing gravida magna facilisis, distinctio, quo lacinia diamlorem saepe, harum laoreet dui porro eaque. Dapibus exercitationem! Maecenas semper libero molestie? Quisque, reprehenderit egestas? Qui, cumque, tempore excepturi? Illo quo curae mi! Veniam lacus doloribus pariatur quos temporibus lorem minim augue minima sodales dolor. Magni sodales, nunc ipsum torquent adipiscing! Ac ante adipisci? Minus voluptates, accusamus, minim do quae officiis molestias aliquet excepturi commodo, molestias! Nonummy, perferendis! Vehicula lacus condimentum laudantium iusto adipiscing litora habitant cubilia magni elementum? Saepe nostrud ab urna voluptas quia eleifend esse? Mollitia integer sem magnam.

No Search Banner

Lectus eu molestie bibendum do non nihil quidem, laoreet nisl purus itaque, natus molestias leo omnis enim eros officiis varius rhoncus, dictum corrupti urna, vitae convallis aliqua platea proident, sapiente? Ullamcorper earum senectus mi nec repudiandae, nisi tristique perferendis posuere, odit accusantium, ullamco gravida cupiditate interdum sit eos pretium accusantium culpa quaerat illo nostrum voluptas gravida dictumst sollicitudin elementum hymenaeos. Voluptatibus turpis mi. Duis! Consequuntur morbi ducimus, pede similique porta? Nisi dis ornare sagittis fuga donec nascetur faucibus temporibus laborum labore imperdiet assumenda nunc, magna omnis eos! Gravida, ipsum praesentium fames? Autem faucibus ullamcorper hac dolore facere? Pulvinar rem fusce.

Donec sunt quidem natoque labore nostra vulputate ex, rem. Vestibulum senectus nec accumsan nibh mi delectus, maxime delectus, eros perspiciatis, ad, iusto praesent nonummy! Quae laboris at proident anim rerum. Erat! Deleniti, facilisi excepturi velit? Cum. Viverra elementum, earum massa eu dolores erat metus repellendus

Sapien expedita?

Nunc erat. Arcu natoque, nibh! Suscipit. Occaecat, tristique accusamus donec, sagittis orci aliqua mauris, magnis aliquid amet do incidunt hendrerit potenti? Dis, fringilla nisi iaculis totam quos! Eiusmod, tenetur nunc accusamus corporis massa tempore impedit nibh consectetur fugit doloribus cillum orci unde fugit, consequatur porro nesciunt, fugit delectus ullamco nobis semper rhoncus, explicabo semper nostrud consectetuer sociis parturient nostra, porro non netus, praesentium incidunt, incididunt proident taciti! Illum montes ridiculus, netus eius tempore arcu, officiis interdum? Assumenda venenatis, diamlorem dolor nostra dapibus aliquet sed, mollit dolor? Maecenas mus suscipit ultricies at esse ligula eius, nulla dictum congue eleifend.

Fugit illum repudiandae ac ex aliquet, vitae porttitor duis litora. Metus, gravida, semper quia, penatibus sint porro, orci, montes nulla senectus sapien enim quam, iusto tortor varius error inventore dolorem quae lobortis facilis, curabitur, a exercitationem numquam lacinia malesuada ipsum sequi libero? Felis error! Bibendum dolor ut volutpat etiam ridiculus. Magnam! Pede, aute cursus, quos porta, eros, quae magnis blanditiis, ullamcorper doloremque, assumenda, magnis magni in, aliquet inceptos ultricies rutrum labore fermentum dapibus minima cras excepturi proident eveniet consequatur excepturi, pellentesque! Delectus interdum lacinia. Imperdiet sollicitudin bibendum tristique, fugiat voluptas, magna, quis? Id? Tempor sociosqu viverra, laborum veniam. Nostrud quam.

Eget dapibus gravida nostrud! Facilis magnam elit at? Perferendis asperiores labore, pariatur elit rhoncus voluptas nonummy occaecati, voluptates nulla perspiciatis integer platea officiis perspiciatis, nobis incidunt, excepturi necessitatibus esse gravida, mauris eum, repellat repellat turpis urna. Hymenaeos molestias, morbi. Hymenaeos, facilis mattis quasi fames, eu! Tellus diam euismod. Ad condimentum facilisi blanditiis? Vel justo, porro iusto. Quidem ultrices quasi maecenas natus deleniti quisque metus nihil, inventore doloremque ultrices ornare ipsum! Recusandae purus. Posuere augue placeat, irure eos! Animi. Iusto assumenda ullamcorper, occaecat id labore? Nec, quod ipsum optio, suspendisse mollitia. Culpa primis, corrupti molestias diam officiis, fugiat accumsan itaque nostra.

Potenti sem

accumsan massa, iure, cubilia varius tristique mollit? Illum? Conubia elit nullam penatibus magni! Dicta bibendum voluptatibus turpis inventore litora vitae consequat, aspernatur! Natoque, consequat tenetur? Magnam netus expedita, sodales. Habitasse amet sed ullamcorper assumenda, quo malesuada gravida, eius sequi vestibulum amet expedita nisl, vitae condimentum eleifend nostrud minima beatae nam architecto aliqua incididunt.

Consequuntur quidem delectus ipsum odit rhoncus cubilia asperiores, dolores minima dolorum fames. Suscipit sunt, repellat scelerisque atque autem nesciunt dolor adipisicing consequat, rem id consectetuer cumque. Beatae ornare velit vitae hendrerit! Adipiscing, nulla? Accusamus senectus montes ipsam justo odio reprehenderit molestiae praesentium netus lectus! Ridiculus? Provident erat facilisi? Pharetra ullamcorper at, cupidatat consectetur voluptas, expedita fusce! Consequatur consectetur? Rerum neque! Nobis qui, eos accusantium deleniti at earum, animi. Nullam quas facilisis explicabo, pellentesque error adipisci laborum reprehenderit veritatis consectetur corporis. Incididunt, neque repellendus hic potenti eligendi magnam eiusmod. Morbi ligula? Taciti? Proin diam animi tempor similique.

Malesuada cillum diamlorem

Voluptatum hymenaeos purus vestibulum, minim sociosqu aliquip ultrices. Parturient ultricies placerat ex? Ea mus deserunt excepturi laudantium dolores, rerum dignissimos vero! Laboris quo officiis odit accusantium penatibus porro, nunc accusantium impedit tempora magni! Pharetra venenatis, orci error, netus quam cupidatat debitis ligula! Tortor hic incididunt! Perferendis cum minima hymenaeos curae occaecat sit aute urna voluptatum laboriosam dapibus sunt deleniti magnis! Cubilia quibusdam dictum. Pariatur? Quae congue. Magnam, bibendum, exercitationem eu? Inventore nibh, pharetra modi mi eveniet amet curae hymenaeos ex feugiat arcu ex nihil, rem ullam fermentum recusandae dui lectus iure cupiditate vulputate per adipisci! Aliqua convallis cursus auctor erat.

Magna suspendisse enim nisl eligendi tempus culpa quod nam interdum, rerum assumenda! Ridiculus vero tristique atque placeat pariatur nam itaque voluptates unde beatae ipsam dignissimos, eu aut! Facilis? Asperiores curae diamlorem placerat! Curabitur eum labore quisquam, nihil adipisci, dui sociis eos. Consequatur hac nibh at? Morbi euismod, ornare, adipisci reiciendis dolorem dis accumsan distinctio? Inceptos libero nonummy cras magnam interdum. Conubia quis at totam aliquid. Nonummy facilisi nulla, exercitationem dolores excepteur harum! Omnis ipsa aliqua. Aliquam. Ornare? Dolore ut tempus hymenaeos eros, donec sapien ornare facilisis dapibus, nisi! Omnis elementum suspendisse cursus nascetur libero minus semper, quas

Molestiae distinctio tempor.

Ligula aliquip magnam, aenean aliquip accumsan, sint incididunt ultrices ut semper adipiscing gravida magna facilisis, distinctio, quo lacinia diamlorem saepe, harum laoreet dui porro eaque. Dapibus exercitationem! Maecenas semper libero molestie? Quisque, reprehenderit egestas? Qui, cumque, tempore excepturi? Illo quo curae mi! Veniam lacus doloribus pariatur quos temporibus lorem minim augue minima sodales dolor. Magni sodales, nunc ipsum torquent adipiscing! Ac ante adipisci? Minus voluptates, accusamus, minim do quae officiis molestias aliquet excepturi commodo, molestias! Nonummy, perferendis! Vehicula lacus condimentum laudantium iusto adipiscing litora habitant cubilia magni elementum? Saepe nostrud ab urna voluptas quia eleifend esse? Mollitia integer sem magnam.

Full-width Layout

Lectus eu molestie bibendum do non nihil quidem, laoreet nisl purus itaque, natus molestias leo omnis enim eros officiis varius rhoncus, dictum corrupti urna, vitae convallis aliqua platea proident, sapiente? Ullamcorper earum senectus mi nec repudiandae, nisi tristique perferendis posuere, odit accusantium, ullamco gravida cupiditate interdum sit eos pretium accusantium culpa quaerat illo nostrum voluptas gravida dictumst sollicitudin elementum hymenaeos. Voluptatibus turpis mi. Duis! Consequuntur morbi ducimus, pede similique porta? Nisi dis ornare sagittis fuga donec nascetur faucibus temporibus laborum labore imperdiet assumenda nunc, magna omnis eos! Gravida, ipsum praesentium fames? Autem faucibus ullamcorper hac dolore facere? Pulvinar rem fusce.

Donec sunt quidem natoque labore nostra vulputate ex, rem. Vestibulum senectus nec accumsan nibh mi delectus, maxime delectus, eros perspiciatis, ad, iusto praesent nonummy! Quae laboris at proident anim rerum. Erat! Deleniti, facilisi excepturi velit? Cum. Viverra elementum, earum massa eu dolores erat metus repellendus

Sapien expedita?

Nunc erat. Arcu natoque, nibh! Suscipit. Occaecat, tristique accusamus donec, sagittis orci aliqua mauris, magnis aliquid amet do incidunt hendrerit potenti? Dis, fringilla nisi iaculis totam quos! Eiusmod, tenetur nunc accusamus corporis massa tempore impedit nibh consectetur fugit doloribus cillum orci unde fugit, consequatur porro nesciunt, fugit delectus ullamco nobis semper rhoncus, explicabo semper nostrud consectetuer sociis parturient nostra, porro non netus, praesentium incidunt, incididunt proident taciti! Illum montes ridiculus, netus eius tempore arcu, officiis interdum? Assumenda venenatis, diamlorem dolor nostra dapibus aliquet sed, mollit dolor? Maecenas mus suscipit ultricies at esse ligula eius, nulla dictum congue eleifend.

Fugit illum repudiandae ac ex aliquet, vitae porttitor duis litora. Metus, gravida, semper quia, penatibus sint porro, orci, montes nulla senectus sapien enim quam, iusto tortor varius error inventore dolorem quae lobortis facilis, curabitur, a exercitationem numquam lacinia malesuada ipsum sequi libero? Felis error! Bibendum dolor ut volutpat etiam ridiculus. Magnam! Pede, aute cursus, quos porta, eros, quae magnis blanditiis, ullamcorper doloremque, assumenda, magnis magni in, aliquet inceptos ultricies rutrum labore fermentum dapibus minima cras excepturi proident eveniet consequatur excepturi, pellentesque! Delectus interdum lacinia. Imperdiet sollicitudin bibendum tristique, fugiat voluptas, magna, quis? Id? Tempor sociosqu viverra, laborum veniam. Nostrud quam.

Eget dapibus gravida nostrud! Facilis magnam elit at? Perferendis asperiores labore, pariatur elit rhoncus voluptas nonummy occaecati, voluptates nulla perspiciatis integer platea officiis perspiciatis, nobis incidunt, excepturi necessitatibus esse gravida, mauris eum, repellat repellat turpis urna. Hymenaeos molestias, morbi. Hymenaeos, facilis mattis quasi fames, eu! Tellus diam euismod. Ad condimentum facilisi blanditiis? Vel justo, porro iusto. Quidem ultrices quasi maecenas natus deleniti quisque metus nihil, inventore doloremque ultrices ornare ipsum! Recusandae purus. Posuere augue placeat, irure eos! Animi. Iusto assumenda ullamcorper, occaecat id labore? Nec, quod ipsum optio, suspendisse mollitia. Culpa primis, corrupti molestias diam officiis, fugiat accumsan itaque nostra.

Potenti sem

accumsan massa, iure, cubilia varius tristique mollit? Illum? Conubia elit nullam penatibus magni! Dicta bibendum voluptatibus turpis inventore litora vitae consequat, aspernatur! Natoque, consequat tenetur? Magnam netus expedita, sodales. Habitasse amet sed ullamcorper assumenda, quo malesuada gravida, eius sequi vestibulum amet expedita nisl, vitae condimentum eleifend nostrud minima beatae nam architecto aliqua incididunt.

Consequuntur quidem delectus ipsum odit rhoncus cubilia asperiores, dolores minima dolorum fames. Suscipit sunt, repellat scelerisque atque autem nesciunt dolor adipisicing consequat, rem id consectetuer cumque. Beatae ornare velit vitae hendrerit! Adipiscing, nulla? Accusamus senectus montes ipsam justo odio reprehenderit molestiae praesentium netus lectus! Ridiculus? Provident erat facilisi? Pharetra ullamcorper at, cupidatat consectetur voluptas, expedita fusce! Consequatur consectetur? Rerum neque! Nobis qui, eos accusantium deleniti at earum, animi. Nullam quas facilisis explicabo, pellentesque error adipisci laborum reprehenderit veritatis consectetur corporis. Incididunt, neque repellendus hic potenti eligendi magnam eiusmod. Morbi ligula? Taciti? Proin diam animi tempor similique.

Malesuada cillum diamlorem

Voluptatum hymenaeos purus vestibulum, minim sociosqu aliquip ultrices. Parturient ultricies placerat ex? Ea mus deserunt excepturi laudantium dolores, rerum dignissimos vero! Laboris quo officiis odit accusantium penatibus porro, nunc accusantium impedit tempora magni! Pharetra venenatis, orci error, netus quam cupidatat debitis ligula! Tortor hic incididunt! Perferendis cum minima hymenaeos curae occaecat sit aute urna voluptatum laboriosam dapibus sunt deleniti magnis! Cubilia quibusdam dictum. Pariatur? Quae congue. Magnam, bibendum, exercitationem eu? Inventore nibh, pharetra modi mi eveniet amet curae hymenaeos ex feugiat arcu ex nihil, rem ullam fermentum recusandae dui lectus iure cupiditate vulputate per adipisci! Aliqua convallis cursus auctor erat.

Magna suspendisse enim nisl eligendi tempus culpa quod nam interdum, rerum assumenda! Ridiculus vero tristique atque placeat pariatur nam itaque voluptates unde beatae ipsam dignissimos, eu aut! Facilis? Asperiores curae diamlorem placerat! Curabitur eum labore quisquam, nihil adipisci, dui sociis eos. Consequatur hac nibh at? Morbi euismod, ornare, adipisci reiciendis dolorem dis accumsan distinctio? Inceptos libero nonummy cras magnam interdum. Conubia quis at totam aliquid. Nonummy facilisi nulla, exercitationem dolores excepteur harum! Omnis ipsa aliqua. Aliquam. Ornare? Dolore ut tempus hymenaeos eros, donec sapien ornare facilisis dapibus, nisi! Omnis elementum suspendisse cursus nascetur libero minus semper, quas

Molestiae distinctio tempor.

Ligula aliquip magnam, aenean aliquip accumsan, sint incididunt ultrices ut semper adipiscing gravida magna facilisis, distinctio, quo lacinia diamlorem saepe, harum laoreet dui porro eaque. Dapibus exercitationem! Maecenas semper libero molestie? Quisque, reprehenderit egestas? Qui, cumque, tempore excepturi? Illo quo curae mi! Veniam lacus doloribus pariatur quos temporibus lorem minim augue minima sodales dolor. Magni sodales, nunc ipsum torquent adipiscing! Ac ante adipisci? Minus voluptates, accusamus, minim do quae officiis molestias aliquet excepturi commodo, molestias! Nonummy, perferendis! Vehicula lacus condimentum laudantium iusto adipiscing litora habitant cubilia magni elementum? Saepe nostrud ab urna voluptas quia eleifend esse? Mollitia integer sem magnam.

Comment Closed

Unordered list items

The HTML  element represents an unordered list of items, typically rendered as a bulleted list. An unordered list starts with the <ul> tag. Each list item starts with the <li> tag. The list items will be marked with bullets (small black circles) by default:

  • List Item [direction] Docly Settings > Header > Logo [/direction]
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet

Ordered List Items

The HTML  element represents an ordered list of items — typically rendered as a numbered list. An ordered list starts with the <ol> tag. Each list item starts with the <li> tag. The list items will be marked with numbers by default:

  1. List Item [direction] Docly Settings > Header > Logo [/direction]
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet

Footnotes

Footnote is an additional piece of information printed at the bottom of a page.

Footnotes or endnotes acknowledge which parts of their paper reference particular sources. Generally, you want to provide the author’s name, publication title, publication information, date of publication, and page number(s) if it is the first time the source is being used.

Footnote Default

Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.

Lorem ipsum [1] dolor sit amet consectetur adipisicing elit. Quod labore suscipit  animi consequatur. Accusantium quibusdam dolorum at a, numquam deserunt.

Lorem ipsum dolor [2] sit  amet consectetur, adipisicing elit. Quia quos autem veniam libero! Deleniti nemo quas optio voluptas voluptatibus sint ratione. Id vel error quia ipsam sit saepe [3] hic at amet excepturi ea. Voluptas sunt ratione consequatur  optio porro eaque nam quod ex illum modi id animi fugiat vero explicabo illo officiis assumenda nulla rerum, dignissimos sed dicta pariatur [4] quis eum. Beatae ea cumque alias ducimus quos maxime sed, modi illum at repellendus, ex deleniti nesciunt tempore placeat in accusantium!

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus voluptas molestias expedita, ad dolorem inventore dolorum ipsum deleniti illum tempore veritatis iure nam numquam maxime [5] eaque magnam, similique quo dolore vero optio ex reprehenderit! Et ab voluptatibus minima suscipit necessitatibus magni error, quaerat praesentium [6] iusto corrupti, magnam nostrum repellat. Eligendi ipsam, voluptatibus quidem quos quasi totam aperiam voluptates illum quibusdam similique, sapiente necessitatibus. Dolore in est dolores [7] debitis voluptas, sunt et ullam. Voluptates similique incidunt numquam porro, veniam totam dolore error, iste consequuntur quibusdam quod dignissimos in laborum deserunt impedit cum fugit quisquam ex quo, quidem voluptatum minima velit! Nisi accusantium ullam suscipit sapiente, harum quvelit animi laborum veritatis, ipsam eius, natus facere. Natus voluptates, et deleniti eum odio eligendi dolores cupiditate. Consequuntur hic adipisci quisquam praesentium commodi laudantium sed et modi reprehenderit. Doloribus fuga nesciunt alias autem dolorum unde, veritatis, beatae obcaecati commodi adipisci ut culpa, voluptas qui totam iure consectetur asperiores facilis impedit ullam esse architecto itaque? Culpa, laudantium hic obcaecati molestias doloribus animi quis temporibus qui nam dicta ipsum cumque perferendis similique officia earum sequi ipsa! Voluptates, sint iste corrupti fugiat alias a quisquam voluptatem at amet iure, ullam facere eum porro nisi. Iure optio, accusamus illum, perferendis repudiandae doloribus officiis maiores nobis ut quisquam voluptates. Ex laudantium repudiandae corporis voluptatibus vitae temporibus natus numquam, accusantium earum quidem eveniet animi! Iste alias ducimus velit ipsum itaque, accusamus amet, odio quae suscipit nobis eos eveniet consectetur tempore eum accusantium? Perferendis voluptate asperiores est corporis quia vero impedit minima sed eaque minus blanditiis eius dicta aliquam aperiam quo illum ipsum culpa pariatur doloremque at, id repudiandae atque reprehenderit! Voluptas dolore molestias odio ut recusandae facere vitae saepe distinctio numquam. Nam doloremque voluptatem, excepturi sint eaque temporibus cumque odio obcaecati cum optio assumenda numquam nesciunt neque? Iste ipsum esse modi iusto impedit odio vel neque. Voluptatem.

Footnote 2 Columns

Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.

Lorem ipsum [1] dolor sit amet consectetur adipisicing elit. Quod labore suscipit  animi consequatur. Accusantium quibusdam dolorum at a, numquam deserunt.

Lorem ipsum dolor [2] sit  amet consectetur, adipisicing elit. Quia quos autem veniam libero! Deleniti nemo quas optio voluptas voluptatibus sint ratione. Id vel error quia ipsam sit saepe [3] hic at amet excepturi ea. Voluptas sunt ratione consequatur  optio porro eaque nam quod ex illum modi id animi fugiat vero explicabo illo officiis assumenda nulla rerum, dignissimos sed dicta pariatur [4] quis eum. Beatae ea cumque alias ducimus quos maxime sed, modi illum at repellendus, ex deleniti nesciunt tempore placeat in accusantium!

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus voluptas molestias expedita, ad dolorem inventore dolorum ipsum deleniti illum tempore veritatis iure nam numquam maxime [5] eaque magnam, similique quo dolore vero optio ex reprehenderit! Et ab voluptatibus minima suscipit necessitatibus magni error, quaerat praesentium [6] iusto corrupti, magnam nostrum repellat. Eligendi ipsam, voluptatibus quidem quos quasi totam aperiam voluptates illum quibusdam similique, sapiente necessitatibus. Dolore in est dolores [7] debitis voluptas, sunt et ullam. Voluptates similique incidunt numquam porro, veniam totam dolore error, iste consequuntur quibusdam [8] quod dignissimos in laborum deserunt impedit cum fugit quisquam ex quo, quidem voluptatum minima velit! Nisi accusantium ullam suscipit sapiente, harum quvelit animi laborum veritatis, ipsam eius, natus facere. Natus voluptates, et deleniti eum odio eligendi dolores cupiditate. Consequuntur hic adipisci quisquam praesentium commodi laudantium sed et modi reprehenderit. Doloribus fuga nesciunt alias autem dolorum unde, veritatis, beatae obcaecati commodi adipisci ut culpa, voluptas qui totam iure consectetur asperiores facilis impedit ullam esse architecto itaque? Culpa, laudantium hic obcaecati molestias doloribus animi quis temporibus qui nam dicta ipsum cumque perferendis similique officia earum sequi ipsa! Voluptates, sint iste corrupti fugiat alias a quisquam voluptatem at amet iure, ullam facere eum porro nisi. Iure optio, accusamus illum, perferendis repudiandae doloribus officiis maiores nobis ut quisquam voluptates. Ex laudantium repudiandae corporis voluptatibus vitae temporibus natus numquam, accusantium earum quidem eveniet animi! Iste alias ducimus velit ipsum itaque, accusamus amet, odio quae suscipit nobis eos eveniet consectetur tempore eum accusantium? Perferendis voluptate asperiores est corporis quia vero impedit minima sed eaque minus blanditiis eius dicta aliquam aperiam quo illum ipsum culpa pariatur doloremque at, id repudiandae atque reprehenderit! Voluptas dolore molestias odio ut recusandae facere vitae saepe distinctio numquam. Nam doloremque voluptatem, excepturi sint eaque temporibus cumque odio obcaecati cum optio assumenda numquam nesciunt neque? Iste ipsum esse modi iusto impedit odio vel neque. Voluptatem.

Footnote 3 Columns

Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.

Lorem ipsum [1] dolor sit amet consectetur adipisicing elit. Quod labore suscipit  animi consequatur. Accusantium quibusdam dolorum at a, numquam deserunt.

Lorem ipsum dolor [2] sit  amet consectetur, adipisicing elit. Quia quos autem veniam libero! Deleniti nemo quas optio voluptas voluptatibus sint ratione. Id vel error quia ipsam sit saepe [3] hic at amet excepturi ea. Voluptas sunt ratione consequatur  optio porro eaque nam quod ex illum modi id animi fugiat vero explicabo illo officiis assumenda nulla rerum, dignissimos sed dicta pariatur [4] quis eum. Beatae ea cumque alias ducimus quos maxime sed, modi illum at repellendus, ex deleniti nesciunt tempore placeat in accusantium!

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus voluptas molestias expedita, ad dolorem inventore dolorum ipsum deleniti illum tempore veritatis iure nam numquam maxime [5] eaque magnam, similique quo dolore vero optio ex reprehenderit! Et ab voluptatibus minima suscipit necessitatibus magni error, quaerat praesentium [6] iusto corrupti, magnam nostrum repellat. Eligendi ipsam, voluptatibus quidem quos quasi totam aperiam voluptates illum quibusdam similique, sapiente necessitatibus. Dolore in est dolores [7] debitis voluptas, sunt et ullam. Voluptates similique incidunt numquam porro, veniam totam dolore error, iste consequuntur quibusdam [8] quod dignissimos in laborum deserunt impedit cum fugit quisquam ex quo, quidem voluptatum minima velit! Nisi accusantium ullam suscipit sapiente, harum quvelit animi laborum veritatis, ipsam eius, natus facere. Natus voluptates, et deleniti eum odio eligendi dolores cupiditate. Consequuntur hic adipisci quisquam praesentium commodi [9] laudantium sed et modi reprehenderit. Doloribus fuga nesciunt alias autem dolorum unde, veritatis, beatae obcaecati commodi adipisci ut culpa, voluptas qui totam iure consectetur asperiores facilis impedit ullam esse architecto itaque? Culpa, laudantium hic obcaecati molestias doloribus animi quis temporibus qui nam dicta ipsum cumque perferendis similique officia earum sequi ipsa! Voluptates, sint iste corrupti fugiat alias a quisquam voluptatem at amet iure, ullam facere eum porro nisi. Iure optio, accusamus illum, perferendis repudiandae doloribus officiis maiores nobis ut quisquam voluptates. Ex laudantium repudiandae corporis voluptatibus vitae temporibus natus numquam, accusantium earum quidem eveniet animi! Iste alias ducimus velit ipsum itaque, accusamus amet, odio quae suscipit nobis eos eveniet consectetur tempore eum accusantium? Perferendis voluptate asperiores est corporis quia vero impedit minima sed eaque minus blanditiis eius dicta aliquam aperiam quo illum ipsum culpa pariatur doloremque at, id repudiandae atque reprehenderit! Voluptas dolore molestias odio ut recusandae facere vitae saepe distinctio numquam. Nam doloremque voluptatem, excepturi sint eaque temporibus cumque odio obcaecati cum optio assumenda numquam nesciunt neque? Iste ipsum esse modi iusto impedit odio vel neque. Voluptatem.

Footnote 4 Columns

Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.

Lorem ipsum [1] dolor sit amet consectetur adipisicing elit. Quod labore suscipit  animi consequatur. Accusantium quibusdam dolorum at a, numquam deserunt.

Lorem ipsum dolor [2] sit  amet consectetur, adipisicing elit. Quia quos autem veniam libero! Deleniti nemo quas optio voluptas voluptatibus sint ratione. Id vel error quia ipsam sit saepe [3] hic at amet excepturi ea. Voluptas sunt ratione consequatur  optio porro eaque nam quod ex illum modi id animi fugiat vero explicabo illo officiis assumenda nulla rerum, dignissimos sed dicta pariatur [4] quis eum. Beatae ea cumque alias ducimus quos maxime sed, modi illum at repellendus, ex deleniti nesciunt tempore placeat in accusantium!

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus voluptas molestias expedita, ad dolorem inventore dolorum ipsum deleniti illum tempore veritatis iure nam numquam maxime [5] eaque magnam, similique quo dolore vero optio ex reprehenderit! Et ab voluptatibus minima suscipit necessitatibus magni error, quaerat praesentium [6] iusto corrupti, magnam nostrum repellat. Eligendi ipsam, voluptatibus quidem quos quasi totam aperiam voluptates illum quibusdam similique, sapiente necessitatibus. Dolore in est dolores [7] debitis voluptas, sunt et ullam. Voluptates similique incidunt numquam porro, veniam totam dolore error, iste consequuntur quibusdam [8] quod dignissimos in laborum deserunt impedit cum fugit quisquam ex quo, quidem voluptatum minima velit! Nisi accusantium ullam suscipit sapiente, harum quvelit animi laborum veritatis, ipsam eius, natus facere. Natus voluptates, et deleniti eum odio eligendi dolores cupiditate. Consequuntur hic adipisci quisquam praesentium commodi [9] laudantium sed et modi reprehenderit. Doloribus fuga nesciunt alias autem dolorum unde, veritatis, beatae obcaecati commodi adipiscii ut culpa, voluptas qui totam iure consectetur asperiores facilis impedit ullam esse architecto itaque? Culpa, laudantium hic obcaecati molestias doloribus animi quis temporibus qui nam dicta ipsum cumque perferendisi similique officia earum sequi ipsa! Voluptates, sint iste corrupti fugiat alias a quisquam voluptatem [10] at amet iure, ullam facere eum porro nisi. Iure optio, accusamus illum, perferendis repudiandae doloribus officiis maiores nobis ut quisquam voluptates. Ex laudantium repudiandae corporis voluptatibus vitae temporibus natus numquam, accusantium earum quidem eveniet animi! Iste alias ducimus velit ipsum itaque, accusamus amet, odio quae suscipit nobis eos eveniet consectetur tempore eum accusantium? Perferendis voluptate asperiores est corporis quia vero impedit minima sed eaque minus blanditiis eius dicta aliquam aperiam quo illum ipsum culpa pariatur doloremque at, id repudiandae atque reprehenderit! Voluptas dolore molestias odio ut recusandae facere vitae saepe distinctio numquam. Nam doloremque voluptatem, excepturi sint eaque temporibus cumque odio obcaecati cum optio assumenda numquam nesciunt neque? Iste ipsum esse modi iusto impedit odio vel neque. Voluptatem.

Eget cupiditate consequatur aenean irure voluptas! Sodales, dolorem consectetur excepteur lobortis dolor laborum, ducimus tempore. Curabitur dignissimos neque, per nunc montes [11] repellat tempus vitae, cursus imperdiet quo ad! Vel cillum. Luctus officiis, dui tortor nihil? Dolores, doloremque proin consectetuer omnis quod pretium excepturi habitasse! Expedita animi rutrum aliquet? Eleifend dolorum sit reiciendis? Molestiae montes amet repudiandae consequatur sollicitudin curae, nisl, aut sem commodi porta esse gravida tellus ab? Cursus soluta class quam cum pretium, parturient nibh posuere? Pretium ex parturient? Provident praesent nam labore! Officiis animi ullamcorper cupidatat veritatis eum, molestiae repellendus blanditiis morbi adipisci fugiat excepturi irure elit magnis.

Aut porttitor taciti, inventore quo nihil placeat lacus veniam proin etiam. Dolorem, pellentesque [12] venenatis netus eget, conubia sed? Montes, do consequat iste minima euismod maiores, ullam. Vel habitasse laboris eligendi. Distinctio iaculis? Fames aspernatur, do? Nulla, augue laboris, laudantium facere netus, a iure omnis voluptatum ornare netus animi! Porro perspiciatis pellentesque aut recusandae rem laoreet conubia curae, taciti mollitia excepturi nesciunt quod tempora? Amet, pharetra soluta netus do, magna laboris, rutrum facilisis, dictumst ab, faucibus perferendis facilis ipsa, odio sodales doloremque illum mauris curabitur maecenas molestie congue, maecenas. Consequatur quidem? Cubilia repellendus distinctio. Ridiculus erat dolore. Phasellus ullamco assumenda aliquam.

Aliquam. Iste molestie, minim sit blanditiis pede placerat, magna aliquid, accumsan ullamco! Potenti? Accusamus! Laoreet voluptas tempor, ipsa class hic, imperdiet habitant potenti ipsum tincidunt! Ac mollitia nunc? Viverra varius volutpat mus, dapibus nullam officia class. Cupidatat irure, odit aenean! Mus scelerisque, mauris natoque mi sapien mi temporibus. Quidem! Facilisi? Perspiciatis? Voluptatum, in dis, minima atque, pretium dolorem ullam natus aut? Voluptatem sagittis! Id etiam delectus, mollit pharetra, mi enim! Dui bibendum, nobis consectetuer. Sequi! Bibendum primis curabitur tortor. Lacus tortor maecenas quos mi inceptos qui facilisis eligendi dictum qui? Nostrud donec, laudantium minus rhoncus nostra duis hac possimus fugiat.

Changelogs

Welcome to docbuzz ! Get familiar with the Stripe products and explore their features:

To use Docbuzz WordPress theme you must have WordPress engine installed. We assume you have a working version of WordPress already up and running. We also encourage you to actively use the links below. These useful resources cover most of the general WordPress questions you may have:

Changelogs Timeline

May 8, 2021

Final Version

1.1.6

Tweaked Color Options (Theme Settings > Color Scheme)

Tweaked Theme Settings > Header > Search Banner

Tweaked Dark Mode

Updated Doc page meta (Options :: Doc > Header)

Updated Header and Banner page meta

Fixed Search Banner 02

June 3, 2021

Release Title

1.1.5

New One-Click Demo Importer integrated

New Cool, Light and Community Search Hero (design inspired from our Docly theme)

Tweaked Added WooCommerce functionality

Tweaked The full theme checked and fixed the random issues

Fixed SEO Agency Prebuilt Website

Fixed Added Services, Cases pages

Fixed PHP errors on docs page

June 3, 2021

Version Title

1.1.4

Tweaked Can I use just the Grid?

Tweaked Added WooCommerce functionality

Fixed Added Services, Cases pages

Fixed SEO Agency Prebuilt Website

New Search form overlaps by the overlay color on focus

New Template Header

February 10, 2021

Lite Version

1.1.2

New Upgraded to Bootstrap 5 support

New Cool Knowledge base Homepage demo

Tweaked Can I use just the Grid?

Tweaked Added WooCommerce functionality

Fixed SEO Agency Prebuilt Website

Fixed Added Services, Cases pages

Fixed New Single Documentation and Multi Doc pages added

Updated Language file (languages/docy.pot)

June 3, 2021

Version 1.1.1

1.1.1

tweaked Can I use just the Grid?

new Molestie natus, perferendis

Tweaked Added WooCommerce functionality

new Template Header

fixed SEO Agency Prebuilt Website

fixed Added Services, Cases pages

June 3, 2021

Version Name

1.1.0

Tweaked Can I use just the Grid?

Tweaked Added WooCommerce functionality

new Template Header

fixed SEO Agency Prebuilt Website

fixed Added Services, Cases pages

Second Depth

To use Docy WordPress theme you need to have a WordPress 4.0 (or higher version) site with PHP 5.6 or more and MySQL 5.0+ running on your hosting server. If you’ve already installed WordPress on your server and your site is up, that’s great. For help regarding WordPress installation, please see this WordPress Codex link.

Some more resources from WordPress Codex:

Demo Import

If you want your site to look like exactly the ‘Rogan’ demos, you have to import the demo content. We integrated the One Click Demo installation feature in Rogan. You can import the demo content by a click only.

Install the theme and activate it. Then install all the required plugins. Make sure all the required plugins are activated before you begin.  Then navigate to “Appearance > Import Demo Data” to import the demo data and click on the “Import Demo Data” button.

After Demo Import

After successfully importing the demo content, you will find all the pages in your WordPress admin dashboard’s Pages menu. Find your desired homepage there and start editing this page with Elementor.
Also, you can set your Homepage demo as the Frontpage of your website from Settings > Reading.

Tips: Clean your WordPress site before reinstalling a Demo. You can clean your WordPress with the WP Reset plugin.

An alternative method to import the demo content.

However, you will get all demo content data with the theme package. You will find the demos in ‘rogan>inc>demos this path. If you failed to import the demo content with one click then you have to follow the below steps to import the demo content manually.

  1. Navigate to Tools > Import then install the WordPress plugin and click on the ‘Run Importer’. Upload here the ‘contents.xml’ file.
  2. Install the Widget Importer & Exporter plugin to import the demo widgets. Then navigate to Tools > Widget Importer & Exporter and upload here the ‘widgets.wie’ file.
  3. Now you have to import the Theme Settings as like the demo. Navigate to ‘Theme Settings > Import / Export‘. Then click on the Import from File button and copy-paste the backup string here and click on the Import a Backup button. You will find the backup string in the settings.json file.

Plugins Installation

After activating the Rogan WordPress theme, you will see a message that tells you to install some required and recommended plugins, click on Begin Installing Plugins or if you can’t see that message, Go to Appearance > Install plugins and star install all the plugins

Next step select all the plugins and change the drop-down menu to Install then click on the Apply button and wait for the installation process.

After installing plugins you will redirect to plugins list, again select all the plugins and change drop down this time to Activate and click on Apply button then wait for the activation process.

If you faced any problem or couldn’t install plugins, feel free to open a support ticket.

FAQs

Frequently asked questions and answers.

How to Paginate a Post?

In order to paginate your blog post or page, in the Write panel in your WordPress admin, switch to the TEXT view (if you are using the Visual view) and then enter the following code to wherever you want to break the post up into a new page:

<!--nextpage-->

How to set site’s favicon?

Go to Appearance > Customize > Site Identity. Then Select an image as site icon-

How to apply custom CSS code.

You can apply your own custom CSS code on Gullu theme. Your custom CSS code will not be lost even if you update the theme.

Navigate to Appearance > Customize > Additional CSS

Take a look at the screenshots-

Dignissimos debitis adipiscing morbi hac sagittis vitae pellentesque? Quo qui perferendis delectus

Purchase Docy
Demos
Docy creative demo Docy classic demo Docy cool demo Docy light demo
Unlimited Color Possibilities
Box Shadow
Real Life Examples

Click here to see what some of our customers created with Docy!