Shopping Bag

Heading 1

<p class="heading h1">Heading 1</p>

Heading 2

<p class="heading h2">Heading 2</p>

Heading 3

<p class="heading h3">Heading 3</p>

Heading 4

<p class="heading h4">Heading 4</p>

Heading 5

<p class="heading h5">Heading 5</p>

About ViX

Designed for women who appreciate beauty, quality and attention to detail, ViX combines the bold sexiness of Brasil with the coastal allure of California. Vibrant colors along with unexpected details, collide with charming prints and solids to create swim, resortwear and accessories that celebrate the sensuality of a woman’s body.

<div class="rte container"> <h1 class="heading h1">About ViX</h1> <p> Designed for women who appreciate beauty, quality and attention to detail, ViX combines the bold sexiness of Brasil with the coastal allure of California. Vibrant colors along with unexpected details, collide with charming prints and solids to create swim, resortwear and accessories that celebrate the sensuality of a woman’s body. </p> </div>
<div class="flex-grid nowrap all"> <div> <div class="icon-arrow left"></div> </div> <div> <div class="icon-arrow right"></div> </div> <div> <div class="icon-arrow up"></div> </div> <div> <div class="icon-arrow down"></div> </div> </div>
<div class="flex-grid all nowrap"> <div> <div class="icon"> <svg></svg> </div> </div> <div> <div class="icon icon-hamburger"> <span></span> <span></span> <span></span> <span></span> </div> </div> <div> <div class="icon icon-hamburger is-open"> <span></span> <span></span> <span></span> <span></span> </div> </div> </div>
<button class="btn primary"> <span>Button</span> </button> <button class="btn secondary"> <span>Button</span> </button> <button class="btn primary disabled"> <span>Button</span> </button> <button class="btn grey"> <span>Button</span> </button> <button class="btn underline"> <span>Button</span> </button> <button class="btn underline square is-active"> <span>XS</span> </button>

Full Width Form, Block Labels

Comment Here
<form class="form"> <p class="heading h3"> Full Width Form, Block Labels </p> <div class="form-row"> <label class="form-label h5 required">Text</label> <input class="form-input" /> </div> <div class="form-row"> <label class="form-label h5">Dropdown</label> <select class="form-input"> <option>Option 1</option> <option>Option 2</option> </select> </div> <div class="form-row"> <label class="form-label h5">Textarea</label> <textarea class="form-input"></textarea> <span class="form-comment">Comment Here</span> </div> <div class="form-row flex-grid end"> <button type="submit" class="btn primary">Submit</button> </div> </form>

Grey Form, Placeholder Labels

Comment Here
<form class="form inline bg-grey"> <p class="heading h3"> Grey Form, Placeholder Labels </p> <div class="form-row"> <label class="form-label h5 required">Text</label> <input class="form-input" placeholder="Text" /> </div> <div class="form-row"> <label class="form-label h5">Dropdown</label> <select class="form-input"> <option>Option 1</option> <option>Option 2</option> </select> </div> <div class="form-row"> <label class="form-label h5">Textarea</label> <textarea class="form-input" placeholder="Textarea"></textarea> <span class="form-comment">Comment Here</span> </div> <div class="form-row flex-grid"> <button type="submit" class="btn primary">Submit</button> <a href="#" class="btn text">Forgot Your Password?</a> </div> </form>

Flex Form

Comment Here
<form class="form"> <p class="heading h3"> Flex Form </p> <div class="form-row flex-grid"> <label class="form-label h5 required">Text</label> <input class="form-input" placeholder="Text" /> </div> <div class="form-row flex-grid"> <label class="form-label h5">Dropdown</label> <select class="form-input"> <option>Option 1</option> <option>Option 2</option> </select> </div> <div class="form-row flex-grid"> <label class="form-label h5">Textarea</label> <textarea class="form-input" placeholder="Textarea"></textarea> <span class="form-comment">Comment Here</span> </div> <div class="form-row flex-grid end"> <a href="#" class="btn text">Forgot Your Password?</a> <button type="submit" class="btn primary">Submit</button> </div> </form>