Warning: Undefined variable $MM_restrictGoTo in /var/www/agency3.ma-no.org/includes/login_control.php on line 39

Warning: Undefined variable $MM_restrictGoTo in /var/www/agency3.ma-no.org/includes/login_control.php on line 42

Warning: Undefined array key "MM_Username" in /var/www/agency3.ma-no.org/includes/login_control.php on line 49

Warning: Undefined array key "MM_Username" in /var/www/agency3.ma-no.org/includes/login_control.php on line 51

Warning: Undefined array key "lang_string" in /var/www/agency3.ma-no.org/includes/langs/lang_engine.php on line 9

Warning: Undefined variable $idiomas_list in /var/www/agency3.ma-no.org/includes/langs/idiomas_list.php on line 34

Warning: Undefined array key "PLATFORM_ROUTING" in /var/www/agency3.ma-no.org/includes/routing.php on line 137

Warning: Undefined array key 0 in /var/www/agency3.ma-no.org/includes/routing.php on line 159

Warning: Undefined array key 0 in /var/www/agency3.ma-no.org/includes/routing.php on line 160

Warning: Undefined array key 0 in /var/www/agency3.ma-no.org/includes/routing.php on line 162

Warning: Undefined array key 0 in /var/www/agency3.ma-no.org/includes/routing.php on line 163

Warning: Undefined variable $_HGSERVER in /var/www/agency3.ma-no.org/Connections/homepagesdb.php on line 9

Warning: Trying to access array offset on value of type null in /var/www/agency3.ma-no.org/Connections/homepagesdb.php on line 9

Warning: Undefined variable $HGW_DEBUG in /var/www/agency3.ma-no.org/Connections/homepagesdb.php on line 18

Warning: Undefined array key "JUMP" in /var/www/agency3.ma-no.org/app/models/index.php on line 3

Warning: Undefined array key "JUMP" in /var/www/agency3.ma-no.org/app/models/index.php on line 7

Warning: Undefined variable $HGvars in /var/www/agency3.ma-no.org/app/models/index.php on line 82

Warning: Trying to access array offset on value of type null in /var/www/agency3.ma-no.org/app/models/index.php on line 82

Warning: Undefined array key "TEMPLATE" in /var/www/agency3.ma-no.org/includes/routing.php on line 207

Warning: Undefined array key "CookieScriptConsent" in /var/www/agency3.ma-no.org/plugins/cookies/cookie.cookiescript.php on line 8
<br /> <b>Warning</b>: Undefined variable $pageHeadTitle in <b>/var/www/agency3.ma-no.org/app/template/index.php</b> on line <b>20</b><br /> Web Design, Sviluppo Web, Ottimizzazione SEO a Maiorca | Disegno web e programmazione web a Palma di Maiorca, Baleari
Warning: Undefined variable $isIndexable in /var/www/agency3.ma-no.org/app/template/index.php on line 34

Warning: Undefined variable $categories in /var/www/agency3.ma-no.org/app/template/alternate_pages.php on line 24

Warning: Trying to access array offset on value of type null in /var/www/agency3.ma-no.org/core/ezsql/shared/ez_sql_core.php on line 155

Warning: Trying to access array offset on value of type null in /var/www/agency3.ma-no.org/core/ezsql/shared/ez_sql_core.php on line 155

Warning: Trying to access array offset on value of type null in /var/www/agency3.ma-no.org/core/ezsql/shared/ez_sql_core.php on line 155

Warning: Trying to access array offset on value of type null in /var/www/agency3.ma-no.org/core/ezsql/shared/ez_sql_core.php on line 155

Warning: Undefined variable $FB_IMAGE in /var/www/agency3.ma-no.org/app/template/index.php on line 39

Warning: Undefined array key "MM_Username" in /var/www/agency3.ma-no.org/assets/css.scripts.php on line 8

Warning: Undefined array key "gallery-width" in /var/www/agency3.ma-no.org/plugins/galleries/public/views/inc/inc.gallery-home.php on line 10

Warning: Undefined array key "gallery-height" in /var/www/agency3.ma-no.org/plugins/galleries/public/views/inc/inc.gallery-home.php on line 15

Siamo


Warning: Undefined variable $BBparser in /var/www/agency3.ma-no.org/plugins/sections/includes/section.detail.php on line 12

Web design, sviluppo e agenzia di marketing online

MA-NO WEB DESIGN AND DEVELOPMENT è un'agenzia specializzata in web design e sviluppo web a Palma di Maiorca, design grafico, sviluppo di applicazioni e ottimizzazione SEO. Abbiamo un potente team creativo multinazionale e multidisciplinare, che vi offre un servizio di qualità, veloce e all'altezza del vostro progetto.  

89,526,124

Utenti che hanno visitato i nostri siti web

18,244,545

Totale guadagnato dai nostri clienti

L'AGENZIA

MA-NO è un'agenzia specializzata in prodotti digitali che suscitano emozioni, hanno personalità e portano risultati. Web agency nelle Isole Baleari con 10 anni di progettazione di siti web per grandi e piccole imprese a Maiorca e in tutta la Spagna, numerose storie di successo ci sostengono. Portiamo questa esperienza ad ogni progetto per offrire un alto livello di servizio ed eccellenza.

Conoscerci
 
 

SERVIZI

Offriamo servizi di sviluppo di progetti completi, a livello locale, regionale, nazionale e internazionale, con risultati misurabili. Siamo l'azienda di Web Design a Mallorca che offre il miglior design e strategia digitale nella progettazione di siti web aziendali e negozi online.

I nostri servizi

PORTFOLIO

Sviluppiamo progetti digitali per grandi marche e questo non ci ha dato alla testa (anche se siamo molto bravi e lo sappiamo).

Ma-No ascolta, si adatta e lavora con te per portare la tua presenza online da Meh a WOW. Hai bisogno di un servizio completo? Possiamo aiutare con strategia, campagne, pubblicità, branding, video, fotografia e altro.

I nostri lavoro
 
 

CONTATTO

Se sei un'azienda senza scopo di lucro, un marchio start-up, un'impresa familiare o una società, sei qui perché riconosci l'impatto che un prodotto digitale come un sito web può avere.

Aziende che abbiamo aiutato con il nostro lavoro



Warning: Undefined variable $BBparser in /var/www/agency3.ma-no.org/plugins/sections/includes/section.detail.php on line 12
Creazione del sito web Fanautic
Creazione del sito web per il Nit de l'Art 2020 a Palma
Creazione del sito web Wellies
Creazione del sito web Barceló, Hotel Group
Creazione del sito web Cuixot de Porc Negre Mallorquín
Creazione del sito web Hotel d'es Puig, Deià - Mallorca
Creazione del sito web Desarrollo Negocio Dental.
Creazione del sito web AbruzzoWeb
Creazione del sito web Meliá, hotels & resorts
Creazione del sito web Sol by Meliá
Creazione del sito web Pizzería Mamma Teresa Trattoria
Creazione del sito web Tahini, sushi bar & restaurantde
Creazione del sito web Fanautic
Creazione del sito web Bodegas Suau
Creazione del sito web Dismatecsa
Creazione del sito web Malift Ascensores
Creazione del sito web Somoza Brands
Creación página web Romance by Meliáde
Creazione del sito web Pelita, italian burguer e bar
Creazione del sito web Hotel Sofia Alcudia Beach
Creazione del sito web Fanautic Club
Creazione del sito web 21boats
Creazione del sito web lds
Creazione del sito web Melicotó
Creazione del sito web Bunkers Palma
Creazione del sito web Grupo Cappuccino
Creazione del sito web Tramuntana, A Taste of Spain
Creazione del sito web Nautipaints
Creazione del sito web Humiclima
Creazione del sito web Mallorca Low Cost
Creazione del sito web Aura
Creazione del sito web Sur Yachts Europa
Creazione del sito web Hotel Ca'n Abril con enlace al portfolio
Creazione del sito web Cumber Construction
Creazione del sito web Martinius Excellent Yacht Service
Creazione del sito web Instituto DentalFacial Cosaga
Creazione del sito web Jopyería Weyler
Creazione del sito web A White Hot Wedding
Creazione del sito web Alberto García excelencia dental
Creazione del sito web Arianna Mazzetta
Creazione del sito web Finca Gomera
Creazione del sito web Brokernautic
Creazione del sito web Cappuccino Grand Café
Creazione del sito web Paradisus by Meliá
Creazione del sito web Yacht Service
Creazione del sito web Hotelopia
Creazione del sito web IBRC Dentisti
Creazione del sito web del Ristoranti Casa Flor
Creación página web de Lobster Club
Creación página web de Tiempo y Silencio Casa Sevilla
Creación página web del Defensor del paciente
Creación página web de Remex
Creación página web de Bapiporent

 

Siamo architetti digitali

 

MA-NO è un'agenzia specializzata in prodotti digitali che suscitano emozioni, hanno personalità e portano risultati.

Condivideremo esperienze, professionalità, un po' di umorismo, lavoreremo con voi per risolvere i vostri problemi complessi e raggiungere i vostri obiettivi.

· La nostra giornata non è noiosa e nemmeno la vostra dovrebbe esserlo ·

 

  


Warning: Undefined variable $pluto in /var/www/agency3.ma-no.org/app/template/index.php on line 147
Array
(
    [path] => Array
        (
            [0] => it
        )

    [path-first-chunk] => Array
        (
        )

    [path-last-chunk] => it
    [path-prelast-chunk] => Array
        (
            [0] => it
        )

    [file-name] => it
    [file-mime] => it
    [file-is-file] => 0
    [file-get-values] => Array
        (
        )

    [path-middle-chunks] => 
    [plugins] => Array
        (
            [item-nav-path] => 
            [nav-path] => /index.php
            [path-models] => /var/www/agency3.ma-no.org/plugins//public/models/index.php
            [path-files] => /var/www/agency3.ma-no.org/plugins//public/views/index.php
            [path-item-models] => /var/www/agency3.ma-no.org/plugins//public/models//item.php
            [path-item-files] => /var/www/agency3.ma-no.org/plugins//public/views//item.php
        )

    [PARAMS] => Array
        (
            [css_style] => .row {
    margin-right: 0;
    margin-left: 0;
}
.typewrite_container {font-size:24px;font-weight:bold;}

.swiper-container .sldtext{
top:10%
}

.particle-network-animation {
  position: relative;
float:left;
  display:block;
  height: 100vh;
  width:100%;
  /*background-color: #fff;
background: rgb(0,154,145);
background: radial-gradient(circle, rgba(0,154,145,1) 0%, rgba(9,121,116,1) 35%, rgba(0,20,18,1) 100%);*/
}
.particle-network-animation::before {
  z-index: -2;
  content: &quot;&quot;;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(/cache/galleries/generica/photo-1450849608880-6f787542c88a.webp);
  background-position: center center;
  background-size: cover;
  opacity: 0.2;
}
.particle-network-animation .sldtext{z-index:1;}
.particle-network-animation canvas {
    display: block;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.glow {
  z-index: -1;
  position: fixed;
  top: 50%;
  left: 50%;
  background-image: radial-gradient(circle closest-side, rgba(255, 255, 255, 0.025), transparent);
}

.glow-1 {
  width: 150vw;
  height: 150vh;
  margin-top: -75vh;
  margin-left: -75vw;
  animation: glow-1-move 25s linear infinite both;
}

@keyframes glow-1-move {
  from {
    transform: translate(-100%, 100%);
  }
  to {
    transform: translate(100%, -100%);
  }
}
.glow-2 {
  width: 100vw;
  height: 100vh;
  margin-top: -50vh;
  margin-left: -50vw;
  animation: glow-2-move 25s linear 8.3333333333s infinite both;
}

@keyframes glow-2-move {
  from {
    transform: translate(-100%, 0%);
  }
  to {
    transform: translate(100%, 100%);
  }
}
.glow-3 {
  width: 120vw;
  height: 120vh;
  margin-top: -60vh;
  margin-left: -60vw;
  animation: glow-3-move 25s linear 16.6666666667s infinite both;
}

@keyframes glow-3-move {
  from {
    transform: translate(100%, 100%);
  }
  to {
    transform: translate(0%, -100%);
  }
}     

             .mySwiper {

                       -webkit-box-shadow: none;
    box-shadow: none;
               height:300px;
      }

      .mySwiper .swiper-slide {
        text-align: center;
        font-size: 18px;
        width: 300px;
        height: 300px;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

                                                                                                                                                                                                                                                                                                            
            [javascript] => const swipercat = new Swiper(&#039;.swiper-container-parked&#039;, {
  // Optional parameters
  // direction: &#039;vertical&#039;,
  loop: false,

  // If we need pagination
  pagination: {
    el: &#039;.swiper-pagination&#039;,
  },

  // Navigation arrows
  navigation: {
    nextEl: &#039;.swiper-button-next&#039;,
    prevEl: &#039;.swiper-button-prev&#039;,
  },

  // And if we need scrollbar
  scrollbar: {
    el: &#039;.swiper-scrollbar&#039;,
  },
});
/**
 * Particle Network Animation
 * Inspiration: https://github.com/JulianLaval/canvas-particle-network
*/

(function() {

	var ParticleNetworkAnimation, PNA;
	ParticleNetworkAnimation = PNA = function() {};

	PNA.prototype.init = function(element) {
		this.$el = $(element);

		this.container = element;
		this.canvas = document.createElement(&#039;canvas&#039;);
		this.sizeCanvas();
		this.container.appendChild(this.canvas);
		this.ctx = this.canvas.getContext(&#039;2d&#039;);
		this.particleNetwork = new ParticleNetwork(this);

		//this.bindUiActions();

		return this;
	};

	PNA.prototype.bindUiActions = function() {
		$(window).on(&#039;resize&#039;, function() {
			// this.sizeContainer();
			this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
			this.sizeCanvas();
			this.particleNetwork.createParticles();
		}.bind(this));
	};

	PNA.prototype.sizeCanvas = function() {
		this.canvas.width = this.container.offsetWidth;
		this.canvas.height = this.container.offsetHeight;
	};

	var Particle = function(parent, x, y) {
		this.network = parent;
		this.canvas = parent.canvas;
		this.ctx = parent.ctx;
		this.particleColor = returnRandomArrayitem(this.network.options.particleColors);
		this.radius = getLimitedRandom(1.5, 4.5);
		this.opacity = 1;
		this.x = x || Math.random() * this.canvas.width;
		this.y = y || Math.random() * this.canvas.height;
		this.velocity = {
			x: (Math.random() - 0.5) * parent.options.velocity,
			y: (Math.random() - 0.5) * parent.options.velocity
		};
	};

	Particle.prototype.update = function() {
		if (this.opacity &lt; 1) {
			this.opacity += 0.1;
		} else {
			this.opacity = 1;
		}
		// Change dir if outside map
		if (this.x &gt; this.canvas.width + 100 || this.x &lt; -100) {
			this.velocity.x = -this.velocity.x;
		}
		if (this.y &gt; this.canvas.height + 100 || this.y &lt; -100) {
			this.velocity.y = -this.velocity.y;
		}

		// Update position
		this.x += this.velocity.x;
		this.y += this.velocity.y;
	};

	Particle.prototype.draw = function() {
		// Draw particle
		this.ctx.beginPath();
		this.ctx.fillStyle = this.particleColor;
		this.ctx.globalAlpha = this.opacity;
		this.ctx.arc(this.x, this.y, this.radius, 0, 2 * Math.PI);
		this.ctx.fill();
	};

	var ParticleNetwork = function(parent) {
		this.options = {
			velocity: 1, // the higher the faster
			density: 12000, // the lower the denser
			netLineDistance: 300,
			netLineColor: &#039;#00a4ad&#039;,
			particleColors: [&#039;#aaa&#039;] // [&#039;#6D4E5C&#039;, &#039;#aaa&#039;, &#039;#FFC458&#039; ]
		};
		this.canvas = parent.canvas;
		this.ctx = parent.ctx;

		this.init();
	};

	ParticleNetwork.prototype.init = function() {
		// Create particle objects
		this.createParticles(true);

		// Update canvas
		this.animationFrame = requestAnimationFrame(this.update.bind(this));

		//this.bindUiActions();
	};

	ParticleNetwork.prototype.createParticles = function(isInitial) {
		// Initialise / reset particles
		var me = this;
		this.particles = [];
		var quantity = this.canvas.width * this.canvas.height / this.options.density;

		if (isInitial) {
			var counter = 0;
			clearInterval(this.createIntervalId);
			this.createIntervalId = setInterval(function() {
				if (counter &lt; quantity - 1) {
					// Create particle object
					this.particles.push(new Particle(this));
				}
				else {
					clearInterval(me.createIntervalId);
				}
				counter++;
			}.bind(this), 140);
		}
		else {
			// Create particle objects
			for (var i = 0; i &lt; quantity; i++) {
				this.particles.push(new Particle(this));
			}
		}
	};

	ParticleNetwork.prototype.createInteractionParticle = function() {
		// Add interaction particle
		this.interactionParticle = new Particle(this);
		this.interactionParticle.velocity = {
			x: 0,
			y: 0
		};
		this.particles.push(this.interactionParticle);
		return this.interactionParticle;
	};

	ParticleNetwork.prototype.removeInteractionParticle = function() {
		// Find it
		var index = this.particles.indexOf(this.interactionParticle);
		if (index &gt; -1) {
			// Remove it
			this.interactionParticle = undefined;
			this.particles.splice(index, 1);
		}
	};

	ParticleNetwork.prototype.update = function() {
		if (this.canvas) {

			this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
			this.ctx.globalAlpha = 1;

			// Draw connections
			for (var i = 0; i &lt; this.particles.length; i++) {
				for (var j = this.particles.length - 1; j &gt; i; j--) {
					var distance, p1 = this.particles[i], p2 = this.particles[j];

					// check very simply if the two points are even a candidate for further measurements
					distance = Math.min(Math.abs(p1.x - p2.x), Math.abs(p1.y - p2.y));
					if (distance &gt; this.options.netLineDistance) {
						continue;
					}

					// the two points seem close enough, now let&#039;s measure precisely
					distance = Math.sqrt(
						Math.pow(p1.x - p2.x, 2) +
						Math.pow(p1.y - p2.y, 2)
					);
					if (distance &gt; this.options.netLineDistance) {
						continue;
					}

					this.ctx.beginPath();
					this.ctx.strokeStyle = this.options.netLineColor;
					this.ctx.globalAlpha = (this.options.netLineDistance - distance) / this.options.netLineDistance * p1.opacity * p2.opacity;
					this.ctx.lineWidth = 0.7;
					this.ctx.moveTo(p1.x, p1.y);
					this.ctx.lineTo(p2.x, p2.y);
					this.ctx.stroke();
				}
			}

			// Draw particles
			for (var i = 0; i &lt; this.particles.length; i++) {
				this.particles[i].update();
				this.particles[i].draw();
			}

			if (this.options.velocity !== 0) {
				this.animationFrame = requestAnimationFrame(this.update.bind(this));
			}

		}
		else {
			cancelAnimationFrame(this.animationFrame);
		}
	};

	ParticleNetwork.prototype.bindUiActions = function() {
		// Mouse / touch event handling
		this.spawnQuantity = 3;
		this.mouseIsDown = false;
		this.touchIsMoving = false;

		this.onMouseMove = function(e) {
			if (!this.interactionParticle) {
				this.createInteractionParticle();
			}
			this.interactionParticle.x = e.offsetX;
			this.interactionParticle.y = e.offsetY;
		}.bind(this);

		this.onTouchMove = function(e) {
			e.preventDefault();
			this.touchIsMoving = true;
			if (!this.interactionParticle) {
				this.createInteractionParticle();
			}
			this.interactionParticle.x = e.changedTouches[0].clientX;
			this.interactionParticle.y = e.changedTouches[0].clientY;
		}.bind(this);

		this.onMouseDown = function(e) {
			this.mouseIsDown = true;
			var counter = 0;
			var quantity = this.spawnQuantity;
			var intervalId = setInterval(function() {
				if (this.mouseIsDown) {
					if (counter === 1) {
						quantity = 1;
					}
					for (var i = 0; i &lt; quantity; i++) {
						if (this.interactionParticle) {
							this.particles.push(new Particle(this, this.interactionParticle.x, this.interactionParticle.y));
						}
					}
				}
				else {
					clearInterval(intervalId);
				}
				counter++;
			}.bind(this), 50);
		}.bind(this);

		this.onTouchStart = function(e) {
			e.preventDefault();
			setTimeout(function() {
				if (!this.touchIsMoving) {
					for (var i = 0; i &lt; this.spawnQuantity; i++) {
						this.particles.push(new Particle(this, e.changedTouches[0].clientX, e.changedTouches[0].clientY));
					}
				}
			}.bind(this), 200);
		}.bind(this);

		this.onMouseUp = function(e) {
			this.mouseIsDown = false;
		}.bind(this);

		this.onMouseOut = function(e) {
			this.removeInteractionParticle();
		}.bind(this);

		this.onTouchEnd = function(e) {
			e.preventDefault();
			this.touchIsMoving = false;
			this.removeInteractionParticle();
		}.bind(this);

		this.canvas.addEventListener(&#039;mousemove&#039;, this.onMouseMove);
		this.canvas.addEventListener(&#039;touchmove&#039;, this.onTouchMove);
		this.canvas.addEventListener(&#039;mousedown&#039;, this.onMouseDown);
		this.canvas.addEventListener(&#039;touchstart&#039;, this.onTouchStart);
		this.canvas.addEventListener(&#039;mouseup&#039;, this.onMouseUp);
		this.canvas.addEventListener(&#039;mouseout&#039;, this.onMouseOut);
		this.canvas.addEventListener(&#039;touchend&#039;, this.onTouchEnd);
	};

	ParticleNetwork.prototype.unbindUiActions = function() {
		if (this.canvas) {
			this.canvas.removeEventListener(&#039;mousemove&#039;, this.onMouseMove);
			this.canvas.removeEventListener(&#039;touchmove&#039;, this.onTouchMove);
			this.canvas.removeEventListener(&#039;mousedown&#039;, this.onMouseDown);
			this.canvas.removeEventListener(&#039;touchstart&#039;, this.onTouchStart);
			this.canvas.removeEventListener(&#039;mouseup&#039;, this.onMouseUp);
			this.canvas.removeEventListener(&#039;mouseout&#039;, this.onMouseOut);
			this.canvas.removeEventListener(&#039;touchend&#039;, this.onTouchEnd);
		}
	};

	var getLimitedRandom = function(min, max, roundToInteger) {
		var number = Math.random() * (max - min) + min;
		if (roundToInteger) {
			number = Math.round(number);
		}
		return number;
	};

	var returnRandomArrayitem = function(array) {
		return array[Math.floor(Math.random()*array.length)];
	};

pna = new ParticleNetworkAnimation();	pna.init($(&#039;.particle-network-animation&#039;)[0]);

}());



      var swiper = new Swiper(&quot;.mySwiper&quot;, {
   /*
        navigation: {
          nextEl: &quot;.swiper-button-next&quot;,
          prevEl: &quot;.swiper-button-prev&quot;,
        },
        pagination: {
          el: &quot;.swiper-pagination&quot;,
          clickable: true,
        },*/
        
        
              slidesPerView: 4,
        spaceBetween: 40,
        breakpoints: {
            320: {
                slidesPerView: 2,
                spaceBetween: 20
            },
            480: {
                slidesPerView: 3,
                spaceBetween: 30
            },
            640: {
                slidesPerView: 4,
                spaceBetween: 40
            }
        },
        loop: true,
        loopFillGroupWithBlank: true,
        autoplay: {
            delay: 2500,
            disableOnInteraction: false,
        },
    
      });                        
                                                                                                                                                                                                                                                                                                                                                                                    
            [main_title] => Web Design, Sviluppo Web, Ottimizzazione SEO a Maiorca
            [is_indexable] => 
            [is_followable] => 
            [gallery] => categories-2
        )

)