Getting Started
Drop Orchid’s files into your project and start building beautiful and effective Cosmopolitan applications and sites.
Download Orchid
Get the compiled and minified CSS and JavaScript, plus fonts, icons and images.
Using Orchid
Once downloaded, unzip the compressed folder orchid-1.0 and move it into the root directory of your project. Orchid includes both minified and unminified versions of its CSS and JavaScript. The structure looks like this:
orchid-1.0/
├── css/
│ ├── orchid-1.0.css
│ ├── orchid-1.0.min.css
├── fonts/
│ └── [Orchid web fonts]
├── images/
│ ├── orchid-icons.svg
└── js/
│ ├── orchid-1.0.js
│ └── orchid-1.0.min.js
└── [additional files]
From here, you can copy and paste Orchid markup to add your interface components. Start by choosing a layout container for your page. Browse for individual components like headers and footers and more to grab the code you need and plug it into your markup.
Get to know Orchid’s CSS options
Orchid is designed to give you lots of options for displaying components. The system uses a modular CSS class structure to let you add classes to the markup for instant and often dramatic changes. Get acquainted with Orchid’s code conventions, and then browse individual components to see how to apply their CSS options to customize your UI.
Support
For more information or questions about Orchid, contact The Cosmopolitan Digital Marketing Team at webrequest@cosmopolitanlasvegas.com.