<!DOCTYPE html>
<html lang="el">
<head>
<meta name="ac:route" content="/:lang">
<!-- Google Tag Manager -->
<script src="dmxAppConnect/dmxAppConnect.js"></script><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-T92B8G7');</script>
<!-- End Google Tag Manager -->
<base href="/">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>Επιγραμμα</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="canonical">
<meta property="og:site_name" content="">
<meta property="og:image" content="">
<meta property="og:url" content="">
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta name="twitter:image" content="">
<meta name="twitter:url" content="">
<meta name="twitter:title" content="">
<meta name="twitter:description" content="">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta name="format-detection" content="telephone=no">
<meta name="robots" content="">
<!-- MDB icon -->
<link rel="icon" href="assets/images/ico/cropped-epigramma-favicon-32x32.jpg" type="image/x-icon" />
<!-- Font Awesome -->
<link rel="stylesheet" href="fontawesome6/css/all.min.css" />
<!-- Google Fonts Roboto -->
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap"
/>
<!-- MDB ESSENTIAL -->
<link rel="stylesheet" href="css/mdb.min.css" />
<!-- MDB PLUGINS -->
<link rel="stylesheet" href="plugins/css/all.min.css" />
<!-- Custom styles -->
<link rel="stylesheet" href="css/style.css" />
<style></style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous" />
<script src="dmxAppConnect/dmxBootstrap5Navigation/dmxBootstrap5Navigation.js" defer></script>
<script src="dmxAppConnect/dmxMasonry/dmxMasonry.js" defer></script>
<script src="dmxAppConnect/dmxSwiper/dmxSwiper.js" defer></script>
<link rel="stylesheet" href="dmxAppConnect/dmxSwiper/swiper.min.css" />
<script src="dmxAppConnect/dmxSwiper/swiper.min.js" defer></script>
<script src="dmxAppConnect/dmxBootstrap5Modal/dmxBootstrap5Modal.js" defer></script>
</head>
<body is="dmx-app" id="epigramma">
<dmx-serverconnect id="get_front_products" url="dmxConnect/api/front/home_page/get_active_products_home_page.php"></dmx-serverconnect>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T92B8G7"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<style>
#introCarousel .carousel-item:nth-child(1) {
background-image: url('assets/images/main-banner/001-epigramma-digital-signance-01.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
#introCarousel .carousel-item:nth-child(2) {
background-image: url('assets/images/main-banner/002-epigramma-digital-signance-02.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
/*
#introCarousel .carousel-item:nth-child(3) {
background-image: url('https://mdbootstrap.com/img/Photos/new-templates/animal-shelter/img3.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}*/
</style>
<!-- Start your project here-->
<!--header-->
</header>
<!--//header--->
<main>
<div class="container my-5">
<section>
<div class="row">
<div class="col-md-6 pl-3 pr-3">
<div is="dmx-swiper" id="swiper2" centered-slides="true" autoplay="true" effect="cube" speed="1000">
<div class="swiper-slide">
<img alt="Επίγραμμα" src="assets/images/main-page-small-banner-1.jpg" class="img-fluid">
</div>
<div class="swiper-slide">
<img alt="Επίγραμμα οι εγκαταστάσεις μας" src="assets/images/main-page-small-banner-2_600.jpg" class="img-fluid">
</div>
<div class="swiper-slide">
<img alt="Επίγραμμα 125 χρόνια ιστορίας" src="assets/images/main-page-small-banner-3.jpg" class="img-fluid">
</div>
</div>
</div>
<div class="col-md-6">
<h3 class="pb-2">Advertising constructions since 1888</h3>
<p class="mb-4 pb-2">The company A. Mitsopoulos & Co., is active in the field of advertising constructions and product communication as well as in the study and implementation of promotion and promotion applications. The first steps were taken in 1888, with a lot of passion, love and talent, painting with a brush, creating seascapes and gold prints in Istanbul. Shortly before 1922, the company, moved to the center of Athens, decorating the facades of the downtown shops.</p>
<a href="/our-company/eng" title="About us" class="btn btn-outline-dark btn-lg btn-rounded">Read more</a>
</div>
</div>
</section>
</div>
<section style="background-color: #f2f2f2;">
<div class="container py-5">
<div class="text-center mt-5">
<h2 class="my-4 pb-2">Our products</h2>
</div>
<div class="row" is="dmx-masonry" id="masonry1" dmx-bind:repeat="1" animated="true" columns="1" columns-sm="2" columns-md="2" columns-lg="3" columns-xl="3" gutter="10">
<!--01-->
<div class="col-md-4 mb-5">
<div class="bg-image hover-zoom mb-4"> <img src="assets/images/blog/01_fwteinees_epigrafes.jpg" alt="Illuminated signs" class="img-fluid"> <a aria-label="Illuminated signs" href="/products/eng/Illuminated-signs/2">
<div class="mask"></div>
</a> </div>
<div class="text-center">
<h3 class="mb-4 h5">Illuminated signs</h3>
</div>
</div>
<div class="col-md-4 mb-5">
<div class="bg-image hover-zoom mb-4"> <img src="assets/images/blog/02_architectoniki_simmansi.jpg" alt="Architectural signage" class="img-fluid"> <a aria-label="Architectural signage" href="/products/eng/Architectural-signage/4">
<div class="mask"></div>
</a> </div>
<div class="text-center">
<h3 class="mb-4 h5">Architectural signage</h3>
</div>
</div>
<div class="col-md-4 mb-5">
<div class="bg-image hover-zoom mb-4"> <img src="assets/images/blog/04_stands.jpg" alt="Stands" class="img-fluid"> <a aria-label="Stands" href="/products/eng/Stands/5">
<div class="mask"></div>
</a> </div>
<div class="text-center">
<h3 class="mb-4 h5">Stands</h3>
</div>
</div>
<div class="col-md-4 mb-5">
<div class="bg-image hover-zoom mb-4"> <img src="assets/images/blog/04-posm.jpg" alt="POSM" class="img-fluid"> <a aria-label="POSM" href="/products/eng/POSM/6">
<div class="mask"></div>
</a> </div>
<div class="text-center">
<h3 class="mb-4 h5">POSM</h3>
</div>
</div>
<div class="col-md-4 mb-5">
<div class="bg-image hover-zoom mb-4"> <img src="assets/images/blog/05-display-material.jpg" alt="Types of display" class="img-fluid"> <a aria-label="Types of display" href="/products/eng/Types-of-display/7">
<div class="mask"></div>
</a> </div>
<div class="text-center">
<h3 class="mb-4 h5">Types of display</h3>
</div>
</div>
<div class="col-md-4 mb-5">
<div class="bg-image hover-zoom mb-4"> <img src="assets/images/blog/05-exoplismos-katastimatwn.jpg" alt="Shop equipment" class="img-fluid"> <a aria-label="Shop equipment" href="/products/eng/Shop-equipment/8">
<div class="mask"></div>
</a> </div>
<div class="text-center">
<h3 class="mb-4 h5">Shop equipment</h3>
</div>
</div>
<div class="col-md-4 mb-5">
<div class="bg-image hover-zoom mb-4"> <img src="assets/images/blog/03_psifiaki_simansi.jpg" alt="Digital signage" class="img-fluid"> <a aria-label="Digital signage" href="/products/eng/Digital-signage/9">
<div class="mask"></div>
</a> </div>
<div class="text-center">
<h3 class="mb-4 h5">Digital signage</h3>
</div>
</div>
<div class="col-md-4 mb-5">
<div class="bg-image hover-zoom mb-4"> <img src="assets/images/blog/07-psifiakes-ektypwseis.jpg" alt="Digital Printing - Car Dressing" class="img-fluid"> <a aria-label="Digital Printing - Car Dressing" href="/products/eng/Digital-Printing---Car-Dressing/10">
<div class="mask"></div>
</a> </div>
<div class="text-center">
<h3 class="mb-4 h5">Digital Printing - Car Dressing</h3>
</div>
</div>
</div>
</div>
</section>
<!--ourClients-->
<section>
<div class="container">
<div class="text-center mt-5">
<h2 class="my-4 pb-2">Our clients</h2>
</div>
<div class="row mb-5">
<div is="dmx-swiper" id="swiper1" slides-per-view="6" slides-per-group="4" auto-height="true" autoplay="true" mousewheel="true" slides-offset-before="40" slides-offset-after="40" space-between="30">
<div class="swiper-slide">
<img src="assets/images/our-clients/01-ab.jpg" class="img-fluid my-3" alt="AB Basilopoulos">
</div>
<div class="swiper-slide">
<img src="assets/images/our-clients/02-aktor.jpg" class="img-fluid my-3" alt="Aktor">
</div>
<div class="swiper-slide">
<img src="assets/images/our-clients/03-coca-cola.jpg" class="img-fluid my-3" alt="Coca Cola">
</div>
<div class="swiper-slide">
<img src="assets/images/our-clients/04-ethniki.jpg" class="img-fluid my-3" alt="National Bank">
</div>
<div class="swiper-slide">
<img src="assets/images/our-clients/05-germanos.jpg" class="img-fluid my-3" alt="Germanos">
</div>
<div class="swiper-slide">
<img src="assets/images/our-clients/06-ikea.jpg" class="img-fluid my-3" alt="IKEA">
</div>
<div class="swiper-slide">
<img src="assets/images/our-clients/07-intrakat.jpg" class="img-fluid my-3" alt="Intrakat">
</div>
<div class="swiper-slide">
<img src="assets/images/our-clients/08-kritikos.jpg" class="img-fluid my-3" alt="Kritikos Super Market">
</div>
<div class="swiper-slide">
<img src="assets/images/our-clients/09-leroy-merlin.jpg" class="img-fluid my-3" alt="Leroy Merlin">
</div>
<div class="swiper-slide">
<img src="assets/images/our-clients/10-market-in.jpg" class="img-fluid my-3" alt="Market In">
</div>
<div class="swiper-slide">
<img src="assets/images/our-clients/11-masoutis.jpg" class="img-fluid my-3" alt="Masoutis">
</div>
<div class="swiper-slide">
<img src="assets/images/our-clients/12-neww.jpg" class="img-fluid my-3" alt="Loreal">
</div>
<div class="swiper-slide">
<img src="assets/images/our-clients/13-ok.jpg" class="img-fluid my-3" alt="OK Super Market">
</div>
<div class="swiper-slide">
<img src="assets/images/our-clients/14-olympiaki.jpg" class="img-fluid my-3" alt="Olympiaki">
</div>
<div class="swiper-slide">
<img src="assets/images/our-clients/15-opap.jpg" class="img-fluid my-3" alt="OPAP">
</div>
<div class="swiper-slide">
<img src="assets/images/our-clients/16-pg.jpg" class="img-fluid my-3" alt="PG">
</div>
<div class="swiper-slide">
<img src="assets/images/our-clients/17-pet-city.jpg" class="img-fluid my-3" alt="Pet City">
</div>
<div class="swiper-slide">
<img src="assets/images/our-clients/18-pireus.jpg" class="img-fluid my-3" alt="Peiraiws Bank">
</div>
<div class="swiper-slide">
<img src="assets/images/our-clients/19-plaisio.jpg" class="img-fluid my-3" alt="Plaisio">
</div>
<div class="swiper-slide">
<img src="assets/images/our-clients/20-praktiker.jpg" class="img-fluid my-3" alt="Praktiker">
</div>
<div class="swiper-slide">
<img src="assets/images/our-clients/21-spar.jpg" class="img-fluid my-3" alt="Spar">
</div>
<div class="swiper-slide">
<img src="assets/images/our-clients/22-vivartia.jpg" class="img-fluid my-3" alt="Vivartia">
</div>
</div>
</div>
</div>
</section>
<!--ourClients-->
<!--catalog---->
<!--Section: Design Block-->
<section>
<style>
@media (max-width: 450px) {
#intro {
height: 950px !important;
}
}
@media (min-width: 550px) and (max-width: 750px) {
#intro {
height: 1100px !important;
}
}
@media (min-width: 800px) and (max-width: 990px) {
#intro {
height: 600px !important;
}
}
</style>
<div id="intro" class="bg-image" style="background-image: url('assets/images/bgAboveFooter_2031x1022-01.png'); height: 100vh;">
<div class="mask">
<div class="container d-flex justify-content-center align-items-center h-100">
<div class="row align-items-center">
<div class="col-md-6 my-5">
<h1 class="mb-5">Our catalogue</h1>
<p class="lead mb-5">With 125+ years of operation we have the solution to whatever you may need!
</p>
<button type="button" class="btn btn-lg me-1 btn-dark" dmx-on:click="modalCatalog.show()">View our catalogue</button>
</div>
<div class="col-md-6">
<img src="assets/images/epigrammaCatalog600x670-01.png" alt="Epigramma Our Catalogue" class="img-fluid">
</div>
</div>
</div>
</div>
</div>
</section>
<!--Section: Design Block-->
<!---//catalog---->
</main>
<!--footer-->
<!--//footer-->
<!-----modals------>
<div class="modal fade" id="modalCatalog" is="dmx-bs5-modal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-fullscreen-md-down modal-xl" role="document">
<div class="modal-content">
<div class="modal-header">
<h2 class="modal-title">Epigramma Our Catalogue</h2>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<style>
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
width: 100%;
max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-width:999px) {
.embed-container {
position: relative;
padding-bottom: 110%;
}
}
</style>
<div class='embed-container'><iframe src='https://flipbooklets.com/pdfflipbooklets/epigramma-company-presentation' style='border:0' allowfullscreen></iframe></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!---///modals----->
<!-- End your project here-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
<!-- MDB ESSENTIAL -->
<script type="text/javascript" src="js/mdb.min.js"></script>
<!-- MDB PLUGINS -->
<script type="text/javascript" src="plugins/js/all.min.js"></script>
<!-- Custom scripts -->
<script type="text/javascript"></script>
</html>