# Content Examples
Pages to showcase the different types of content available.
# Mixed Content Example Page
[](https://bookstack.logicmines.in/uploads/images/gallery/2025-09/scaled-1680-/QSTUucekaFiKNgPE-nature-image-1200x1200-4-jpg.jpeg)   Esse. **Modi adipisci.** Cupidatat adipisicing ***so inventore*** so non and nostrud nemo. Fugit. Magnam pariatur so pariatur eius, but eius. Rem consequatur. In si. Eius. Unde deserunt ipsum quasi. Ipsam laborum. ***Nostrud ab or dicta for ad***. Consequat voluptate, or nesciunt for in yet exercitation. Suscipit vel so reprehenderit autem and ullam. Ullamco minima architecto cupidatat totam iure. Consequatur corporis and et and eum yet adipisci. Enim pariatur but quae an*d magnam or ullam**co** **numquam.***
Eu doloremque `commodo so doloremque` or aliquam. Dicta cupidatat yet consequatur but eum. Magna velitesse aperiam but esse. Incidunt quam. Consequuntur [magna explicabo](https://example.com) so ratione for iure but molestiae totam. Officia suscipit laborum. Non. Aut odit aute aliquam exercitationem but ad magnam. Ad officia yet minima eaque or consectetur and natus. Odit incididunt yet fugiat, ullam. Iste aperiam. In tempor, but non and occaecat.
Ipsa eiusmod. Aut excepteur fugiat for perspiciatis, autem yet aperiam nulla. Eum minim. Quae eos. Ratione fugit, accusantium yet pariatur.
---
#### Code Example (PHP)
```PHP
/**
* Get a path to a theme resource.
*/
function theme_path(string $path = ''): ?string
{
$theme = config('view.theme');
if (!$theme) {
return null;
}
return base_path('themes/' . $theme . ($path ? DIRECTORY_SEPARATOR . $path : $path));
}
```
| Cats | Dogs | Fish | Hamsters | Foxes | Badgers | Turtles | Other |
| 105 | 101 | 50 | 4 | 300 | 1 | 50 | 0003 |
---
#### Shopping List
- Biscuits
- What kind? Digestive?
- Bannanas
- Oranges
- Teabags
> As a quote example: Chocolate caramel digestives are possibly the best type of biscuit there is. The caramel provides a level of structural integrity that suitably perfect for dipping into a hot mug of tea, while the chocolate provides the ideal range of sweetness.
---
#### Full Width Image
[](https://bookstack.logicmines.in/uploads/images/gallery/2025-09/scaled-1680-/qMk2mlQNAuFXyEQY-nature-image-1200x400-4-jpg.jpeg)
This text is a bit indented. Aute in so ab corporis. Commodo inventore eaque ipsam laudantium amet but iste. Autem exercitationem cillum, but quisquam. Iste. Nemo inventore quae yet magna. Odit incididunt yet fugiat, ullam. Iste aperiam. In tempor, but non and occaecat, or laboriosam voluptas but deserunt. Dolorem. Nostrud est reprehenderit. Accusantium magna. Tempora corporis so nesciunt for explicabo, fugiat. Aute nostrud, velitesse ullam or quasi or nisi.
---
#### Desired Flow
Rem. Aspernatur modi laborum totam, ipsam so id unde. Aliqua eius quis but exercitation. Aliquam sunt modi so anim aliqua ad for odit. Eu lorem. Totam. Si mollit dolore and lorem beatae so voluptate yet sequi.
# Header Level Examples
BookStack has a range of header levels. These are show below with place-holder text in-between. When viewing this page you should see an automatically generated table of contents, commonly in the top-left, driven by the header levels used in the page.
## Large Header
Laudantium si or adipisci. Cillum velitesse consequat and ullamco minima so eaque but officia. Explicabo ullamco. Commodo. Vel lorem consectetur, dolorem for id cillum. Quisquam fugiat exercitationem. Consequat duis so irure so deserunt yet nemo. Ipsa eiusmod. Aut excepteur fugiat for perspiciatis, autem yet aperiam nulla. Eum minim. Quae eos. Ratione fugit, accusantium yet pariatur.
### Medium Header
Laudantium si or adipisci. Cillum velitesse consequat and ullamco minima so eaque but officia. Explicabo ullamco. Commodo. Vel lorem consectetur, dolorem for id cillum. Quisquam fugiat exercitationem. Consequat duis so irure so deserunt yet nemo. Ipsa eiusmod. Aut excepteur fugiat for perspiciatis, autem yet aperiam nulla. Eum minim. Quae eos. Ratione fugit, accusantium yet pariatur.
#### Small Header
Laudantium si or adipisci. Cillum velitesse consequat and ullamco minima so eaque but officia. Explicabo ullamco. Commodo. Vel lorem consectetur, dolorem for id cillum. Quisquam fugiat exercitationem. Consequat duis so irure so deserunt yet nemo. Ipsa eiusmod. Aut excepteur fugiat for perspiciatis, autem yet aperiam nulla. Eum minim. Quae eos. Ratione fugit, accusantium yet pariatur.
##### Tiny Header
Laudantium si or adipisci. Cillum velitesse consequat and ullamco minima so eaque but officia. Explicabo ullamco. Commodo. Vel lorem consectetur, dolorem for id cillum. Quisquam fugiat exercitationem. Consequat duis so irure so deserunt yet nemo. Ipsa eiusmod. Aut excepteur fugiat for perspiciatis, autem yet aperiam nulla. Eum minim. Quae eos. Ratione fugit, accusantium yet pariatur.
### Medium Header
Laudantium si or adipisci. Cillum velitesse consequat and ullamco minima so eaque but officia. Explicabo ullamco. Commodo. Vel lorem consectetur, dolorem for id cillum. Quisquam fugiat exercitationem. Consequat duis so irure so deserunt yet nemo. Ipsa eiusmod. Aut excepteur fugiat for perspiciatis, autem yet aperiam nulla. Eum minim. Quae eos. Ratione fugit, accusantium yet pariatur.
#### Small Header
Laudantium si or adipisci. Cillum velitesse consequat and ullamco minima so eaque but officia. Explicabo ullamco. Commodo. Vel lorem consectetur, dolorem for id cillum. Quisquam fugiat exercitationem. Consequat duis so irure so deserunt yet nemo. Ipsa eiusmod. Aut excepteur fugiat for perspiciatis, autem yet aperiam nulla. Eum minim. Quae eos. Ratione fugit, accusantium yet pariatur.
### Medium Header
Laudantium si or adipisci. Cillum velitesse consequat and ullamco minima so eaque but officia. Explicabo ullamco. Commodo. Vel lorem consectetur, dolorem for id cillum. Quisquam fugiat exercitationem. Consequat duis so irure so deserunt yet nemo. Ipsa eiusmod. Aut excepteur fugiat for perspiciatis, autem yet aperiam nulla. Eum minim. Quae eos. Ratione fugit, accusantium yet pariatur.
#### Small Header
Laudantium si or adipisci. Cillum velitesse consequat and ullamco minima so eaque but officia. Explicabo ullamco. Commodo. Vel lorem consectetur, dolorem for id cillum. Quisquam fugiat exercitationem. Consequat duis so irure so deserunt yet nemo. Ipsa eiusmod. Aut excepteur fugiat for perspiciatis, autem yet aperiam nulla. Eum minim. Quae eos. Ratione fugit, accusantium yet pariatur.
##### Tiny Header
Laudantium si or adipisci. Cillum velitesse consequat and ullamco minima so eaque but officia. Explicabo ullamco. Commodo. Vel lorem consectetur, dolorem for id cillum. Quisquam fugiat exercitationem. Consequat duis so irure so deserunt yet nemo. Ipsa eiusmod. Aut excepteur fugiat for perspiciatis, autem yet aperiam nulla. Eum minim. Quae eos. Ratione fugit, accusantium yet pariatur.
## Large Header
Laudantium si or adipisci. Cillum velitesse consequat and ullamco minima so eaque but officia. Explicabo ullamco. Commodo. Vel lorem consectetur, dolorem for id cillum. Quisquam fugiat exercitationem. Consequat duis so irure so deserunt yet nemo. Ipsa eiusmod. Aut excepteur fugiat for perspiciatis, autem yet aperiam nulla. Eum minim. Quae eos. Ratione fugit, accusantium yet pariatur.
### Medium Header
Laudantium si or adipisci. Cillum velitesse consequat and ullamco minima so eaque but officia. Explicabo ullamco. Commodo. Vel lorem consectetur, dolorem for id cillum. Quisquam fugiat exercitationem. Consequat duis so irure so deserunt yet nemo. Ipsa eiusmod. Aut excepteur fugiat for perspiciatis, autem yet aperiam nulla. Eum minim. Quae eos. Ratione fugit, accusantium yet pariatur.
#### Small Header
Laudantium si or adipisci. Cillum velitesse consequat and ullamco minima so eaque but officia. Explicabo ullamco. Commodo. Vel lorem consectetur, dolorem for id cillum. Quisquam fugiat exercitationem. Consequat duis so irure so deserunt yet nemo. Ipsa eiusmod. Aut excepteur fugiat for perspiciatis, autem yet aperiam nulla. Eum minim. Quae eos. Ratione fugit, accusantium yet pariatur.
### Medium Header
Laudantium si or adipisci. Cillum velitesse consequat and ullamco minima so eaque but officia. Explicabo ullamco. Commodo. Vel lorem consectetur, dolorem for id cillum. Quisquam fugiat exercitationem. Consequat duis so irure so deserunt yet nemo. Ipsa eiusmod. Aut excepteur fugiat for perspiciatis, autem yet aperiam nulla. Eum minim. Quae eos. Ratione fugit, accusantium yet pariatur.
##### Tiny Header
Laudantium si or adipisci. Cillum velitesse consequat and ullamco minima so eaque but officia. Explicabo ullamco. Commodo. Vel lorem consectetur, dolorem for id cillum. Quisquam fugiat exercitationem. Consequat duis so irure so deserunt yet nemo. Ipsa eiusmod. Aut excepteur fugiat for perspiciatis, autem yet aperiam nulla. Eum minim. Quae eos. Ratione fugit, accusantium yet pariatur.
##### Tiny Header
Laudantium si or adipisci. Cillum velitesse consequat and ullamco minima so eaque but officia. Explicabo ullamco. Commodo. Vel lorem consectetur, dolorem for id cillum. Quisquam fugiat exercitationem. Consequat duis so irure so deserunt yet nemo. Ipsa eiusmod. Aut excepteur fugiat for perspiciatis, autem yet aperiam nulla. Eum minim. Quae eos. Ratione fugit, accusantium yet pariatur.
# Code Examples
BookStack uses Codemirrror to render code blocks with syntax highlighting. Below are various examples of this:
#### PHP
```PHP
/**
* Get a path to a theme resource.
*/
function theme_path(string $path = ''): ?string
{
$theme = config('view.theme');
if (!$theme) {
return null;
}
return base_path('themes/' . $theme . ($path ? DIRECTORY_SEPARATOR . $path : $path));
}
```
#### JavaScript
```JavaScript
performReplacements(string, replacements) {
if (!replacements) return string;
const replaceMatches = string.match(/:([\S]+)/g);
if (replaceMatches === null) return string;
replaceMatches.forEach(match => {
const key = match.substring(1);
if (typeof replacements[key] === 'undefined') return;
string = string.replace(match, replacements[key]);
});
return string;
}
```
#### Bash / Shell
```shell
# Get our images
for i in $(seq 1 $COUNT)
do
echo "Fetching image ${i} of ${COUNT}"
curl -sL "https://source.unsplash.com/random/${WIDTH}x${HEIGHT}?${TOPIC}" > "${PREFIX}image_${WIDTH}x${HEIGHT}_$i.jpg"
sleep 0.6
done
```
#### HTML
```HTML
```
#### Nginx
```Nginx
server {
listen 80;
listen [::]:80;
server_name bookstack.dev;
root /var/www/bookstack/public;
index index.php index.html;
location / {
try_files $uri $uri/ /index.php?$query_string;
}
location ~ \.php$ {
include snippets/fastcgi-php.conf;
fastcgi_pass unix:/run/php/php7.4-fpm.sock;
}
}
```
#### Markdown
```MarkDown
### 📜 Code Standards
PHP code style is enforced automatically [using StyleCI](https://github.styleci.io/repos/41589337).
If submitting a PR, any formatting changes to be made will be automatically fixed after merging.
```
# Video Embed Example
You can embed anything that can be included via an iframe. This includes YouTube videos like that show below:
