What's included

    
foliodot/
  ├─ examples/
  ├─ help/
  ├─ website/
  │  ├─ img/
  │  │  ├─ one/
  │  │  │  ├─ photo.jpg
  │  │  │  └─ photo_thumb.jpg
  │  │  │
  │  │  ├─ two/
  │  │  └─ three/
  │  │
  │  ├─ js/
  │  │  ├─ folio.min.js
  │  │  └─ config.js
  │  │
  │  ├─ css/
  │  │  ├─ folio.min.css
  │  │  └─ custom.css
  │  │
  │  ├─ index.html
  │  ├─ about.html
  │  ├─ one.html
  │  ├─ two.html
  │  ├─ three.html
  │  └─ _blank.html
  │
  ├─ readme.txt
  └─ license.txt
        

Examples Link

Foliodot example projects as seen on https://foliodot.com/examples. Use provided html documents to examine how projects are build. Copy/paste any parts of markup to your actual page.

Help Link

Help folder contains links to online documentation and relevant documents.

Website Link

Your actual website folder. Open index.html in your browser to preview. This fully functional website can serve you as a starting point for further development.

Within this folder you will find files and folders that make your website structure:

• img/ (images folder)

  Place your images here. Sample images (dummy placeholders) are provided within img/ folder for template preview. More about working with images

• js/ (javascript folder)

  Contains javascript files:

  • folio.min.js - core foliodot javascript file (required)
  • config.js - configuration file (optional). Contain some pre-configured options. Uncomment to enable.

• css/ (css folder)

  Contains CSS files:

  • folio.min.css — base style for website (required)
  • custom.css — your custom css styles (optional)
• index.html — your home page. Contain inner pages.
• about.html — about page. Contain inner pages.
• one.html — First portfolio project page. Contain inner page samples.
• two.html — Second portfolio project page. Contain inner page samples.
• three.html — Third portfolio project page. Contain inner page samples.
• _blank.html — Blank page contain minimal html structure. Use it as starter page for further development

Other

License, docs, etc.