• Play and Discover​
    Play and Discover​
    Play and Discover​
    Play and Discover​

    Play and Discover​

    Play together with We-Vibe Couples Toys
 
  • <div class="d-none">I am invisible</div>
    <div class="d-none">I am invisible</div>

    I am invisible

Product Text Image with video

test Subtitle
text

Wow Tech Product Text Image

Desktop: 925x521, Mobile: 768x801, JPEG. Video: mp4 (file should not exceed 2 MB).

Don’t let distance get in the way of your passion.

This block should support an image or video. The image should be centered to the text block. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Don’t let distance get in the way of your passion.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Don’t let distance get in the way of your passion. Center

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Don’t let distance get in the way of your passion.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


WOW Tech Product Video Text

Desktop: 1920x1080, Mobile: 770x946, JPEG. Video: mp4 (file should not exceed 2 MB).

Don’t let distance get in the way of your passion.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

WOW Tech Product Images Row

Desktop: 253x253, Mobile: 369x369, JPEG

How the WOMANIZER DUO works

1. Add a few drops of your favorite water-based lubricant to the internal stimulator. 
2. Gently insert the stimulator into your vagina and surround your clitoris with the stimulation head. 
3. Enjoy the best of two worlds. 

WOW Tech Image Tiles

Desktop & Mobile: 72x72, JPEG

Designed for You

Our products are designed for and inspired by real bodies, real connection, and pure pleasure. Always.
Premium Quality
All products include authentic manufacturer’s warranty, so you can be assured of their quality.
Private and Secure
We-Vibe.com uses a secure connection to protect your privacy. Purchase as a guest or create an account.
Body Safe
All products are made from body-safe materials — free from phthalates and BPA, and made without latex.
Discreet Delivery
Packaged in plain boxes with a discreet label, orders are shipped and billed from Standard Innovation.
 

WowTech Product Simple Text Image

Desktop & Mobile: 1920x640, JPEG

Lorem ipsum dolor sit amet, consectetur adipiscing

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.



WOW Tech Breaker Banner

Desktop & Mobile: 1920x427, JPEG

Lorem Ipsum Dolor.

Grouped Review Slider

Desktop & Mobile: 400x400px, JPEG

Heading
Description 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Description 2. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Text 3
Description 3. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Text 4
Description 4. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


Row of Cards

Desktop & Mobile: 400x400px, JPEG

CMS Block



WOW Tech Product Slider

 

WOW Tech Newsletter

 

WOW Tech Product Compare

Heading

Shape #1 Subtitle #1
Shape #2 Subtitle #2
Shape #3 Subtitle #3
Intensity
We-Connect no yes yes
Modes 10+ 10 10
Waterproof



Base Styles


Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


  1. Please fix widget styles that are broken on this demo page.
  2. Please include default styles for paragraph, lists, headers, & table in the demo template. Please also include custom headers.
  3. Please create a template with all widgets, default styles and custom headers.
  4. Once complete, we will duplicate that template to create a 2nd template for Marketing.
  5. Marketing should be able to create a page using a template and have the ability to remove blocks as needed without affecting the template.
  6. ol list item
  • ul list item
  • list item
  • list item

Bootstrap

Aligned Text

Left-aligned text using the text-start class.

Right-aligned text text-end class.

Center-aligned text text-center class.

No wrap text text-nowrap class.



Text Transform

text-lowercase

text-uppercase

text-capitalize



Font Size

.fs-1 text

.fs-2 text

.fs-3 text

.fs-4 text

.fs-5 text

.fs-6 text



Display Headings

Display headings are used to stand out more than normal headings with a larger font-size and lighter font-weight. There are six classes to choose from: .display-1 to .display-6

display-1

display-2

display-3

display-4

display-5

display-6



Line height

lh-1 This is a long paragraph written to show how the line-height of an element is affected by our utilities. Classes are applied to the element itself or sometimes the parent element. These classes can be customized as needed with our utility API.

lh-sm This is a long paragraph written to show how the line-height of an element is affected by our utilities. Classes are applied to the element itself or sometimes the parent element. These classes can be customized as needed with our utility API.

lh-base This is a long paragraph written to show how the line-height of an element is affected by our utilities. Classes are applied to the element itself or sometimes the parent element. These classes can be customized as needed with our utility API.

lh-1g This is a long paragraph written to show how the line-height of an element is affected by our utilities. Classes are applied to the element itself or sometimes the parent element. These classes can be customized as needed with our utility API.



Font weight and italics

fw-bold

fw-bolder Bolder weight text (relative to the parent element).

fw-semibold Semibold weight text.

fw-normal Normal weight text.

fw-light Light weight text.

fw-lighter Lighter weight text (relative to the parent element).

fst-italic Italic text.

fst-normal Text with normal font style



Contextual Colors

Use the contextual classes to provide "meaning through colors":

This text is text-muted.

This text is text-primary.

This text indicates text-success.

This text is text-info.

This text is text-warning.

This text is text-danger.

This text is text-secondary.

This text is text-dark.

This test is text-body (often black).

This text is text-light on background bg-warning (on bg-warning).

This text is text-white on background bg-warning (on bg-warning).


Contextual Backgrounds

Use the contextual background classes to provide "meaning through colors".

Note that you can also add a .text-* class if you want a different text color:

This text uses the bg-primary text-white classes.

This text uses the bg-success text-white classes.

This text uses the bg-info text-white classes.

This text uses the bg-warning text-white classes.

This text uses the bg-danger text-white classes.

This text uses the bg-secondary text-white classes.

This text uses the bg-dark text-white classes.

This text uses the bg-light text-dark classes.

This text use bg-body text-dark

This text use bg-white text-dark

This text use bg-transparent text-dark

Spacing Utilities

Set the spacing of an element with the {property}{sides}-{breakpoint}-{size} classes.
Omit breakpoint if you want the padding or margin to work on all screen sizes.

Bootstrap 5 has a wide range of responsive margin and padding utility classes.
They work for all breakpoints: xs (<=576px), sm (>=576px), md (>=768px), lg (>=992px), xl (>=1200px) or xxl (>=1400px)):

The classes are used in the format:
{property}{sides}-{size} for xs and
{property}{sides}-{breakpoint}-{size} for sm, md, lg, xl and xxl.

Where property is one of:
m - sets margin
p - sets padding

Where sides is one of:
t - sets margin-top or padding-top
b - sets margin-bottom or padding-bottom
s - sets margin-left or padding-left
e - sets margin-right or padding-right
x - sets both padding-left and padding-right or margin-left and margin-right
y - sets both padding-top and padding-bottom or margin-top and margin-bottom
blank - sets a margin or padding on all 4 sides of the element

Where size is one of:
0 - sets margin or padding to 0
1 - sets margin or padding to .25rem
2 - sets margin or padding to .5rem
3 - sets margin or padding to 1rem
4 - sets margin or padding to 1.5rem
5 - sets margin or padding to 3rem
auto - sets margin to auto

How It Works

Note: To add margin to the left side, use the class ms-* (margin start) instead of ml-* (margin left).
To add margin on the right, use the class me-* (margin end) instead of mr-* (margin right).

Below is an example using classes for the right margin with a visual representation of their sizes. The same sizes apply to all directions (left, right, top, bottom) and for both margins and padding.

Class name Size Visual representation
.me-1 0.25rem
 
.me-2 0.5rem
 
.me-3 1rem
 
.me-4 1.5rem
 
.me-5 3rem
 

Grid Classes

.col-  (extra small devices - screen width less than 576px)
.col-sm-  (small devices - screen width equal to or greater than 576px)
.col-md-  (medium devices - screen width equal to or greater than 768px)
.col-lg-  (large devices - screen width equal to or greater than 992px)
.col-xl-  (xlarge devices - screen width equal to or greater than 1200px)
.col-xxl- (xxlarge devices - screen width equal to or greater than 1400px)

    <!-- Responsive columns, control width on different devices -->
    <div class="container">        
      <div class="row">
        <div class="col-*-*""> <div>
        <div class="col-*-*""> <div>
      <div> 
    <div>   

    <!-- Auto Layout, equal width columns -->  
    <div class="container"> 
     <div class="row">
       <div class="col> <div>
       <div class="col> <div>
     <div>
  <div> 

Responsive Columns
First create a row (<div class="row">).
Then add the desired number of columns with (.col-*-*) classes.
The first star (*) represents the responsiveness: sm, md, lg, xl or xxl.
The second * represents a number, which should add up to 12 for each row.

Auto Layout
Let Bootstrap handle the layout automatically with the col class and each column will have equal widths. Use .col-sm|md|lg|xl|xxl to make the columns responsive.


Responsive Columns

Small Grid
Small devices are defined as having a screen width from 576 pixels to 767 pixels.
On extra small devices, it will stack (100% width).

col-sm-6 (50%)
col-sm-6 (50%)

col-sm-4 (33.33%)
col-sm-4 (33.33%)
col-sm-4 (33.33%)

col-sm-3 (25%)
col-sm-3 (25%)
col-sm-3 (25%)
col-sm-3 (25%)

col-sm-3 (25%)
col-sm-9 (75%)

col-sm-4 (33.33%)
col-sm-8 (66.6%)

Medium Grid
Medium devices are defined as having a screen width from 768 pixels to 991 pixels.

col-md-6 (50%)
col-md-6 (50%)

col-md-4 (33.33%)
col-md-4 (33.33%)
col-md-4 (33.33%)

col-md-3 (25%)
col-md-3 (25%)
col-md-3 (25%)
col-md-3 (25%)

col-md-3 (25%)
col-md-9 (75%)

col-md-4 (33.33%)
col-md-8 (66.6%)

Auto Layout Columns

Use the unit-less .col class to create equal width columns for each breakpoint.
Bootstrap will recognize how many columns there are and each column will get the same width.
*Use .col-sm|md|lg|xl|xxl to make the columns responsive.

col
col

col
col
col

col
col
col
col

Extra Small Grid (Auto Layout)
Use numbers to control the column width. Just make sure that the sum adds up to 12 or fewer (it is not required that you use all 12 available columns)

col-6
col-6

col-4
col-4
col-4

col-3
col-3
col-3
col-3

col-3
col-9

col-4
col-8

Auto Layout Columns, Responsive

Use the unit-less .col class to create equal width columns for each breakpoint.
Bootstrap will recognize how many columns there are and each column will get the same width.
*Use .col-sm|md|lg|xl|xxl to make the columns responsive.

Small Grid (Auto Layout, Responsive Columns)

col-sm
col-sm

col-sm
col-sm
col-sm
col-sm

Medium Grid (Auto Layout, Responsive Columns)

col-md
col-md

col-md
col-md
col-md
col-md

Large Grid (Auto Layout, Responsive Columns)

col-lg
col-lg

col-lg
col-lg
col-lg
col-lg

XLarge Grid (Auto Layout, Responsive Columns)

col-xl
col-xl

col-xl
col-xl
col-xl
col-xl

XX Large Grid (Auto Layout, Responsive Columns)

col-xxl
col-xxl

col-xxl
col-xxl
col-xxl
col-xxl