Docly Documentation

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

A 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.^[

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

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 Alt X ⌘ X
Align middle – click Align middle or use Alt Y ⌘ Y

Action	Shortcut Key
Previous unread channel or DM	`ctrl` `D` `⌘` `D`
Jump to a conversation	`ctrl` `k` `⌘` `k`
Move focus to the previous section	`shift` `F6`
Browse direct messages	`ctrl` `shift` `k` `⌘` `shift` `k`
Browse channels	`ctrl` `shift` `L` `⌘` `shift` `L`
Compose a new message	`ctrl` `N` `⌘` `N`
Open the Threads view**	`ctrl` `shift` `T` `⌘` `shift` `T`
Previous channel or DM visited	`ctrl` `]` `⌘` `]`
Collapse or open the left sidebar	`ctrl` `shift` `.` `⌘` `shift` `.`

Password (demo)

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 Docly Settings > Header > Logo
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:

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

List Items Style

Unordered list items

List Item Docly Settings Header Logo
Consectetur adipiscing elit
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet

Ordered List Items

List Item Docly Settings Header Logo
Consectetur adipiscing elit
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet

Layouts

Display documentation page layout variations.

Articles

Sticky Header with Classic Navbar

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.

Box Layout Right Sidebar Disabled

Sapien expedita?

Potenti sem

Malesuada cillum diamlorem

Molestiae distinctio tempor.

Full-width Layout

Sapien expedita?

Potenti sem

Malesuada cillum diamlorem

Molestiae distinctio tempor.

Full width and Right Sidebar Hidden

Sapien expedita?

Potenti sem

Malesuada cillum diamlorem

Molestiae distinctio tempor.

Sticky Header with Box Layout

Sapien expedita?

Potenti sem

Malesuada cillum diamlorem

Molestiae distinctio tempor.

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.

Articles

Footnote Default

Dapibus aliquip excepturi nibh, illum imperdiet iste [1]deserunt , similique tempore accusantium sem! Dicta nam nec interdum! Provident, quia illum, proident? Excepteur nisl architecto, ornare. Aptent dis bibendum nonummy repellendus modi, aliquid cillum? Rerum aspernatur possimus, libero occaecati ultricies occaecati nulla. Vero aliquid! Dicta consectetuer minima! Labore, exercitation minim ullamco facilisi! Interdum ex, quod occaecati commodi? Ullamco? Provident architecto vero proident numquam magnis excepturi! Etiam pellentesque minima varius illo vulputate, quas! Senectus, numquam, ullamcorper at, perferendis ipsa dolor. Ipsum? Convallis cillum! Similique, velit integer eget, nibh repellat, rerum error, quia tenetur alias eleifend, incididunt? [2]Torquent exercitation non? Ea optio voluptatum irure.

Fames praesentium velit architecto, fuga consectetuer praesentium sodales error dolore porta at modi aspernatur tempora, [3]soluta harum excepteur iaculis tempora pretium hendrerit tempore quos, quasi aliquet mus urna reprehenderit nobis, proident officia nostrum voluptates? Vitae? Fugit eum integer nostra luctus in. Dictum. Elit cupiditate necessitatibus rerum nisl magnam facilisis convallis, quam. Aliquid, officia natus senectus per, proident maxime pede in dolores quasi corporis? Risus harum, exercitationem quo pariatur bibendum torquent, aliquip volutpat, occaecat praesentium voluptatibus deleniti, [4]habitasse a, inceptos leo quisque magnam eius praesent? Dolore atque ullamco ridiculus ratione blanditiis fermentum porta! Pariatur amet excepteur vel? Natus fuga doloribus nobis.

Nostrud neque libero? [5]Condimentum sociosqu impedit ipsam voluptatibus nec rhoncus, eos, cupiditate tempora iste veritatis necessitatibus. Aliquid soluta. Et adipiscing molestiae aliquet vel aenean! Vel, condimentum aliquid [6]ultricies ab quibusdam! Maxime irure officiis rutrum metus primis? Morbi provident, et laboriosam erat, vestibulum esse platea quaerat! Convallis deleniti litora? Dui dapibus volutpat dictumst, ipsum eum scelerisque taciti, lorem. Consectetuer tellus neque inceptos? Cumque enim! Nisl accusantium eaque? Cupidatat fermentum, volutpat nobis minus molestiae, venenatis maiores nostrud, aliquid tempus vestibulum?

Aute vivamus hic non iusto dolorem atque voluptatem, excepteur augue nostrum doloremque, sollicitudin metus dapibus? Ipsum odit facilisis! Dicta risus? Proident diam, veniam libero, quas beatae, id faucibus aliquip officia laboris quidem architecto, ipsam! Sequi labore praesentium sociis et irure qui quo, curae platea lectus phasellus laboris placeat! Quam asperiores quae sollicitudin turpis irure recusandae lobortis cupidatat labore.

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 [7] dolor sit amet consectetur adipisicing elit. Quod labore suscipit animi consequatur. Accusantium quibusdam dolorum at a, numquam deserunt.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. [8]Quia quos autem veniam libero! Deleniti nemo quas optio voluptas voluptatibus sint ratione . Id vel error quia ipsam sit saepe [9] 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 [10] 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, [11] ad dolorem inventore dolorum ipsum deleniti illum tempore veritatis iure nam numquam maxime eaque magnam, similique quo dolore vero optio ex reprehenderit! Et ab voluptatibus minima suscipit necessitatibus magni error, quaerat praesentium [12] iusto corrupti, magnam nostrum repellat. Eligendi ipsam , voluptatibus quidem quos quasi totam aperiam voluptates illum quibusdam similique, sapiente necessitatibus. Dolore in est dolores [13] debitis voluptas, sunt et ullam. Voluptates similique incidunt numquam porro, veniam totam dolore error, iste consequuntur quibusdam [14] 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

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

Lorem ipsum dolor [16] 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 [17] 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 [18] 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 [19] eaque magnam, similique quo dolore vero optio ex reprehenderit! Et ab voluptatibus minima suscipit necessitatibus magni error, quaerat praesentium [20] iusto corrupti, magnam nostrum repellat. Eligendi ipsam, voluptatibus quidem quos quasi totam aperiam voluptates illum quibusdam similique, sapiente necessitatibus. Dolore in est dolores [21] debitis voluptas, sunt et ullam. Voluptates similique incidunt numquam porro veniam totam dolore error, iste consequuntur quibusdam [22] 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 [23] 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

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

Lorem ipsum dolor [25] 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 [26] 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 [27] 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 [28] eaque magnam, similique quo dolore vero optio ex reprehenderit Et ab voluptatibus minima suscipit necessitatibus magni error, quaerat praesentium [29] iusto corrupti, magnam nostrum repellat. Eligendi ipsam, voluptatibus quidem quos quasi totam aperiam voluptates illum quibusdam similique, sapiente necessitatibus. Dolore in est dolores [30] debitis voluptas, sunt et ullam. Voluptates similique incidunt numquam porro, veniam totam dolore error, iste consequuntur quibusdam [31] 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 [32] 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 [33] 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 [34] 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? Molestia e 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 [35] 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.

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.

Articles

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.

				
					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 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

				
					<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 Funky 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

				
					<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.

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

Code blocks

				
					<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.

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

Code blocks

				
					<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]
        }
    });
})

Getting Started

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:

What is WordPress? Wikipedia and WordPress FAQ Read here!
Tutorial on how to Install WordPress? Watch Video
WordPress Lessons Visit Articles

Articles

Server Requirements

To use Saasland 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:

Theme Installation

Extract the zipped package downloaded from ThemeForest to your desktop, in the extracted package you will find the rogan.zip file which is the WordPress theme.

You can install the theme in two ways:

FTP: Extract rogan.zip file and upload the extracted folder to /wp-content/themes/ folder on your server.

WordPress: Navigate to Appearance -> Add New Themes -> Upload page. Select rogan.zip file. Press the Install Now button to upload and install the theme.

After uploading the theme, you have to activate it. Navigate to Appearance > Themes page to activate the theme.

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.

Navigate to Tools > Import then install the WordPress plugin and click on the ‘Run Importer’. Upload here the ‘contents.xml’ file.
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.
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.

Theme Options

Set It And Forget It. Theme Options Are Global Settings That Affect The Entire Site.

Articles

Page Options

Rogan Page Options get even more interesting in the creative process. These are a set of options that can be used on every single page or post, and will only affect the individual page you use them on.

Need one page to have a different background or different header layout than other pages? No problem, Rogan Page Options to the rescue!

Page Options Override Theme Options To Allow Extreme Control Over Each Page Or Post. Theme Settings are global, page options are individual. This setup gives you amazing creative flexibility that becomes indispensable when you start creating your site. Having the option to freely choose how individual pages are styled is incredible freedom.

For example, you can choose an individual logo or header style for a specific page only from Rogan Page Options. You can find the Page Options at the bottom of the WordPress page editor.

Theme Settings

Set It And Forget It. Theme Options Are Global Settings That Affect The Entire Site.
This section will provide you an in-depth guide on how to use the Theme Settings.

The Theme Settings allow you to easily make site-wide changes. They are built to interact with every element on the site so you can quickly modify elements and have it populate across every page and post.

You can control the theme’s functionality and customize the content from the Theme Settings page. Here you will find all the relevant settings to customize the theme.

To access the Theme Settings page, go to- Dashboard > Theme Settings. You will find this page at the top of the Appearance menu

Options Page 03

Options Page 04

FAQs

Frequently asked questions and answers.

Articles

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 change author avatar?

The theme uses Gravatar to display users avatars . to create or change your Gravatar :

If you have never set-up a Gravatar account:

Register/login to Gravatar. Upon registering, use the SAME email address that is associated with your WordPress User Profile.
Upload your photo and associate it with that specific email address.

If you already registered at gravatar.com:

Click on “My Gravatars”.
click on “Add a New Email”.
Then, you’ll need to click on “Add a New Image”.
Upload an image.
Then select the email address, and then select your image from the bottom. Now it’s associated with that email address. Click Save.
It will take about 5-10 minutes to propagate on the internet, and they will appear on site.

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-

Docly

Did You Know?