You have no items in your shopping cart.
-
Home
-
-
Category
-
-
Products
-
-
Shoes
-
-
-
This theme looks great not only on desktops but also on devices. What means that there are no special requirements for your clients to browse your website. With EM Oswad, you can easily change the overall appearance of your site by editing your site’s layout, themes, colors, and fonts. Make your webstore look special! You can create as many custom color schemes as you need and easily apply to your webstore
EM Oswad is optimized for all screen resolutions. If you resize web browser window, theme elements will be transformed smoothly on each breakpoint (from 320 to 1280 pixels) in order to adapt to the current screen size.
-
-
-
typography
General Elements
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
- Bullet List 1
- Bullet List 1.1
- Bullet List 1.2
- Bullet List 1.3
- Bullet List 1.4
- Bullet List 2
- Bullet List 3
- Bullet List 4
- Number List 1
- Number List 1.1
- Number List 1.2
- Number List 1.3
- Number List 1.4
- Number List 2
- Number List 3
- Number List 4
- Definition title dt
- Defination description dd
- Definition title dt
- Defination description dd
Code tag: Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
block quote Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
element with class .f-left
element with class .f-right
Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Tables
Table with class .data-table
| THEAD TH | THEAD TH | THEAD TH | THEAD TH | THEAD TH |
|---|---|---|---|---|
| TBODY TD | TBODY TD | TBODY TD | TBODY TD | TBODY TD |
| TBODY TD | TBODY TD | TBODY TD | TBODY TD | TBODY TD |
| TBODY TD | TBODY TD | TBODY TD | TBODY TD | TBODY TD |
Custom CSS Classes
tag small and class .small
element with class .underline
Custom CSS Classes Color
element with class .normal
element with class .primary
element with class .secondary
element with class .secondary2
element with class .secondary3
ul.none and ol.none:
- Bullet List 1
- Bullet List 1.1
- Bullet List 1.2
- Bullet List 1.3
- Bullet List 1.4
- Bullet List 2
- Bullet List 3
- Bullet List 4
ul.hoz and ol.hoz:
- Bullet List 1
- Bullet List 2
- Bullet List 3
- Bullet List 4
paragraph with class .box:
Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Paragraph with class .bottom always has margin-bottom = 0.
Available classes
se a single or combination of the available classes for toggling content across viewport breakpoints.
| Extra small devices Phones (<768px) | Small devices Tablets (=768px) | Medium devices Desktops (=992px) | Large devices Desktops (=1200px) | |
|---|---|---|---|---|
.visible-xs-*
|
Visible | Hidden | Hidden | Hidden |
.visible-sm-*
|
Hidden | Visible | Hidden | Hidden |
.visible-md-*
|
Hidden | Hidden | Visible | Hidden |
.visible-lg-*
|
Hidden | Hidden | Hidden | Visible |
.hidden-xs
|
Hidden | Visible | Visible | Visible |
.hidden-sm
|
Visible | Hidden | Visible | Visible |
.hidden-md
|
Visible | Visible | Hidden | Visible |
.hidden-lg
|
Visible | Visible | Visible | Hidden |
Font Icons - Font Awesome
|
Call
<span class="fa fa-phone"></span>
|
Special Deals
<span class="fa fa-tag"></span>
|
Customer Support
<span class="fa fa-life-ring"></span>
|
Login
<span class="fa fa-user"></span>
|
|
Search
<span class="fa fa-search"></span>
|
Cart
<span class="fa fa-shopping-cart"></span>
|
Wishlist
<span class="fa fa-heart"></span>
|
Compare
<span class="fa fa-exchange"></span>
|
|
Address
<span class="fa fa-map-marker"></span>
|
Phone
<span class="fa fa-phone"></span>
|
Fax
<span class="fa fa-fax"></span>
|
<span class="fa fa-envelope"></span>
|
|
<span class="fa fa-facebook"></span>
|
<span class="fa fa-twitter"></span>
|
Rss
<span class="fa fa-rss"></span>
|
<span class="fa fa-pinterest"></span>
|
|
Google Plus
<span class="fa fa-google-plus"></span>
|
Vimeo
<span class="fa fa-vimeo-square"></span>
|
Youtube
<span class="fa fa-youtube-play"></span>
|
|
Examples use font icons
|
|
You can place Font Awesome icons just about anywhere using the CSS Prefix fa and the icon's name. Font Awesome is designed to be used with inline elements (we like the tag for brevity, but using a is more semantically correct).
|
|
|
If you change the font-size of the icon's container, the icon gets bigger. Same things goes for color, drop shadow, and anything else that gets inherited using CSS. |
||
|
fa-lg fa-2x fa-3x fa-4x fa-5x |
To increase icon sizes relative to their container, use the <span class="fa fa-facebook-square fa-lg"></span> fa-lg
|
|
Logo
|
.em-payment-icon.em-visa |
.em-payment-icon.em-master |
.em-payment-icon.em-express |
.em-payment-icon.em-paypal |
.em-payment-icon.em-other |
Label
|
.label.new
|
.label.hot
|
.label.special
|
image with class .img-responsive: