Schweizer Fachgeschäft seit 1984
Navigation umschalten
Menü
Konto
Einstellungen
Mein Warenkorb
Suche

Erweiterte Suche
Mein Wunschzettel

Block with Image on Left

Stylish interiors

In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam. Integer et elit eget elit facilisis tristique. Nam vel iaculis mauris. Sed ullamcorper tellus erat, non ultrices sem tincidunt euismod. Integer et elit eget elit facilisis tristique.

Our work 
            
<div class="image-block left element">
    <div class="info">
        <h2 class="heading">Stylish interiors</h2>
        <p class="text">
            In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam. Integer et elit eget elit facilisis tristique. Nam vel iaculis mauris. Sed ullamcorper tellus erat, non ultrices sem tincidunt euismod. Integer et elit eget elit facilisis tristique.
        </p>
        <a href="" class="action primary">
            <span>Our work</span>
        </a>
    </div>
    <div class="picture">
        <img src="{{media url=&quot;wysiwyg/elements/banner-image.jpg&quot;}}" alt="" />
    </div>
</div>

Block with Image on Right

Stylish interiors

In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam. Integer et elit eget elit facilisis tristique. Nam vel iaculis mauris. Sed ullamcorper tellus erat, non ultrices sem tincidunt euismod. Integer et elit eget elit facilisis tristique.

Our work 
            
<div class="element image-block right">
    <div class="info">
        <h2 class="heading">Stylish interiors</h2>
        <p class="text">
            In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam. Integer et elit eget elit facilisis tristique. Nam vel iaculis mauris. Sed ullamcorper tellus erat, non ultrices sem tincidunt euismod. Integer et elit eget elit facilisis tristique.
        </p>
        <a href="" class="action primary">
            <span>Our work</span>
        </a>
    </div>
    <div class="picture">
        <img src="{{media url=&quot;wysiwyg/elements/banner-image.jpg&quot;}}" alt="" />
    </div>
</div>

Divider with Background and Title

Interior Design

Innovative experience

Custom interior design suggestions
Try out now 
            
<div class="element background-divider a-center">
    <img src="{{media url='wysiwyg/interior/home-interior.jpg'}}" alt="Interior Design" />
    <div class="content">
        <div class="block-title">
            <p class="subtitle">Innovative experience</p>
            <strong role="heading" aria-level="3">Custom interior design suggestions</strong>
        </div>
        <a href="{{store direct_url=''}}" title="Try out now" class="action"><span>Try out now</span></a>
    </div>
</div>

Text Blocks with Small Icons

Stylish interiors for everyone

In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam. Integer et elit eget elit facilisis tristique.

Donec rutrum congue

Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.

Donec rutrum congue

Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.

Donec rutrum congue

Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.

Donec rutrum congue

Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.

Donec rutrum congue

Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.

Donec rutrum congue

Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. 
            
                <div class="element icon-text-small">
                <div class="description">
                    <h2 class="heading">Stylish interiors for everyone</h2>
                    <p class="text">
                        In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam.

                        Integer et elit eget elit facilisis tristique.
                    </p>
                </div>
                <div class="icons">
                    <div class="item">
                        <div class="icon bg-orange"><img src="{{media url=&quot;wysiwyg/elements/icon-check.png&quot;}}" alt="" /></div>
                        <div class="info">
                            <h4 class="title">Donec rutrum congue</h4>
                            <div class="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="icon bg-lavender"><img src="{{media url=&quot;wysiwyg/elements/icon-location.png&quot;}}" alt="" /></div>
                        <div class="info">
                            <h4 class="title">Donec rutrum congue</h4>
                            <div class="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="icon bg-mint"><img src="{{media url=&quot;wysiwyg/elements/icon-heart.png&quot;}}" alt="" /></div>
                        <div class="info">
                            <h4 class="title">Donec rutrum congue</h4>
                            <div class="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="icon bg-orange"><img src="{{media url=&quot;wysiwyg/elements/icon-tags.png&quot;}}" alt="" /></div>
                        <div class="info">
                            <h4 class="title">Donec rutrum congue</h4>
                            <div class="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="icon bg-lavender"><img src="{{media url=&quot;wysiwyg/elements/icon-money.png&quot;}}" alt="" /></div>
                        <div class="info">
                            <h4 class="title">Donec rutrum congue</h4>
                            <div class="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="icon bg-mint"><img src="{{media url=&quot;wysiwyg/elements/icon-sale.png&quot;}}" alt="" /></div>
                        <div class="info">
                            <h4 class="title">Donec rutrum congue</h4>
                            <div class="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. </div>
                        </div>
                    </div>
                </div>
            </div>

Text Blocks with Big Icons

Branding

Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.

Branding

Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.

Branding

Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.
            
<div class="element icon-text-big">
    <div class="item bg-lavender">
        <div class="icon"><img src="{{media url=&quot;wysiwyg/elements/icon-sale-big.png&quot;}}" alt="" /></div>
        <div class="info">
            <h3 class="title">Branding</h3>
            <div class="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.</div>
        </div>
    </div>
    <div class="item bg-orange">
        <div class="icon"><img src="{{media url=&quot;wysiwyg/elements/icon-money-big.png&quot;}}" alt="" /></div>
        <div class="info">
            <h3 class="title">Branding</h3>
            <div class="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.</div>
        </div>
    </div>
    <div class="item bg-mint">
        <div class="icon"><img src="{{media url=&quot;wysiwyg/elements/icon-heart-big.png&quot;}}" alt="" /></div>
        <div class="info">
            <h3 class="title">Branding</h3>
            <div class="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.</div>
        </div>
    </div>
</div>

Text Blocks with Icons on Top

Explore our store

Donec rutrum congue

Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.

Donec rutrum congue

Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.

Donec rutrum congue

Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.
            
<div class="element icon-text-top">
    <div class="block-title">
        <strong role="heading" aria-level="3">Explore our store</strong>
    </div>
    <div class="content">
        <div class="item">
            <div class="icon bg-lavender"><img src="{{media url=&quot;wysiwyg/elements/icon-sale-big.png&quot;}}" alt="" /></div>
            <div class="info">
                <h3 class="title">Donec rutrum congue </h3>
                <div class="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.</div>
            </div>
        </div>
        <div class="item">
            <div class="icon bg-orange"><img src="{{media url=&quot;wysiwyg/elements/icon-money-big.png&quot;}}" alt="" /></div>
            <div class="info">
                <h3 class="title">Donec rutrum congue </h3>
                <div class="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.</div>
            </div>
        </div>
        <div class="item">
            <div class="icon bg-mint"><img src="{{media url=&quot;wysiwyg/elements/icon-heart-big.png&quot;}}" alt="" /></div>
            <div class="info">
                <h3 class="title">Donec rutrum congue </h3>
                <div class="text">Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Nulla porttitor accumsan tincidunt.</div>
            </div>
        </div>
    </div>
</div>

Logos Slider

Our brands 
            
<div class="block block-carousel  element brands-slider">
        <div class="block-title">
            <strong role="heading" aria-level="3">Our brands</strong>
        </div>
        <div class="block-content">
            <div class="slick-slider" data-mage-init='{"slick": {"slidesToShow": 6, "slidesToScroll": 1, "dots": false, "autoplay": true, "swipeToSlide": true, "rows": 0, "lazyLoad": "ondemand", "responsive": [{"breakpoint": 768, "settings": {"slidesToShow": 4}}, {"breakpoint": 600, "settings": {"slidesToShow": 3}}, {"breakpoint": 480, "settings": {"slidesToShow": 2}}]}}'>
                <div><a href="#"><img data-lazy="https://teppichmarkt.ch/static/version1747737637/frontend/Local/tm-chic/de_CH/'images/brands/ancestry.png'" alt="" width="200" height="78"/></a></div>
                <div><a href="#"><img data-lazy="https://teppichmarkt.ch/static/version1747737637/frontend/Local/tm-chic/de_CH/'images/brands/expedia.png'" alt="" width="200" height="78"/></a></div>
                <div><a href="#"><img data-lazy="https://teppichmarkt.ch/static/version1747737637/frontend/Local/tm-chic/de_CH/'images/brands/skyscnr.png'" alt="" width="200" height="78"/></a></div>
                <div><a href="#"><img data-lazy="https://teppichmarkt.ch/static/version1747737637/frontend/Local/tm-chic/de_CH/'images/brands/twtr.png'" alt="" width="200" height="78"/></a></div>
                <div><a href="#"><img data-lazy="https://teppichmarkt.ch/static/version1747737637/frontend/Local/tm-chic/de_CH/'images/brands/uber.png'" alt="" width="200" height="78"/></a></div>
                <div><a href="#"><img data-lazy="https://teppichmarkt.ch/static/version1747737637/frontend/Local/tm-chic/de_CH/'images/brands/viber.png'" alt="" width="200" height="78"/></a></div>
                <div><a href="#"><img data-lazy="https://teppichmarkt.ch/static/version1747737637/frontend/Local/tm-chic/de_CH/'images/brands/ancestry.png'" alt="" width="200" height="78"/></a></div>
                <div><a href="#"><img data-lazy="https://teppichmarkt.ch/static/version1747737637/frontend/Local/tm-chic/de_CH/'images/brands/expedia.png'" alt="" width="200" height="78"/></a></div>
                <div><a href="#"><img data-lazy="https://teppichmarkt.ch/static/version1747737637/frontend/Local/tm-chic/de_CH/'images/brands/skyscnr.png'" alt="" width="200" height="78"/></a></div>
                <div><a href="#"><img data-lazy="https://teppichmarkt.ch/static/version1747737637/frontend/Local/tm-chic/de_CH/'images/brands/twtr.png'" alt="" width="200" height="78"/></a></div>
                <div><a href="#"><img data-lazy="https://teppichmarkt.ch/static/version1747737637/frontend/Local/tm-chic/de_CH/'images/brands/uber.png'" alt="" width="200" height="78"/></a></div>
                <div><a href="#"><img data-lazy="https://teppichmarkt.ch/static/version1747737637/frontend/Local/tm-chic/de_CH/'images/brands/viber.png'" alt="" width="200" height="78"/></a></div>
            </div>
        </div>
    </div>

Blocks with Person Bio

Owen Hill

Head Designer

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet lig

Angie Smith

Head Designer

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet lig

Alice Richardson

Head Designer

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet lig

            
<div class="element bio">
    <div class="item">
        <div class="wrapper">
            <img src="{{media url='wysiwyg/elements/bio-1.png'}}" alt="" class="image">
            <h4 class="title">Owen Hill</h4>
            <span class="subtitle">Head Designer</span>
            <p class="info">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet lig</p>
        </div>
    </div>
    <div class="item">
        <div class="wrapper">
            <img src="{{media url='wysiwyg/elements/bio-2.png'}}" alt="" class="image">
            <h4 class="title">Angie Smith</h4>
            <span class="subtitle">Head Designer</span>
            <p class="info">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet lig</p>
        </div>
    </div>
    <div class="item">
        <div class="wrapper">
            <img src="{{media url='wysiwyg/elements/bio-3.png'}}" alt="" class="image">
            <h4 class="title">Alice Richardson </h4>
            <span class="subtitle">Head Designer</span>
            <p class="info">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet lig</p>
        </div>
    </div>
</div>

Pricing Block

Starter Plan
$40/month
  • 1 Complete product
  • 1 year of support
  • 1 Dedicated server
  • 10 Research demo
  • 20 users
Get Started
Business Plan
$60/month
  • 1 Complete product
  • 1 year of support
  • 1 Dedicated server
  • 10 Research demo
  • 20 users
  • 10 linked accounts
Get Started
Enterprise Plan
$120/month
  • 1 Complete product
  • 1 year of support
  • 1 Dedicated server
  • 10 Research demo
  • 20 users
Get Started 
            
<div class="element pricing">

    <div class="price-block">
        <span class="title">Starter Plan</span>
        <div class="price"><strong class="amount">$40</strong><span class="period">/month</span></div>
        <ul class="conditions">
            <li class="item"><strong>1</strong> Complete product</li>
            <li class="item"><strong>1</strong> year of support</li>
            <li class="item"><strong>1</strong> Dedicated server</li>
            <li class="item"><strong>10</strong> Research demo</li>
            <li class="item"><strong>20</strong> users</li>
        </ul>
        <a href="" class="action primary"><span>Get Started</span></a>
    </div>

    <div class="price-block popular" data-popular="Popular">
        <span class="title">Business Plan</span>
        <div class="price"><strong class="amount">$60</strong><span class="period">/month</span></div>
        <ul class="conditions">
            <li class="item"><strong>1</strong> Complete product</li>
            <li class="item"><strong>1</strong> year of support</li>
            <li class="item"><strong>1</strong> Dedicated server</li>
            <li class="item"><strong>10</strong> Research demo</li>
            <li class="item"><strong>20</strong> users</li>
            <li class="item"><strong>10</strong> linked accounts</li>
        </ul>
        <a href="" class="action primary"><span>Get Started</span></a>
    </div>

    <div class="price-block">
        <span class="title">Enterprise Plan</span>
        <div class="price"><strong class="amount">$120</strong><span class="period">/month</span></div>
        <ul class="conditions">
            <li class="item"><strong>1</strong> Complete product</li>
            <li class="item"><strong>1</strong> year of support</li>
            <li class="item"><strong>1</strong> Dedicated server</li>
            <li class="item"><strong>10</strong> Research demo</li>
            <li class="item"><strong>20</strong> users</li>
        </ul>
        <a href="" class="action primary"><span>Get Started</span></a>
    </div>

</div>

Image Gallery

            
<div class="element gallery">
    <div class="grid-container">
        <div><a href="#"><img src="{{media url=&quot;wysiwyg/elements/image_44.jpg&quot;}}" alt="" /></a></div>
        <div><a href="#"><img src="{{media url=&quot;wysiwyg/elements/image_48.jpg&quot;}}" alt="" /></a></div>
        <div><a href="#"><img src="{{media url=&quot;wysiwyg/elements/image_45.jpg&quot;}}" alt="" /></a></div>
        <div><a href="#"><img src="{{media url=&quot;wysiwyg/elements/image_47.jpg&quot;}}" alt="" /></a></div>
        <div><a href="#"><img src="{{media url=&quot;wysiwyg/elements/image_46.jpg&quot;}}" alt="" /></a></div>
        <div><a href="#"><img src="{{media url=&quot;wysiwyg/elements/image_49.jpg&quot;}}" alt="" /></a></div>
    </div>
</div>

Latest News

Latest news
  1. Post Link
    Trends

    New Collection

    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Amet temporibus laborum id saepe esse repudiandae
    Read more
  2. Post Link
    Trends

    New Collection

    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Amet temporibus laborum id saepe esse repudiandae
    Read more 
            
<div class="element news">
    <div class="block-title">
        <strong role="heading" aria-level="3">Latest news</strong>
    </div>
    <div class="content">
        <div class="widget widget-blog widget-blog-posts">
            <ol class="post-list grid">
                <li class="item">
                    <div class="post-image">
                        <a href="#" title="News post">
                            <img src="https://teppichmarkt.ch/media/"wysiwyg/elements/news1.jpg"" alt="Post Link">
                        </a>
                    </div>
                    <div class="post-content">
                        <span class="post-tag">Trends</span>
                        <h2><a href="#" title="New Collection">New Collection</a></h2>
                        <div class="short-description">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Amet temporibus laborum id saepe esse repudiandae</div>
                        <a href="#" class="read-more-link">Read more</a>
                    </div>
                </li>
                <li class="item">
                    <div class="post-image">
                        <a href="#" title="News post">
                            <img src="https://teppichmarkt.ch/media/"wysiwyg/elements/news1.jpg"" alt="Post Link">
                        </a>
                    </div>
                    <div class="post-content">
                        <span class="post-tag">Trends</span>
                        <h2><a href="#" title="New Collection">New Collection</a></h2>
                        <div class="short-description">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Amet temporibus laborum id saepe esse repudiandae</div>
                        <a href="#" class="read-more-link">Read more</a>
                    </div>
                </li>

            </ol>
        </div>
    </div>
</div>

Testimonials

            
<div class="element testimonials">
    {{widget type="Swissup\Testimonials\Block\Widgets\Slider" items_number="6" title="Our clients love us" slides_to_show="3" show_rating="1"}}
</div>