FlatDesk - Innovative Portfolio Template

FlatDesk – Innovative Portfolio Template

Introduction

FlatDesk is an modern portfolio template constructed with WebGL (Three.js). It is so simple as it sounds: there’s a desk,
on which you’ll place inbuilt gadgets: dynamic (like telephone, pill or briefcase, that are used to current your work) and
ornamental (like lamp, mouse or keyboard). Thanks to offered superior configurator, FlatDesk is a strong device for creating
distinctive and extraordinary portfolio web page. Each merchandise on the desk is customizable (like colours, positions, and so forth.), so the FlatDesk
has infinitely many various compositions, and the one restrict is your creativity.

Overview

ywAAAAAAQABAAACAUwAOw==

Target

You can use this portfolio template for practically any space through which you use, for instance: net design, pictures, print
design, portray, video manufacturing, sculpture, structure, running a blog, souvenirs, decor and rather more.

Features

Innovative idea for a portfolio template
Responsive
Unique and brave method of utilizing 3D house in Web Portfolio
Modern, minimal and clear design
Advanced configurator:
- Really simple to make use of, simply fill the shape, change properties, export and import config file
- Express your self. Almost the whole lot is configurable right here. You could make this template look method completely different, so give free
  rein to your creativeness!
- Customization choices:
  - Size of desk
  - Camera varieties
  - Light properties
  - Shadow properties
  - Colors of objects
  - Position of objects
  - Rotation of objects
  - Content of objects, after all. You can current your work with picture slides, interactive prototype embed (i.e. invision), html file, or simply url to undertaking
  - Enabling/disabling objects
  - Your social media hyperlinks
  - Textures – they’re separated picture information, so you possibly can all the time substitute them
- Customizable objects in scene
  - telephone
  - pill
  - desktop PC
  - briefcase
  - postcard
  - enterprise card
  - private resume
  - espresso
  - mouse
  - keyboard
  - audio system
  - desk lamp
- You can preview the configurator here
Written in trendy applied sciences, resembling HTML5, CSS3, AngularJS, ThreeJS (But don’t fear – you don’t must know/perceive
any of them to make use of or customise this template)
Contact kind included
Lightweight
Font superior icons
24/7 Support
Cross browser
Documentation included
PSD information included

Fonts used

Lato
Font superior

We’re open to your suggestions!

Exactly. We are positive that this template is a extremely inventive method of presenting your work. That’s crucial factor
in portfolio, proper? We additionally consider that we will enhance it much more, however we’d like your suggestions! Possibilities are nearly
limitless right here.

Credits

three.js – light-weight cross-browser JavaScript library/API used to create and show animated 3D laptop graphics on
a Web browser
AngularJS – Superheroic JavaScript MVW Framework designed for constructing net-apps
GSAP – The new normal for HTML5 and javascript animation
Bootstrap – the most well-liked HTML, CSS, and JS framework for creating responsive, cellular first initiatives on the internet
InVision – the world’s main prototyping, collaboration & workflow platform
BeginBootstrap – assortment of free to obtain Bootstrap themes and templates
Modernizr: the function detection library for HTML5/CSS3
animate.css – A cross-browser library of CSS animations
angular-animate – help for CSS-primarily based animations (keyframes and transitions) in addition to JavaScript-primarily based animations by way of
callback hooks
angular-bootstrap – native AngularJS (Angular) directives for Bootstrap
angular-bootstrap-colorpicker – native AngularJS colorpicker
angular-file-saver – AngularJS service that gives cross-browser compatibility of the HTML5 saveAs()
angular-sanitize – offers performance to sanitize HTML
angular-swiper – wraps nolimits4web/swiper library for AngularJS
angular-ui-router – The de-facto answer to versatile routing with nested views in AngularJS
angular-ui-choose – native AngularJS implementation of Select2/Selectize by the AngularUI Team