ΚΟΥΦΩΜΑΤΑ PVC σε τιμές κόστους

Ετοιμοπαράδοτα
Σχέση ποιότητας/ τιμής
Πανελλαδική κάλυψη
10 χρόνια εγγύηση

ΚΟΥΦΩΜΑΤΑ PVC

Στην pvckoufomata.com θα βρείτε κουφώματα pvc παντός τύπου όπως παράθυρα και μπαλκονόπορτες σε πολύ προνομιακές τιμές. Παραδίδουμε πανελλαδικά κουφώματα pvc σε πολλά σχέδια και χρώματα. Αν το ζητήσετε αναλαμβάνουμε την εγκατάστασή τους όπου και αν βρίσκεστε. Επικοινωνήστε μαζί μας για να σας στείλουμε προσφορά στο email: sales@pvckoufomata.com.

Θα χαρούμε να συνεργαστούμε! Καλέστε μας με αστική χρέωση στο 210-89898989 για να σας λύσουμε όλες τις απορίες σχετικά με τα κουφώματα pvc. Απαντάμε στο τηλέφωνο από τις 8:00 το πρωί ως τις 9:00 το βράδυ.

Τι είναι τα κουφώματα από pvc;

To pvc είναι ένα συνθετικό υλικό που αποτελείται από πλαστικό, μίγμα pvc και τεχνολογία abc* από το οποίο κατασκευάζονται πόρτες, μπαλκονόπορτες και παράθυρα υψηλής ανθετικότητας. Η σύνθεσή αυτή του χαρίζει πολύ υψηλά επίπεδα θερμομόνωσης και ηχομόνωσης.

Τα κουφώματα pvc βγαίνουν σε πολλές διαστάσεις και χρώματα σύμφωνα με τις ανάγκες σας. Μπορείτε να επιλέξετε ανάμσα σε μονόφυλλα ή δίφυλλα παράθυρα και μπαλκνόπορτες ή να ζητήσετε ειδική κατασκευή που να ταιριάζει στο χώρο σας.
Τα κουφώματα pvc έχουν μεγάλη αντοχή στο χρόνο απέναντι και στις πιο δύσκολες καιρικές συνθήκες και έχουν χαμηλό κόστος συντήρησης.
Τα κουφώματα pvc σε συνδιασμό με τα κατάλληλα ενεργειακά τζάμια παρέχουν κορυφαία επίπεδα θερμομόνωσης.
Τα κουφώματα pvc διασφαλίζουν υψηλά επίπεδα ηχομόνωσης και περιορίζουν ως και 70% τους ήχους του περιβάλλοντος.
Τα κουφώματα pvc είναι πολύ οικονομικά σε σχέση με τα κουφώματα αλουμινίου και τα ξύλινα κουφώματα καθιστόντας τα την πρώτη επιλογή αντικατάστασης όταν είναι η ώρα της ανακαίνισης.

Παράθυρα από PVC

Τα παράθυρα από pvc μπορεί να είναι σταθερά, μονόφυλλα ή και δίφυλλα ανοιγόμενα. Υπάρχει και η επιλογή για επάλληλα παράθυρα αλλά το κόστος ανεβαίνει πολύ και δεν τα προτείνουμε.

HTML: ready to use HTML template;
ImbueGULP: if you want to totally customize Imbue, you can use this template;
Documentation: this help file.

This section describes HTML folder structure. More about ΧΡΩΜΑΤΟΛΟΓΙΟ ΚΟΥΦΩΜΑΤΩΝ PVC folder structure you can find out in ImbueGULP section.

Imbue is one page HTML template. So, mostly you will need one *.html file and supporting *.css, *.js, *.php files with some images. All the directories and files are well organized as it shown on the image bellow.

all HTML files are located in the root directory;
separate folders are created for CSS files, JavaScript files, fonts, images and video;
source-files folder contains all expanded CSS files, expanded JavaScript files, plugins and components files;
mail.php file for sending e-mails is located in the root directory;
.htaccess file is located in the root directory. This file contain rules for files caching on web server.

Μονόφυλλα παράθυρα

Imbue is one page HTML template and comes with 20 ready-to-use demo pages and 3 color variations:

Δίφυλλα Παράθυρα PVC

Imbue has a simple and easy to customize structure based on Bootstrap 5 Grid. Here is a sample page structure:

Παράθυρα PVC τιμές

Imbue template CSS files have a well-organized structure and a table of contents, as you can see on image below:

All CSS files are placed in css folder and have to be included in the <head> tag. Imbue uses uncompressed CSS files. If you want to improve Google PageSpeed Insights performance, you can use minificated files from source-files → imbue-css-min-files.

    
      <!-- Template Styles Start-->
      <link rel="stylesheet" type="text/css" href="css/loaders/loader-*.css">
      <link rel="stylesheet" type="text/css" href="css/plugins.css">
      <link rel="stylesheet" type="text/css" href="css/main.css">
      <!-- Template Styles End-->

CSS files that have to be included in chosen .html file:

loader-*.css
plugins.css
main.css

If you want to customize CSS styles, We recommend to create your own custom.css file and include it to Template Styles section of the HTML file. This solution will help you in future updates.

* - Color skin number or name

Stockhouse παραθύρων pvc

All JavaScript files are placed in js folder and have to be included before the </body> tag.

libs.min.js - all JavaScript libraries that are necessary for Imbue proper work, are сompiled in this file;
gallery-init.js - for photoswipe gallery initialization;
custom.js - includes other scripts calls and settings;

    
      <!-- Load Scripts Start-->
      <script src="js/libs.min.js"></script>
      <script src="js/gallery-init.js"></script>
      <script src="js/custom.js"></script>
      <!-- Load Scripts End-->

We used minificated libs.min.js file to add all necessary JavaScript libraries to this template. The file contains:

jQuery
Modernizr
jQuery Transit
jQuery Mouse Wheel Plugin
KBW Countdown
Malihu Custom Scrollbar Plugin
Swiper Slider
Jquery CSS Skills Bar
Vegas
YTPlayer
Particles.js
PhotoSwipe JavaScript Gallery
AjaxChimp
app.js - Imbue template custom JavaScript file.

All this uncompressed files you can find in the source-files folder.

Μπαλκονόπορτες PVC

In Imbue template we used Cormorant Garamond Font, Raleway Font ,Fontawesome Free Iconic Font and Ionicons 2.0.1 Iconic Font.

Μονόφυλλες & Δίφυλλες Μπαλκονόπορτες PVC

In the Imbue template we used two fonts:

Cormorant Garamond font is used for headlines;
Raleway font is used for basic text content and additional text.

This fonts are embedded in the main.css file via @font-face rule:

You can customize embedded fonts or embed another fonts for your project in the Fonts section of the main.css file.

Τιμοκατάλογος Μπαλκονόπορτες PVC 2022

Imbue uses free version of FontAwesome 6.0.0 iconic font. You can use fontawesome.com/icons page to easily find the icon you want to use. Solid, regular and brands icons are already compiled in the plugins.css file and ready for use.

To change icons, just change the class names: fa-solid fa-heart, fa-brands fa-instagram, fa-regular fa-address-book.

<li>
    <a href="https://www.facebook.com/" target="_blank">
        <i class="fa-brands fa-facebook"></i>
    </a>
</li>

More information about FontAwesome you can find on official documentation website - FontAwesome Docs.

Stockhouse Μπαλκονόπορτες

Imbue uses Ionicons 2.0.1 iconic font. You can use ionicons/v2/cheatsheet page to easily find the icon you want to use. The font is already compiled in the plugins.css file and ready for use.

To change icons, just change the class names: ion-ionic, ion-arrow-up, ion-arrow-resize.

<li>
    <a href="https://www.facebook.com/" target="_blank">
        <i class="icon ion-social-facebook"></i>
    </a>
</li>

More information about Ionicons you can find on official website.

Κουφώματα PVC τιμές 2022

Imbue covers almost all platforms design requirements for favicon and icons:

Classic favicon:

      
        <link rel="icon" href="img/favicon/favicon.ico" sizes="any">

Android Web App Manifest & Apple Touch Icon:

      
        <link rel="apple-touch-icon" href="img/favicon/apple-touch-icon.png">
        <link rel="manifest" href="img/favicon/manifest.webmanifest">

Universal SVG Icon for All Sizes ang Dark & Light Browser Color Themes:

      
        <link rel="icon" href="img/favicon/icon.svg" type="image/svg+xml">

Facebook Metadata:

      
        <meta property="og:image:height" content="1200">
        <meta property="og:image:width" content="1200">
        <meta property="og:title" content="Imbue - Classy Coming Soon and Landing Page Template">
        <meta property="og:description" content="Imbue - versatile and beautifully designed coming soon and landing page HTML template. Elegant fonts, smooth transitions,
        unique layout and much more - Imbue template has all you need to be noticed by everyone!">
        <meta property="og:url" content="http://mixdesign.club/themeforest/imbue/">
        <meta property="og:image" content="http://mixdesign.club/themeforest/imbue/favicon/og-image.jpg">

You can use Imbue favicon as an example or generate new one with Favicon Generator or any other favicon generator by your needs.

ΣΥΧΝΕΣ ΕΡΩΤΗΣΕΙΣ

Imbue template comes with easy-to-customize page elements. You can choose from 20 redy-to-use demo files, 2 countdown types, 3 colors, various backgrounds and much more.

ΑΠΟ ΤΙ ΥΛΙΚΟ ΕΙΝΑΙ ΤΑ ΚΟΥΦΩΜΑΤΑ PVC;

Loader will hide contents of your site until it's fully loaded.

If you want to customize or remove loader, find this code in *.html file:

<!-- Loader Start -->
<div class="loader">
  <div class="loader-content">
    <div class="loader-logo fadeIn">
      <!-- Your Logo Here -->
      <img src="img/logo-loader.svg" alt="Imbue - Classy Coming Soon & Landing Page Template">
    </div>
  </div>
</div>
<!-- Loader End -->

Loader styles are included in the <head> tag:

<!-- Template Styles Start-->
<link rel="stylesheet" type="text/css" href="css/loaders/loader-*.css">
...
<!-- Template Styles End-->

* - color skin number

Είναι αλήθεια πως κιτρινίζουν τα κουφώματα από pvc;

Imbue template provides 3 color skins and 20 ready-to-use demo pages. All colors are compiled in the main.css file. You can change element's colors by using dark and light classes.

More beauriful color skins are coming soon in the next update!

Βασικές Διαφορές κουφωμάτων pvc και αλουμινίου

The logo container is located in the main section of the template - section class="main".

<!-- Main Section Start -->
<section id="main" class="main">
 
  <!-- Logo Start -->
  <div class="logo">
    <!-- Your Logo Here!!! -->
    <img src="img/logo-white.svg" alt="Imbue - Classy Coming Soon & Landing Page Template">
  </div>
  <!-- Logo End -->
 
  ...
 
</section>
<!-- Main Section End -->

You can use SVG, PNG or JPG image for logo. If you are using SVG, create PNG fallback image for old browsers. It'll be replaced automatically if needed.

Τα πλεονεκτήματα των κουφωμάτων pvc

All images used in the Imbue template live demo are just for preview purpose only and they are not included in main download files. You easily can find all images on unsplash.com or pexels.com. We are using placeholders from placeholder.com instead of real images. You can easily replace placeholder URL with a path to your image like img/yourimage.jpg.

All tmplate background images you can replace in the main.css file:

/* ------------------------------------------------*/
/* Template Backgrounds Start */
/* ------------------------------------------------*/
.swiper-image-1 {
  background-image: url("http://via.placeholder.com/1000x1200");
}
...
/* ------------------------------------------------*/
/* Template Backgrounds End */
/* ------------------------------------------------*/

Τα επιπεδα θερμομόνωσης των κουφωμάτων PVC

Imbue template is provided with responsive navigation menu.

Mobile view:

Desktop view:

    
      <!-- Navigation Start -->
      <nav id="menu" class="menu dark">

        <!-- Menu Container Start -->
        <div class="menu__container fullheight">
          <div class="menu__content fullheight">

            ...

            <!-- Main Menu Start -->
            <ul class="navigation">
              <li>
                <a href="#0" id="home-trigger">Home</a>
              </li>
              <li>
                <a href="#0" id="about-trigger">About</a>
              </li>
              <li>
                <a href="#0" id="portfolio-trigger">Portfolio</a>
              </li>
              <li>
                <a href="#0" id="contact-trigger">Contact</a>
              </li>
            </ul>
            <!-- Main Menu Start -->

          </div>
        </div>
        <!-- Menu Container End -->

        ...

      </nav>
      <!-- Navigation End -->

Κουφώματα PVC και ηχομόνωση

Imbue template comes with two beautifully designed layouts with various animated backgrounds. Backgrouds settings you can find in the Plugins and Animated Backgrounds sections of this file.

1. Split layout with 2 countdown types and various backgrounds. Beautifully designed split layout with middle size headline, slider and animated backgrounds. Represent your best works on the first screen! Slider settings you can find in the Slider section of this file. Animated backgrounds settings you can find in Animated Backgrounds section of this file.

Replace this headline demo text with your own:

<!-- Headline Start -->
<div id="headline" class="headline">
  <span class="headline__subtitle">Let’s meet</span>
  <h1 class="light">New start is coming</h1>
  <p class="headline__text light">Our website is under construction, but we are ready to go! We are preparing something amazing and exciting for you. Special surprise for our subscribers only</p>
  <div class="headline__btnholder">
    <a href="#" id="notify-trigger" class="btn btn-dark">
      <span class="btn-background">
        <span class="btn-caption">Notify me</span>
      </span>
    </a>
  </div>
</div>
<!-- Headline End -->

2. Fullscreen layout with medium headline and various backgrounds. Animated backgrounds settings you can find in Animated Backgrounds section of this file.

Replace this headline demo text with your own:

<!-- Headline Start -->
<div id="headline" class="headline centered-mobile">
  <span class="headline__subtitle">Let’s meet</span>
  <h1 class="light">New start is coming</h1>
  <p class="headline__text light">Our website is under construction, but we are ready to go! We are preparing something amazing and exciting for you. Special surprise for our subscribers only</p>
  <div class="headline__btnholder">
    <a href="#" id="notify-trigger" class="btn btn-light-outline">
      <span class="btn-background">
        <span class="btn-caption">Notify me</span>
      </span>
    </a>
  </div>
</div>
<!-- Headline End -->

Επίπεδο αντικλεπτικής προστασίας κουφωμάτων PVC

Imbue template comes with main section aside block located on the top of the page on mobile and left on desktop:

<!-- Main Section Aside Start -->
<aside class="main__aside bottom-mobile">
  <div class="aside__content">
    <!-- Socials Start -->
    <div class="socials light">
      <ul>
        <li>
          <a href="https://www.facebook.com/" target="_blank">Facebook</a>
        </li>
        <li>
          <a href="https://www.instagram.com/" target="_blank">Instagram</a>
        </li>
      </ul>
    </div>
    <!-- Socials End -->
  </div>
</aside>
<!-- Main Section Aside End -->

Blog κουφωμάτων pvc

Γιατί να βάλεις συνθετικά κουφώματα pvc

Imbue template comes with two countdown types - full countdown and days only countdown. You can choose the one you like!

#countdown
#countdown-large

Find the Load Scripts section at the end of <body> and make sure that all the necessary js files are added in the following order:

libs.min.js
custom.js

<!-- Load Scripts Start-->
<script src="js/libs.min.js"></script>
...
<script src="js/custom.js"></script>
...
<!-- Load Scripts End-->

Setting your own date for countdown script can be done in custom.js file in js folder:

$('#countdown').countdown({until: $.countdown.UTCDate(+10, 2022, 6, 17), format: 'D'});

Visit KBW Countdown site for more details and settings - keith-wood.name/countdown.html

Μύθοι και αλήθειες για τα κουφώματα

Imbue uses Swiper Slider Plugin for:

Homescreen layout flip slider
Homescreen layout slide slider

Homescreen layout flip slider

It's a half-screen slider with captions and a flip effect:

    
      <!-- Main Section Swiper Slider Start -->
      <!-- Slider main container -->
      <div class="swiper-2">
        <!-- Additional required wrapper -->
        <div class="swiper-wrapper">
          <!-- Slides -->
          <!-- slide single -->
          <div class="swiper-slide">
            <div class="slide-image swiper-image-1">
              <div class="color-layer gradient-black-onethird"></div>
            </div>
            <div class="slide-caption" data-swiper-parallax="150" data-swiper-parallax-opacity="0.5">
              <p>E-commerce shop design</p>
              <span>Case study</span>
            </div>
          </div>

          ...

        </div>
      </div>
      <!-- Navigation buttons -->
      <div class="swiper-button-prev main-swiper-controls main-prev dark"><span>prew</span></div>
      <div class="swiper-button-next main-swiper-controls main-next dark"><span>next</span></div>
      <!-- Main Section Swiper Slider End -->

All slides background images you can replace in the main.css file:

    
      /* ------------------------------------------------*/
      /* Template Backgrounds Start */
      /* ------------------------------------------------*/
      ...
      .swiper-image-1 {
        background-image: url("http://via.placeholder.com/1200x1200");
      }
      ...
      /* ------------------------------------------------*/
      /* Template Backgrounds End */
      /* ------------------------------------------------*/

Find the Load Scripts section at the end of <body> and make sure that all the necessary js files are added in the following order:

libs.min.js
custom.js

    
      <!-- Load Scripts Start -->
      <script src="js/libs.min.js"></script>
      ...
      <script src="js/custom.js"></script>
      ...
      <!-- Load Scripts End -->

If you want to change this slider settings, find the custom.js file in js folder and make the necessary changes to the swiper init lines:

    
      if (flipSlider.length) {
        var swiper = new Swiper('.swiper-2', {
          grabCursor: true,
          effect: "flip",
          speed: 1300,
          navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
          },
        });
      };

Homescreen layout slide slider

It's a half-screen slider with captions and a slide effect:

    
      <!-- Main Section Swiper Slider Start -->
      <!-- Slider main container -->
      <div class="swiper">
        <!-- Additional required wrapper -->
        <div class="swiper-wrapper">
          <!-- Slides -->
          <!-- slide single -->
          <div class="swiper-slide">
            <div class="slide-image swiper-image-1">
              <div class="color-layer gradient-black-onethird"></div>
            </div>
            <div class="slide-caption" data-swiper-parallax="150" data-swiper-parallax-opacity="0.5">
              <p>E-commerce shop design</p>
              <span>Case study</span>
            </div>
          </div>

          ...

        </div>
      </div>
      <!-- Navigation buttons -->
      <div class="swiper-button-prev main-swiper-controls main-prev dark"><span>prew</span></div>
      <div class="swiper-button-next main-swiper-controls main-next dark"><span>next</span></div>
      <!-- Main Section Swiper Slider End -->

All slides background images you can replace in the main.css file:

    
      /* ------------------------------------------------*/
      /* Template Backgrounds Start */
      /* ------------------------------------------------*/
      ...
      .swiper-image-1 {
        background-image: url("http://via.placeholder.com/1200x1200");
      }
      ...
      /* ------------------------------------------------*/
      /* Template Backgrounds End */
      /* ------------------------------------------------*/

Find the Load Scripts section at the end of <body> and make sure that all the necessary js files are added in the following order:

libs.min.js
custom.js

    
      <!-- Load Scripts Start -->
      <script src="js/libs.min.js"></script>
      ...
      <script src="js/custom.js"></script>
      ...
      <!-- Load Scripts End -->

If you want to change this slider settings, find the custom.js file in js folder and make the necessary changes to the swiper init lines:

    
      if (mainSlider.length) {
        var swiper = new Swiper('.swiper', {
          grabCursor: true,
          effect: "creative",
          creativeEffect: {
            prev: {
              translate: ["-20%", 0, -1],
            },
            next: {
              translate: ["100%", 0, 0],
            },
          },
          parallax: true,
          speed: 1300,
          navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
          },
        });
      };

More information about Swiper settings you can find in the official documentation - swiperjs.com/get-started

Κουφώματα PVC Rehau

Imbue uses jQuery CSS Skills Bar Plugin to show he skill set.

You can change percent parameter in the HTML file:

<!-- Skillbar single item -->
<div class="show-skillbar">
    <div class="skillbar" data-percent="96">
        <span class="skillbar-title">Design</span>
        <p class="skillbar-bar"></p>
        <span class="skill-bar-percent"></span>
    </div>
</div>

All other parameters you can change in custom.js file:

§('.skillbar').skillBars({
  from: 0,
  speed: 4000,
  interval: 100,
});

See jQuery CSS Skills Bar Plugin page for more settings.

Όλες οι μάρκες κουφωμάτων Pvc

Portfolio gallery is made using PhotoSwipe JavaScript Gallery.

This is an example for one portfolio item, just duplicate it to add new pictures or fill it with your content:

<!-- gallery single item -->
<figure class="col-12 col-sm-6 my-gallery__item" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
  <a href="http://via.placeholder.com/900x1200" data-image="http://via.placeholder.com/900x1200" class="my-gallery__link" itemprop="contentUrl" data-size="900x1200">
    <img src="http://via.placeholder.com/900x1200" class="my-gallery__image" itemprop="thumbnail" alt="Image description" />
  </a>
  <figcaption class="my-gallery__description" itemprop="caption description">
    <h4>
      Fashion
      <small>Just stylish</small>
    </h4>
    <p>Mauris porttitor lobortis ligula, quis molestie lorem scelerisque eu. Morbi aliquam enim odio, a mollis ipsum tristique eu.</p>
  </figcaption>
</figure>

JavaScript files that have to be included:

libs.min.js
gallery-init.js

<!-- Load Scripts Start-->
<script src="js/libs.min.js"></script>
<script src="js/gallery-init.js"></script>
...
<!-- Load Scripts End-->

More information about PhotoSwipe Gallery you can find in PhotoSwipe Documentation.

Φωτογραφίες από τοποθετήσεις κουφωμάτων PVC σε όλη την Ελλάδα

All backgrounds CSS styles are сompiled in plugins.css file so you don't need to add any CSS files.

Φωτογραφίες παραθύρων pvc

This background effect is based on the Particles.js plugin. Make sure you have <div id="particles-js"> in *.html file:

<!-- Background Effect Start-->
<div id="particles-js"></div>
<!-- Background Effect End-->

Find the Load Scripts section at the end of <body>and make sure that all the necessary js files are added in the following order:

libs.min.js
custom.js

<!-- Load Scripts Start-->
<script src="js/libs.min.js"></script>
...
<script src="js/custom.js"></script>
<!-- Load Scripts End-->

Done! More information about particles.js configuration you can find on official website.

Φωτογραφίες από μπαλκονόπορτες PVC

This background effect is based on the Particles.js plugin. Make sure you have <div id="snow-js"> in *.html file:

<!-- Background Effect Start-->
<div id="snow-js"></div>
<!-- Background Effect End-->

Find the Load Scripts section at the end of <body>and make sure that all the necessary js files are added in the following order:

libs.min.js
custom.js

<!-- Load Scripts Start-->
<script src="js/libs.min.js"></script>
...
<script src="js/custom.js"></script>
<!-- Load Scripts End-->

Done! More information about particles.js configuration you can find on official website.

Φωτογραφίες από κουζινόπορτες PVC

This background effect is based on the Particles.js plugin. Make sure you have <div id="nightsky-js"> in *.html file:

<!-- Background Effect Start-->
<div id="nightsky-js"></div>
<!-- Background Effect End-->

Find the Load Scripts section at the end of <body>and make sure that all the necessary js files are added in the following order:

libs.min.js
custom.js

<!-- Load Scripts Start-->
<script src="js/libs.min.js"></script>
...
<script src="js/custom.js"></script>
<!-- Load Scripts End-->

Done! More information about particles.js configuration you can find on official website.

Φωτογραφίες από ειδικές κατασκευές pvc

To provide this effect we use Vegas jQuery Plugin . Make sure you have <div id="bgndKenburns"> or <div id="bgndKenburnsFull"> in *.html file:

<!-- Background Effects Start -->
<div id="bgndKenburns"></div>
<!-- Background Effects End -->

Find the Load Scripts section at the end of <body> and make sure that all the necessary js files are added in the following order:

libs.min.js
custom.js

<!-- Load Scripts Start-->
<script src="js/libs.min.js"></script>
...
<script src="js/custom.js"></script>
...
<!-- Load Scripts End-->

To replace or add images to the slideshow, find the custom.js file in js folder and make the necessary changes to the slides array:

$('#bgndKenburns').vegas({
    ...
    slides: [
        { src: '../img/example-slide-1.jpg' },
        { src: '../img/example-slide-2.jpg' },
        { src: '../img/example-slide-3.jpg' }
    ],
    ...
});

More information about Vegas settings you can find in the official documentation - vegas.jaysalvat.com/documentation

Φωτογραφίες από Εγκαταστάσεις σε επαγγελματικούς χώρους & ξενοδοχεία

To provide this effect we use YTPlayer jQuery Plugin. Make sure you have <div id="bgndVideo"> with class player in *.html file:

<!-- Background Effect Start -->
<div class="video-background">
  <div class="" id="video-wrapper">
    <div id="bgndVideo" class="player" data-property="{ videoURL:'https://youtu.be/BsafeSHN_II', }"></div>
  </div>
</div>
<!-- Background Effect End -->

Find the Load Scripts section at the end of <body>and make sure that all the necessary js files are added in the following order:

libs.min.js
custom.js

<!-- Load Scripts Start-->
<script type="text/javascript" src="js/libs.min.js"></script>
...
<script type="text/javascript" src="js/custom.js"></script>
...
<!-- Load Scripts End-->

If you want to change background video, find the data-property attribute in <div id="bgndVideo"> and replace videoURL property.

More information about YTPlayer settings you can find in the official documentation.

Είπαν για εμάς

Imbue template is provided with 2 form types:

Σχόλια ευχαριστημένων πελατών
AJAX Contact Form.

Σχόλια ευχαριστημένων πελατών

This active subscribe form will save e-mails to Mailchimp list.

<!-- Notify Contact Form Start-->
<form class="form notify-form form-dark">
  <input class="" type="email" placeholder="Email Adress*" required>
  <span class="inputs-description">*Required fields</span>
  <button class="btn btn-light" type="submit">
    <span class="btn-background">
      <span class="btn-caption">Send</span>
    </span>
  </button>
</form>
<!-- Notify Contact Form End-->

JavaScript files that have to be included:

libs.min.js
custom.js

<!-- Load Scripts Start-->
<script src="js/libs.min.js"></script>
...
<script src="js/custom.js"></script>
...
<!-- Load Scripts End-->

Follow these steps to get Mailchimp list URL:

Login or create an account on mailchimp.com and go to the Audience section.
Open All Audiences:
Create a new Audience:
Provide the required information for this audience:
For this new Audience, go to Signup forms section:
Select Embedded forms.
Copy action URL from the form.
Add https:// if it is not included with Mailchimp list URL.

Open custom.js file from js folder. Just replace our Mailchimp form action URL with your Mailchimp list URL:

$('.notify-form').ajaxChimp({
    callback: mailchimpCallback,
    // Replace this Mailchimp form action URL with your Mailchimp list URL
    url: 'https://besaba.us10.list-manage.com/subscribe/post?u=e8d650c0df90e716c22ae4778&id=54a7906900'
});

Done! Now you can save emails to your MailChimp Audience List!

Γράψτε την αξιολόγησή σας

Imbue template has integrated ajax contact form.

It's very easy to set up this forms to receive feedback on your e-mail:

First of all you need to make sure that mail.php file is added to the root directory of your project.
Then find <form> tag with id="writealine-form" in the *.html file.

This form contains 3 hidden required inputs. Replace data in the value parameter of these hidden fields:

<!-- Write a Line Form Start -->
<form class="form writealine-form form-dark" id="writealine-form">
  <!-- Hidden Required Fields -->
  <input type="hidden" name="project_name" value="Imbue - Classy Coming Soon and Landing Page Template">
  <input type="hidden" name="admin_email" value="support@mixdesign.club">
  <input type="hidden" name="form_subject" value="Write a Line Form Message">
  <!-- END Hidden Required Fields-->
  
  ...
  
</form>
<!-- Write a Line Form End  -->

Check JavaScript files connection.

JavaScript files that have to be included:

libs.min.js
custom.js

<!-- Load Scripts Start-->
<script src="js/libs.min.js"></script>
...
<script src="js/custom.js"></script>
...
<!-- Load Scripts End-->

Done! Now you can receive messages on your e-mail.

ΧΡΩΜΑΤΟΛΟΓΙΟ ΚΟΥΦΩΜΑΤΩΝ PVC

If you want to totally customize Imbue, you can use our all-inclusive ImbueGULP template. ImbueGULP includes Bootstrap 5 Grid, Gulp, Sass, Bourbon, Autoprefixer, Browsersync, Clean-CSS, CSS Beautify, Uglify, and other packages for efficient and comfortable work.

ImbueGULP requires node, npm and git.

Getting started

Install Node Modules: npm i
Run ImbueGULP: gulp

Project structure

The source code is located in the app directory;
SASS files are located in the sass directory;
The dist folder is a production folder. It contains ready project with optimized HTML, CSS, JS and images.

Gulp tasks

gulp: run default gulp task for web development;
build: build project to dist folder;
clearcache: clear all gulp cache.

If you have any questions about ImbueGULP, you can email us on support@mixdesign.club.

ΕΤΑΙΡΙΕΣ ΚΟΥΦΩΜΑΤΩΝ PVC

Version 1.0.0 29.01.2019

REHAU Κουφώματα pvc - https://www.rehau.com/gr-el/pvc
Kommerling Κουφώματα pvc - https://www.koemmerling.gr/gr/
Ramplast Κουφώματα pvc - https://en.ramplast.ro/
Aluplast Κουφώματα pvc - https://aluplast.gr/
Rolloplast Κουφώματα pvc - https://rolloplast.gr/

ΧΡΗΣΙΜΑ LINKS

Χρήσιμες ιστοσελίδες κουφωμάτων pvc

jQuery - jquery.com
jQuery Transit - github.com/rstacruz/jquery.transit
jQuery Mousewheel - github.com/jquery/jquery-mousewheel
Modernizr - modernizr.com
Bootstrap 5 grid - getbootstrap.com
KBW Countdown - keith-wood.name/countdown.html
Malihu Custom Scrollbar - manos.malihu.gr/jquery-custom-content-scroller
Swiper Slider - idangero.us/swiper
Vegas - vegas.jaysalvat.com
YTPlayer - github.com/pupunzi/jquery.mb.YTPlayer
Particles JS - vincentgarreau.com/particles.js
PhotoSwipe JavaScript Gallery - photoswipe.com
jQuery CSS Skills Bar - github.com/umarwebdeveloper/jquery-css-skills-bar
AjaxChimp - github.com/scdoshi/jquery-ajaxchimp
UniMail - github.com/agragregra/uniMail

Icons and images

Icons - fontawesome.com and Ionicons 2.0.1
Images - unsplash.com and www.pexels.com
Mockups - psd.graphics and www.mockupworld.co