###### Navigation

Menu comes in two modes: dark & light

###### Top Nav

Choose your liked color mode

###### Scrollable Header

#### Images

##### Image Shapes

Change the shape of an image using `.rounded` or `.circle` modifier classes. In addition use `.img-thumbnail` to give an image 1px border appearance.

##### Aligning images

Align images with the helper `float classes` or `text alignment classes`.

###### Align Center

Block-level images can be centered using the `.mx-auto margin utility` class.

##### Cropperjs

An advanced JavaScript image cropper.

X px
Y px
Width px
Height px
Rotate deg
ScaleX
ScaleY

#### Cropped

Download
16:9 4:3 1:1 2:3 Free
VM0 VM1 VM2 VM3

- responsive
- restore
- checkCrossOrigin
- checkOrientation
- modal
- guides
- center
- highlight
- background
- autoCrop
- movable
- rotatable
- scalable
- zoomable
- zoomOnTouch
- zoomOnWheel
- cropBoxMovable
- cropBoxResizable
- toggleDragModeOnDblclick

##### Figures

Anytime you need to display a piece of content—like an image with an optional caption, consider using a figure. Aligning the figure’s caption is easy with text utilities.

Left Aligned Caption
Right Aligned Caption