Launch a SaaS showcase in style.

Codebase consists of a series of landing and support pages which companies can use to promote new products and business launches.
event
This week
Design onboarding
support_agent
Call w/
Jane
Oliver
Sharon
Kristine
Available

Loved by teams around the world

play_circle
See Norman in action
01
· Get started
fingerprint

Works perfectly with your semantics.

Stand out online with a professional website, online store, or portfolio. With Fouroom templates, you can turn any idea into a reality.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
02
· Built for developers, trusted by enterprises

CMS, meet
visual design

app_shortcut
Build with raw ingredients
Drag in unstyled HTML elements for full control, or use pre-built pieces for complex elements like sliders, tabs, background videos, and more.
campaign
Create reusable symbols
Turn nav bars, footers, signup forms, and more into symbols you can change across your whole site with a single edit.
dashboard_customize
Keep your elements organized
View and reorganize your pages' element structure in the Navigator — and ensure your pages remain accessible to all
tips_and_updates
Design with real content

Work directly with CMS data and ecommerce products to build your site with real content — not dummy data.

backup
Learn about CMS
shopping_cart
Learn about Ecommerce
03
· Case studies

People use Norman to build what other templates can't.

Case Study
Read Story
Case Study
Read Story
04
· Integrations & resources

Material Icons from Google.

Material Icons are available in five styles. The icons are based on the core Material Design principles and metrics.

interests

Over 2000 icons

Built as components in 5 variants: Filled, Outlined, Sharp, Rounded, Two-tone.

card_giftcard

It's free to use

Material Design Icons are free for everyone to use. It’s available under Apache license version 2.0.

content_cut

Copy and paste

Get priority in live classes to ask questions to educators using the Raise a Hand Feature.

auto_fix_high

No Photoshop needed

Live classes from top educators, mock tests & quizzes, structured batch courses in line with exam syllabus
Browse all icons
play_arrow

Ultimate web design course

play_arrow

Web animations with Lottie

play_arrow

CMS & dynamic content

05
· Get started
fingerprint

Works perfectly with your semantics.

Stand out online with a professional website, online store, or portfolio. With Fouroom templates, you can turn any idea into a reality.

Works with your semantics

Experience the power of code

tab
arrow_back_ios_new
arrow_forward_ios
webflow.com/templates/designers/fouroom
open_in_browser
add
cast
How do I get started?
When you sign up, you’re on the Free plan by default. The Free plan is designed for teams just starting out with visual collaboration.
How do I get started?
When you sign up, you’re on the Free plan by default. The Free plan is designed for teams just starting out with visual collaboration.
How do I get started?
When you sign up, you’re on the Free plan by default. The Free plan is designed for teams just starting out with visual collaboration.
06
· Get started
fingerprint

Enhance your websites and unlock all kinds of functionality.

Find and embed plugins and widgets. Get free and premium images, videos, and other assets for your site.

05
· Our pricing

Ready to get your team started?

01

Commercial Single user

Basics for teams and developers

check
Single user
check
Personal or commercial projects
check
Business social media accounts
check
Physical or digital advertisements for local market
02

Extended Unlimited users

Advanced collaboration and support for teams

check
Unlimited users
check
Personal or commercial projects
check
Business social media accounts
check
Physical or digital advertisements for local, national and global markets
check
Native apps, web apps or games
06
· Case studies

Explore more ways to use codebase.

Norman for Developers
March 2022
auto_stories
Guide
Powerful Symbols
February 2022
videocam
Video
Building the perfect form
February 2022
auto_stories
Guide

Webflow powers more than 100,000 websites for businesses.

Explore Case Studies
George Sneddon
Founder & CTO
I couldn't be any happier. The template purchased was very well put together and help us to put together for our new marketing company. All the pages and features were very well explained and made it very easy to change and adapt it to our needs. We were so impressed that we will purchase a second template for our second brand launching some time in March. Highly recommended!

“What started out with just three pages showing what can be built with was the springboard to redoing the entire website.”

Brian Lewis
Head of Development, petsplay.io

Ship robotics code fast. Without the dev time.

1
datasource db {
2
provider = "sqlite"
3
url      = env("DATABASE_URL")
4
}
5
6
generator client {
7
 provider = "prisma-client-js"
8
}
9
model Post {
10
id        Int @id
11
@default(autoincrement())
12
content   String?
13
published Boolean @default(false)
14
authorId  Int?
15
}

Set up in minutes, deploy your code fast.

Book a demo
01
HOW IT WORKs
fingerprint

Works perfectly with your semantics.

Stand out online with a professional website, online store, or portfolio. With Fouroom templates, you can turn any idea into a reality.
Group robots
navigate_next
Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Decide when your robot pulls
navigate_next
Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.
Manual approvals
navigate_next
Webflow has all the SEO controls you need built right in, with zero maintenance, no security hassles, and a flexible CMS.
1
datasource db {
2
provider = "sqlite"
3
url      = env("DATABASE_URL")
4
}
5
6
generator client {
7
 provider = "prisma-client-js"
8
}
9
model Post {
10
id        Int @id
11
@default(autoincrement())
12
content   String?
13
published Boolean @default(false)
14
authorId  Int?
15
}
1
datasource db {
2
provider = "sqlite"
3
url      = env("DATABASE_URL")
4
}
5
6
generator client {
7
 provider = "prisma-client-js"
8
}
9
model Post {
10
id        Int @id
11
@default(autoincrement())
12
content   String?
13
published Boolean @default(false)
14
authorId  Int?
15
}
1
datasource db {
2
provider = "sqlite"
3
url      = env("DATABASE_URL")
4
}
5
6
generator client {
7
 provider = "prisma-client-js"
8
}
9
model Post {
10
id        Int @id
11
@default(autoincrement())
12
content   String?
13
published Boolean @default(false)
14
authorId  Int?
15
}
02
· How it works
integration_instructions

Experience the power of code.

Take control of HTML5, CSS3, and JavaScript in a completely visual canvas — and let Webflow translate your design into clean, semantic code that’s ready to publish to the web, or hand off to developers.
manage_search
Structure
Use this text to describe the first step...
1
⌘
c
+
v
Style
...the second step is following here...
2
check
Launch
...aaand the third one...
3
Slack Channel
Gmail
Evernote
...This is the last fourth step of how it works.
4
02
backed by the best

Our investors have helped build great robotics companies.

On Deck
Built for robotics
check
Network constrained environments
Robots go where servers never can. Airbotics handles less-than-ideal network conditions with retries, caching unsent messages, delta updates, and using MQTT for communication.
check
Busy machines
Your robots can often be busy doing what your robots do. Airbotics gives you control over exactly when a deployment should be attempted.
check
Native ROS support
Airbotics works with ROS so you can create custom logic around updating your software, label your training data with the currently running software, and more.
check
Bring your own tooling
Airbotics works with any source code provider, continuous integration service, and container registry. Just connect your registry to Airbotics and we'll deploy from there.

How does it work?

check
Step
01

Connect your robots

Execute docker run airbotics/agent on your robot, click a link and you're done - easy. Group your robots by site, hardware version, test vs. production, or anything else that makes sense to you.
check
Step
02

Connect your container registry

Add a webhook and API key from your registry to Airbotics so we're notified of new versions and can pull onto your robots. With support for Docker Hub, AWS ECR, and GitHub Package Registry.
check
Step
03

Push to your registry

Build your images from your favourite CI providers like GitHub Workflows, Jenkins, GitLab, or straight from your terminal. Your images will then appear in Airbotics, ready to be sent to your fleet.
check
Step
04

Deploy to your fleet

Manage how your images are put on your robots and how systemd should run them with fine-level control. Test in the office, promote to production, gradually roll out to the fleet, rollback, and more.
02
bring your robots closer to you
biotech

Know what's happening 24/7.

Airbotics gives you full insight into the state of software on your robots at all times. Never wonder which release is on which robot again.

03
power up your deployments
extension

Stay in your flow.

Airbotics works with your favourite tools to commit on PRs, notify you on Slack, close tickets on Jira, and more.

04
for when speed matters
keyboard

Keyboard friendly.

Command your fleet at your finger tips. Roll back to old releases, promote from QA to production, and much more.

06
we love robot operating system
sync
Update your code from ROS
Make a call to the /air/update action to update software on your robot right from your ROS code.
campaign
Publishes the state of your stack
Airbotics publishes what software is on your robots, what state its in, and which versions is running. Just subscribe to /air/stack to view your stack in real-time.
insert_chart
Publishes telemetry
Your data isn't siloed in Airbotics, everything the agent does is published to /air/telemetry so you get full insight in your ROS code.
fmd_bad
Not a fan of ROS?

That's okay, Airbotics works perfectly well without it - just change a line in the config file to remove it.

shopping_cart
Learn more about our agent
06
· Built for robots, loved by developers

A DevOps platform that gets Robotics

Airbotics is building modern tooling for modern robotics development.
Get started