*|MC_PREVIEW_TEXT|*

Equipamentos  Relacionados à Pratica da Atividade Física.   O CORPO DE BOMBEIROS VOLUNTÁRIOS DE JOINVILLE, que reconhecidamente  presta nobre e indispensável serviço à comunidade de Joinville, salvando vidas constantemente e intervindo em situações de risco para ajudar a população, vem solicitar doações de equipamentos  relacionados à pratica da atividade física, visto estarem montando sua academia na própria corporação. Agradecemos aos que puderem contribuir com quaisquer equipamentos. Segue ofício recebido pelo SIACADESC da ASSOCIAÇÃO DO CORPO DE BOMBEIROS VOLUNTÁRIOS DE JOINVILLE.   Clique aqui para visualizar o ofício... Atenciosamente, Zulma F Stolf - Presidente SIACADESC  OAB SC 54 457, CREF SC G8698 , CRESS SC 1082 Fale Conosco, Clicando Aqui... Visite: www.siacadesc.com.br, e conheça a instituição que une as academias de SC, envie seu questionamento através de nossa área de contato: https://siacadesc.com.br/contato .   Copyright © *|CURRENT_YEAR|* *|LIST:COMPANY|*, Todos os direitos reservados. *|IFNOT:ARCHIVE_PAGE|* *|LIST:DESCRIPTION|* Nosso endereço para correspondência é: *|HTML:LIST_ADDRESS_HTML|* *|END:IF|* Quer mudar como você recebe esses e-mails? VOCÊ PODE update your preferences ou unsubscribe from this list.

This email was sent to *|EMAIL|* why did I get this?    unsubscribe from this list    update subscription preferences *|LIST:ADDRESSLINE|* *|REWARDS|*

*|MC_PREVIEW_TEXT|*

Equipamentos  Relacionados à Pratica da Atividade Física.   O CORPO DE BOMBEIROS VOLUNTÁRIOS DE JOINVILLE, que reconhecidamente  presta nobre e indispensável serviço à comunidade de Joinville, salvando vidas constantemente e intervindo em situações de risco para ajudar a população, vem solicitar doações de equipamentos  relacionados à pratica da atividade física, visto estarem montando sua academia na própria corporação. Agradecemos aos que puderem contribuir com quaisquer equipamentos. Segue ofício recebido pelo SIACADESC da ASSOCIAÇÃO DO CORPO DE BOMBEIROS VOLUNTÁRIOS DE JOINVILLE.   Clique aqui para visualizar o ofício... Atenciosamente, Zulma F Stolf - Presidente SIACADESC  OAB SC 54 457, CREF SC G8698 , CRESS SC 1082 Fale Conosco, Clicando Aqui... Visite: www.siacadesc.com.br, e conheça a instituição que une as academias de SC, envie seu questionamento através de nossa área de contato: https://siacadesc.com.br/contato .   Copyright © *|CURRENT_YEAR|* *|LIST:COMPANY|*, Todos os direitos reservados. *|IFNOT:ARCHIVE_PAGE|* *|LIST:DESCRIPTION|* Nosso endereço para correspondência é: *|HTML:LIST_ADDRESS_HTML|* *|END:IF|* Quer mudar como você recebe esses e-mails? VOCÊ PODE update your preferences ou unsubscribe from this list.

This email was sent to *|EMAIL|* why did I get this?    unsubscribe from this list    update subscription preferences *|LIST:ADDRESSLINE|* *|REWARDS|*

Abrir Clique aqui
Clique aqui

• Home
• Sobre
• O que Fazemos?
  • Web Design
  • Hospedagem
  • SEO
  • Sistemas
• Contato

Listagem 1. Criando o HTML do Menu

$primary-brand: #005fa4; $text-outside: #4d4d4d; $text-inside: #fff; $transition-in: all 250ms ease-out; $transition-out: all 250ms ease-in; .container { width: 100%; height: 480px; } #learn-more { fill-opacity: 0; fill: #fff; stroke: #fff; stroke-width: 2; border-radius: 5px; stroke-linejoin: round; transition: $transition-out; cursor: pointer; &:hover { fill-opacity: 1; & ~ .learn-more-text { fill: $primary-brand; } } } .learn-more-text { font-family: 'Roboto'; fill: #fff; pointer-events: none; font-size: 14px; transition: $transition-out; } .center { fill: $primary-brand; } .pointer { fill: #fff; stroke: #3b8fc0; stroke-width: 2; } .nav-copy { font-family: 'Roboto'; fill: #fff; fill-opacity: 1; transition: $transition-out; &.changing { fill-opacity: 0; } } .service { cursor: pointer; text { font-size: 14px; font-family: 'Roboto'; text-anchor: middle; } .icon-wrapper { transform-origin: 50% 50%; & , & > * { transition: $transition-out; } } circle { fill: $primary-brand; &.shadow { fill-opacity: 0; filter: url(#service-shadow); } } use { fill: #fff; } text { fill: $text-outside; } &.active, &:hover { .icon-wrapper { transform: scale(1.15) translateY(-5px); & , & > * { transition: $transition-in; } circle { &.shadow { fill-opacity: 0.4; } } } text { fill: $primary-brand; font-weight: bold; } } } const center = { x: 325, y: 175 }; const serv_dist = 250; const pointer_dist = 172; const pointer_time = 2; const icon_size = 42; const circle_radius = 38; const text_top_margin = 18; const tspan_delta = 16; //name is used as the title for the bubble //icon is the id of the corresponding svg symbol const services_data = [ { name: "Industries", icon: "industries" }, { name: "Validation\n(C&Q and CSV)", icon: "validation" }, { name: "Engineering", icon: "engineering" }, { name: "Project\nManagement", icon: "management" }, { name: "Manufacturing\nIT", icon: "manufacturing" }, { name: "Technical\nServices", icon: "technical" }, { name: "Process\nAutomation", icon: "process" } ]; const services = document.getElementById("service-collection"); const nav_container = document.getElementById("circle-nav-services"); const symbol_copy = document.getElementById("circle-nav-copy"); const use_copy = document.querySelector("use.nav-copy"); //Keeps code DRY avoiding namespace for element creation function createSVGElement(el){ return document.createElementNS("http://www.w3.org/2000/svg", el) } //Quick setup for multiple attributes function setAttributes(el, options) { Object.keys(options).forEach(function(attr) { el.setAttribute(attr, options[attr]); }) } //Service bubbles are created dynamically function addService(serv,index) { let group = createSVGElement("g"); group.setAttribute("class", "service serv-"+index); /* This group is needed to apply animations in the icon and its background at the same time */ let icon_group = createSVGElement("g"); icon_group.setAttribute("class", "icon-wrapper"); let circle = createSVGElement("circle"); setAttributes(circle,{ r: circle_radius, cx:center.x, cy:center.y }); let circle_shadow = circle.cloneNode(); setAttributes(circle,{ class:'shadow' }); icon_group.appendChild(circle_shadow); icon_group.appendChild(circle); let symbol = createSVGElement("use"); setAttributes(symbol, { 'x': center.x - (icon_size/2), 'y': center.y - (icon_size/2), 'width':icon_size, 'height':icon_size, }); symbol.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href","#"+serv.icon); icon_group.appendChild(symbol); group.appendChild(icon_group); let text = createSVGElement("text"); setAttributes(text,{ x: center.x, y: center.y + circle_radius + text_top_margin }); let tspan = createSVGElement("tspan"); if (serv.name.indexOf('\n') >= 0) { let tspan2 = tspan.cloneNode(); let name = serv.name.split('\n'); jQuery(tspan).text(name[0]); jQuery(tspan2).text(name[1]); setAttributes(tspan2, { x: center.x, dy: tspan_delta }); text.appendChild(tspan); text.appendChild(tspan2); } else { jQuery(tspan).text(serv.name); text.appendChild(tspan); } group.appendChild(text); services.appendChild(group); let service_bubble = jQuery(".serv-"+index); //Uses tween to look for right position twn_pivot_path.seek(index); TweenLite.set(service_bubble,{ x: pivot_path.x, y: pivot_path.y, transformOrigin:"center center" }); service_bubble.click(serviceClick); } //Creates pointer function createPointer() { let service_pointer = createSVGElement("circle"); setAttributes(service_pointer,{ cx: center.x - pointer_dist, cy: center.y, r: 12, class: "pointer" }); nav_container.appendChild(service_pointer); service_pointer = document.querySelector("svg .pointer"); let pointer_circle = [ {x:0,y:0}, {x:pointer_dist,y:pointer_dist}, {x:pointer_dist*2,y:0}, {x:pointer_dist,y:-pointer_dist}, {x:0,y:0} ]; twn_pointer_path.to(service_pointer, pointer_time, { bezier:{ values: pointer_circle, curviness: 1.5}, ease: Power0.easeNone, transformOrigin: "center center" }); } //Defines behavior for service bubbles function serviceClick(ev){ //There's always an active service jQuery(".service.active").removeClass("active"); let current = jQuery(ev.currentTarget); current.addClass("active"); //There's a "serv-*" class for each bubble let current_class = current.attr("class").split(" ")[1]; let class_index = current_class.split('-')[1]; //Hides current text of the main bubble jQuery(use_copy).addClass("changing"); //Sets pointer to the right position twn_pointer_path.tweenTo(class_index*(pointer_time/(2*6))); //After it's completely hidden, the text changes and becomes visible setTimeout(()=> { let viewBoxY = 300*class_index; symbol_copy.setAttribute("viewBox","0 "+viewBoxY+" 300 300"); jQuery(use_copy).removeClass("changing") },250) } //Array describes points for a whole circle in order to get //the right curve let half_circle = [ {x:-serv_dist, y:0}, {x:0 , y:serv_dist}, {x:serv_dist, y:0}, {x:0 , y:-serv_dist}, {x:-serv_dist, y:0} ]; //A simple object is used in the tween to retrieve its values var pivot_path = {x: half_circle[0].x , y: half_circle[0].y}; //The object is animated with a duration based on how many bubbles //should be placed var twn_pivot_path = TweenMax.to(pivot_path, 12,{ bezier: { values:half_circle, curviness: 1.5 }, ease: Linear.easeNone }); services_data.reduce((count, serv)=> { addService(serv,count); return ++count; },0); //The variable is modified inside the function //but its also used later to toggle its class var twn_pointer_path = new TimelineMax({paused: true}); createPointer(); //Adding it immediately triggers a bug for the transform setTimeout(()=> jQuery("#service-collection .serv-0").addClass("active"),200);

 

Instruções para associar-se

• Preencher a ficha de adesão anexa.
• FICHA DE ADESÃO SIACADESC
• Assinar (somente pelo representante legal da empresa )
• Encaminhar por correio para :Rua Brasil 1140 - Bom Retiro - 89222.145 - JOINVILLE SC

 

Valores das Mensalidades

Academias:

Com até 300 clientes: R$ 45,00 / mês De 301 a 900 : R$ 65,00 / mês Mais de 900 :R$ 150,00/ mês  

Estúdios de Personal:

Com até 100 clientes: R$ 35,00 / Mês. Dúvidas? Nosso E-mail.