Click the W to go back to the Dashboard and create a new website!
品川・田町エリアのタワーマンションにお住まいの方へ

マンション人気チェック

お住まいになっているマンションの人気をチェックしませんか？

あなたのマンションを実際に気にしている人の数や、過去の成約履歴、マンションの周辺環境など
その他の条件から独自のアルゴリズムで５段階に分けて算出しています。

マンション人気度ってなんだろう？

Basic layout elements

Add elements to your website by clicking on the [ + ] icon in the upper left hand corner. Below are some of the most basic structure elements in web design - sections, containers and columns. 

super PLAN

$75/mon

Perfect for any business with 20 or more employees. 

  • 500GB Storage
  • 1 Million Pageviews
  • 20 Collaborators
  • 50 Social Networks
  • Premium Support
What you see
Note: You’ll understand how to design something like this with the concepts below.
What Blocks It’s made of
Div Block
Div Block

H2 Heading super PLAN

Text Block$75/mon

Paragraph Perfect for any business with 20 or more employees. 

List
  • List Item
    500GB Storage
  • List Item
    1 Million Pageviews
  • List Item
    20 Collaborators
  • List Item
    50 Social Networks
  • List Item
    Premium Support

try it yourself

Drag this paragraph...

All the features without the limitations. All you can eat. (This is a paragraph element)

TIP: Click and drag the Paragraph element above and drop it under the price on the right. You can also use shortcuts like copy and paste(ctrl+c, ctrl+v), copy while dragging (holding alt), and delete (delete key). 
Into the purple block...

Super PLAN

$75/mon
INFO: This is how HTML and web structure works - elements stack under each other or inside of each other. That’s the best way to build a fluid and responsive website.

Styling your elements

Select an element and add a class in the right style panel (Brush Icon). In this panel you can add text and graphic styles like font color, line height, gradients, borders, shadows, and more. Visual web design is way more fun than coding right?

button design example
Add to Cart ➜
Style it yourself
Button Text ➜
TIP: This button already has a class ”Button” with some basic styles. Select the button and try to add the gradient, border, rounded corners, inside/outside shadows, hover state styles, and transition for the hover styles – all using the style panel.
Form Design example

Thanks!

Your rock my socks!

Oops! Something went wrong while submitting the form :(

Style it yourself

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form :(

TIP: First create classes for the text fields and button (apply the same class to both fields). Then change border styles, background color, and add styles for the hover & pressed states. Don’t forget to style the “Success” state for the Form element, found in the settings panel (Gear Icon in top right).