reveal.js comes with a few themes built in:
Black (default) - White - League - Sky - Beige - Simple
Serif - Blood - Night - Moon - Solarized


WEBasOne Integrator Training

by Mark Yuan

( Use Space key to Navigate )

Keyboard Shortcuts

  • "o" toggle overview and current slide
  • "f" full screen, "esc" exit full screen
  • "space" or "arrow key" to next slide


  • Use ui design to create a prototype website
  • Use u_create to create a editable website
  • Use shortCuts to update website
  • Advanced mode for further customization 
  • Clone server, ssl and go live
  • At manage-webmaster screen
  • Click "UI Design Website" 
  • Click "Login with Google"
  • Click "Home" to start Home page design

at Home page design

  • at "Design" input, enter "color"
    • Drag any Color design-wiget to "Common Design"
  • at "Design" input, enter "Background"
    • Drag "Website image background"  design-wiget to "Common Design"
  • at "Layout" input, enter "1m,slider"
    • Drag "1m,slider" to "My Design"
  • Click "Create" on the right top
  • After done, click the link

To delete a design

Drag the design to "Delete Zone"

Home page design 2

  • From "Layout", drag the following design-wiget to "My Design"
    • "2m,slider-tab", "3m,image-image-image",
    • "1m,svg","3m,panel-panel-panel"
  • Click create and see the website

design-wiget background

  • Only apply to the design-wigets in "Layout"
  • Click "2m,slider-tab"
  • Click "3m,image-image-image"
  • Click. "1m,svg"
  • Click "3m,panel-panel-panel"
  • Click "2m,slider-tab" again to enable all
  • Click any design-wiget, will cycle through selection

Add about page

  • Click "Design Website" on the top left
  • Click "Add Page"
  • Click "New Page" 
  • Mouse to the "New Page" input field
  • Replace "New Page" with about
  • With "about" selected, click "Add Page"
  • To add about sub menu
  • Drag some design blocks


  • At ui design website, click "Copy to clipboard"
  • At manage-webmaster screen, click "Paste from clipboard"
  • Click "Create Website"
  • Click "manage" button, click Update Website
  • Use shortCuts to manage website

Steps to Become a Certified WebAsOne Webmaster

  • Submit a request on
  • Or send mail to
  • You will receive a password request in your email.
  • After password reset
  • Log in to the management website
  • Click the "Training intro" red button
  • Follow the instructions
  • Find an existing website.
  • Use UI design website to duplicate
  • Copy the AIO file from the UI design website and create an updatable website.
  • Use the ShortCut to update the website.