Ir para conteúdo
Fórum Script Brasil
  • 0

Formulario de contato no site

Option Maker

Perguntado por Option Maker,

 Share

Pergunta

Option Maker

Option Maker

Postado
Postado

Olá, por favor, tenho uma pagina html com o formulario de email dentro dela, já fiz as adequações para o formulario funcionar, porém não está funcionando e não sei qual o erro.

Seria possível , por favor, alguém para me orientar ?  Agradeço muitissimo e aguardo.

HTML:


<!DOCTYPE html>
<!--[if lt IE 7]><html class="lt-ie9 lt-ie8 lt-ie7" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><![endif]-->
<!--[if IE 7]><html class="lt-ie9 lt-ie8" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><![endif]-->
<!--[if IE 8]><html class="lt-ie9" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><![endif]-->
<!--[if gt IE 8]><!--><html xmlns="http://www.w3.org/1999/xhtml"><!--<![endif]-->
<html>
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width" />
  <title>OptionMaker - Mobile, Web, Keypad - Instantâneo Feedback </title>

  <link rel="stylesheet" href="css/normalize.css" />
  <link rel="stylesheet" href="css/foundation.min.css" />
  <link rel="stylesheet" href="css/style.css" />
  <link rel="stylesheet" href="css/ie.css" />
  <link href='http://fonts.googleapis.com/css?family=Noto+Sans:400,700' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Cabin+Condensed:600' rel='stylesheet' type='text/css'>

  <script src="js/vendor/custom.modernizr.js"></script>
</head>
<body data-post="http://www.egrappler.com/retina-ready-responsive-app-landing-page-website-template-app-landing/">
<div id="top"  data-magellan-expedition="fixed">
    <div class="row">
        <div class="large-12 columns">
            <nav class="top-bar">
              <ul class="title-area">
               <li class="name logo">
                  <a href="#"><img src="img/logo.png"  alt=""></a>
                </li>
                <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
              </ul>
            
              <section class="top-bar-section">
                <ul class="right" id="menu">
                  <li data-magellan-arrival="features"><a href="#features">Sobre</a></li>
                  <li data-magellan-arrival="product"><a href="#product">Produtos</a></li>
                  <li data-magellan-arrival="price"><a href="#pricing-table">Aplicações</a></li>
                  <li data-magellan-arrival="contact"><a href="#contact">Contato</a></li>
                </ul>
              </section>
            </nav>
        </div>
    </div>
</div>

<header id="header" >
    <div class="row">
    
        <div class="large-6 columns">
            <div id="teaser-slider-2">
                            <div class="flexslider">
                                <ul class="slides">
                                    <li>
                                        <img src="img/slides/iphoneshots-1.jpg" alt="Petrichor - slider">
                                    </li>
                                    <li>
                                        <img src="img/slides/iphoneshots-2.jpg" alt="Petrichor - slider">
                                    </li>
                                    <li>
                                        <img src="img/slides/iphoneshots.jpg" alt="Petrichor - slider">
                                    </li>
                                </ul>
                            </div>
                        </div>
        </div>
        
        <div class="large-6 columns">
            <h1>Mobile, Web, Keypad</h1>
            <span class="subheading">Aplicações que facilitam processos. Simples, Rápido, Fácil.</span>
            <a class="download-btn" href="https://api.whatsapp.com/send?phone=<+5511983895714>" target="_blank"></a>
        </div>
        
    </div>
</header>

<div id="features" class="section features" data-magellan-destination="features">
    <div class="row hi-icon-wrap hi-icon-effect-3 hi-icon-effect-3b">

        <div class="large-4 columns feature">
            <span class="icon icon-browser hi-icon"></span>
            <h3>Simples, Rápido, Fácil</h3>
            <p>Frente a tantas opções e por tratar-se de um tema tão importante é imperativo que nossas aplicações proporcionem uma experiência de comodidade, facilidade, conforto e conveniência para os usuários.
</p>
        </div>
        <div class="large-4 columns feature">
            <span class="icon icon-tools hi-icon"></span>
            <h3>Recursos e Tecnologia Aplicada</h3>
            <p>As aplicações são responsivas, o que significa que são auto adaptáveis a qualquer device e sistema operacional, independente do tamanho da tela.
</p>
        </div>
        <div class="large-4 columns feature">
            <span class="icon icon-trophy hi-icon"></span>
            <h3>Segurança de ponta-a-ponta</h3>
            <p>Todas as aplicações OptionMaker Mobile possuem certificações SSL/TLS, que geram endereços HTTPS, o que garante que os dispositivos dos usuários estão realmente se comunicando com nossos servidores, com todos os dados protegidos nas duas pontas.
</p>
        </div>
    </div>
</div>
<div id="product" class="section product gray" data-magellan-destination="product">
    <div class="row">
        <div class="large-12 columns">
            <h2>Aplicações online e offline (keypads)</h2>
            <span class="subheading">Uma plataforma de aplicações para votação, pesquisa, avaliação, treinamento e eleição.</span>
            <div class="row">
                <div class="small-4 columns hints iphone">
                    <div class="hint hint-left hint-top">
                        <h3>Votação e Eleições</h3>
                        <p>Votações presenciais (keypads - offline) com resultados em tempo real. Votação e Eleições Mobile (remotas - online) com resultados em tempo real.

</p>
                        <span class="arrow"></span>
                    </div>
                    <div class="hint hint-left hint-bottom">
                        <h3>Avaliações</h3>
                        <p>Aplicações em treinamentos e provas ou exames, com relatórios individuais ou grupos. Em tempo real ou pós aplicação.

</p>
                        <span class="arrow"></span>
                    </div>
              </div>
                <div class="small-4 columns hints iphone">
                    <img src="img/Iphone_Mockup.png" alt="">
                </div>
                <div class="small-4 columns hints iphone">
                    <div class="hint hint-right hint-top">
                        <h3>Quiz e Enquetes</h3>
                        <p>O fator lúdico promove maior engajamento. Uma enquete, um quiz, uma pesquisa. Simples Rápido Fácil.</p>
                        <span class="arrow"></span>
                    </div>
                    <div class="hint hint-right hint-bottom">
                        <h3>Sorteios e Envio de Perguntas</h3>
                        <p>O sorteio de vagas em condomínino nunca mais será um problema - uma aplicação limpa e transparente. Agora o usuário pode também enviar perguntas para o palestrante usando apenas o celular.</p>
                        <span class="arrow"></span>
                    </div>
                </div>
          </div>
      </div>
    </div>
</div>
<div id="screenshot" class="section screenshot">
    <div class="row">
        <div class="large-12 columns">
            <h2>Alguns cases OptionMaker.</h2>
            <span class="subheading">Seu público alvo terá acesso ao ambiente da aplciação sem limitação de horário, local, ou mesmo restrição quanto ao tipo de equipamento. Facilite o acesso e com mobilidade.

</span>
    
            <ul class="clearing-thumbs small-block-grid-3" data-clearing>
                <li><a href="img/screenshot-1b.png"><img src="img/screenshot-1.png"></a></li>
                <li><a href="img/screenshot-2b.png"><img src="img/screenshot-2.png"></a></li>
                <li><a href="img/screenshot-3b.png"><img src="img/screenshot-3.png"></a></li>
                <li><a href="img/screenshot-4b.png"><img src="img/screenshot-4.png"></a></li>
                <li><a href="img/screenshot-5b.png"><img src="img/screenshot-5.png"></a></li>
                <li><a href="img/screenshot-6b.png"><img src="img/screenshot-6.png"></a></li>
                
              </ul>
        </div>
    </div>
</div>
<div id="pricing-table" class="section pricing gray" data-magellan-destination="pricing">
    <div class="row">
        <div class="large-12 quotes columns">
            <ul id="quotes1" data-orbit>
              <li class="quote" data-orbit-slide="headline-1">
                  <blockquote>Já contratei a Option Maker em diversas vezes para eventos de grande porte e em pequenas reuniões, Paulo Peres sempre me atendeu pontualmente me oferecendo as melhores opções em sistema de votação interativa.</blockquote>
                <span class="author">Ana Panneitz</span>
              </li>
              <li class="quote" data-orbit-slide="headline-2">
                  <blockquote>Paulo is a great professional. Always ready to listen to costumers and available for new challanges. He is a great partner.</blockquote>
                <span class="author">Mauricio Ferreira
</span>
              </li>
              <li class="quote" data-orbit-slide="headline-3">
                  <blockquote>OptionMaker is a great professional with fantastic skills. </blockquote>
                <span class="author">Adriana Alonso</span>
              </li>
            </ul>
        </div>
    </div>
    <div class="row price-table">
        <div class="large-4 columns">
            <ul class="pricing-table">
              <li class="title">Votação Online</li>
              <li class="description">Vote com qualquer dispositivo conectado a internet</li>
              <li class="price">Peça orçamento agora</li>
                <a class="price-table-toggle">+ Show features</a>
                <ul class="price-table-features">
                  <li class="bullet-item">Layout responsivo</li>
                  <li class="bullet-item">Rotinas de segurança</li>
                  <li class="bullet-item">Total gerenciamento do processo</li>
              </ul>
              <li class="cta-button"><a class="button secondary radius" href="https://api.whatsapp.com/send?phone=<+5511983895714">Compre agora</a></li>
            </ul>
        </div>
        <div class="large-4 columns">
            <ul class="pricing-table featured">
              <li class="title">Pesquisas e Avaliações</li>
              <li class="description">Planos e condições especiais</li>
              <li class="price">Consulte</li>
                <a class="price-table-toggle">+ interatividade</a>
              <ul class="price-table-features">
                  <li class="bullet-item">+ responsividade</li>
                  <li class="bullet-item">+ Feedback</li>
                  <li class="bullet-item">Simples, Rápido, Fácil</li>
              </ul>
              <li class="cta-button"><a class="button secondary radius" href="https://api.whatsapp.com/send?phone=<+5511983895714">Compre agora</a></li>
            </ul>
        </div>
        <div class="large-4 columns">
            <ul class="pricing-table">
              <li class="title">Keypads para votação offline</li>
              <li class="description">Para reuniões e assembleias</li>
              <li class="price">Condições especiais</li>
              <a class="price-table-toggle">Locação e Operação</a>
              <ul class="price-table-features">
                  <li class="bullet-item">Customizações</li>
                  <li class="bullet-item">Suporte técnico durante o processo</li>
                  <li class="bullet-item">Tudo em tempo real</li>
              </ul>
              <li class="cta-button"><a class="button secondary radius" href="https://api.whatsapp.com/send?phone=<+5511983895714">Compre agora</a></li>

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

<div id="contact"  class="section contact gray" data-magellan-destination="contact">
    
    
    <div class="row">
        <div class="large-12 columns">
            <h2>Pronto para começar?</h2>
            <span class="subheading">Estamos prontos para atender. Envie uma mensagem agora!

</span>

    
        <form action="send_form_email.php" method="post" id="contactform">
                    <div>
                        <label for="name">Seu nome</label>
                        <input type="text" class="input-field" id="name" name="name" value="">
                    </div>
                    <div>
                        <label for="email">Seu email</label>
                        <input type="text" class="input-field" id="email" name="email" value="">
                    </div>
                    <div>
                        <label>Sua mensagem</label>
                        <textarea id="message" name="message"></textarea>
                    </div>
                    <a id="button-send" href="atendimento@optionmaker.com.br" title="Send Email" class="button" style="width:100%;">Send E-Mail</a>
                    <div id="success">Sua mensagem foi enviada com sucesso!</div>
                    <div id="error">Alguma problema no envio de sua mensagem, tente novamente.</div>
                </form>

        </div>
        </div>
</div>
<footer>
    <div class="row">
        <div class="large-6 columns">
            <ul class="inline-list">
              <li class="copyright">2021 ; OptionMaker</a></li>
            
              </ul>
        </div>
        <div class="large-6 columns">
            <ul class="inline-list social-media right">
                <li><a href="http://www.facebook.com/optionmaker" class="icon icon-facebook"></a></li>
                <li><a href="htp://twitter.com/optionmaker" class="icon icon-twitter"></a></li>
                
            </ul>
        </div>
    </div>
</footer>            
            
  <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
  <script type="text/javascript" src="../wp-content/themes/piha/js/top-bar.js" ></script>
  <script type="text/javascript" src="../wp-content/themes/piha/js/bsa-ads.js" ></script>
  <script type="text/javascript" src="js/foundation.min.js"></script>
  <script type="text/javascript" src="js/functions.js"></script>
  <script type="text/javascript" src="js/jquery.nicescroll.js"></script>
  <script src="js/jquery.localscroll-1.2.7.js" type="text/javascript"></script>
  <script src="js/jquery.scrollTo-1.4.3.1.js" type="text/javascript"></script>
  <link rel="stylesheet" href="css/flexslider.css"> <!-- Flex slider -->
  <script src="js/jquery.flexslider.js" type="text/javascript"></script><!-- Flex slider -->
  <script type="text/javascript" src="js/custom.js"></script>
  <!--Dynamically creates analytics markup-->
  <?php include("http://www.egrappler.com/analytics.php");?>
</body>
</html>

 

PHP

<?php
// EDIT THE 2 LINES BELOW AS REQUIRED
$send_email_to = "atendimento@optionmaker.com.br";
$email_subject = "Consulta do site";
function send_email($name,$email,$email_message)
{
  global $send_email_to;
  global $email_subject;
  $headers = "MIME-Version: 1.0" . "\r\n";
  $headers .= "Content-type:text/html;charset=iso-8859-1" . "\r\n";
  $headers .= "From: ".$email. "\r\n";
  $message = "<strong>Email = </strong>".$email."<br>";
  $message .= "<strong>Name = </strong>".$name."<br>";  
  $message .= "<strong>Message = </strong>".$email_message."<br>";
  @mail($send_email_to, $email_subject, $message,$headers);
  return true;
}

function validate($name,$email,$message)
{
  $return_array = array();
  $return_array['success'] = '0';
  $return_array['name_msg'] = '';
  $return_array['email_msg'] = '';
  $return_array['message_msg'] = '';
  if($email == '')
  {
    $return_array['success'] = '0';
    $return_array['email_msg'] = 'email is required';
  }
  else
  {
    $email_exp = '/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/';
    if(!preg_match($email_exp,$email)) {
      $return_array['success'] = '0';
      $return_array['email_msg'] = 'enter valid email.';  
    }
  }
  if($name == '')
  {
    $return_array['success'] = '0';
    $return_array['name_msg'] = 'name is required';
  }
  else
  {
    $string_exp = "/^[A-Za-z .'-]+$/";
    if (!preg_match($string_exp, $name)) {
      $return_array['success'] = '0';
      $return_array['name_msg'] = 'enter valid name.';
    }
  }
        
  if($message == '')
  {
    $return_array['success'] = '0';
    $return_array['message_msg'] = 'message is required';
  }
  else
  {
    if (strlen($message) < 2) {
      $return_array['success'] = '0';
      $return_array['message_msg'] = 'enter valid message.';
    }
  }
  return $return_array;
}

$name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['message'];


$return_array = validate($name,$email,$message);

if($return_array['success'] == '1')
{
    send_email($name,$email,$message);
}
header('Content-type: text/json');
echo json_encode($return_array);
die();
?>

 

Link para o comentário
Compartilhar em outros sites

10 respostass a esta questão

Posts Recomendados

  • 0
Alyson Ronnan Martins

Alyson Ronnan Martins

Postado
Postado

Boa tarde @Option Maker

uma duvida sobre testes. (Esrou longe do pc mais quem sabe eu posso te dar uma ajuda).

Você fez o seu PHP mandar um email?

Se não tentar deixar os dados preenchidos em variaveis e coloca a pagina para enviar.

Se sim.

Antes de enviar as informações na funcão PHP tenta exibir elas (usando echo mesmo) só para vee se os dados coletados do HTML estão corretos.

Link para o comentário
Compartilhar em outros sites
  • 0
Option Maker

Option Maker

Postado
  • Autor
Postado
49 minutos atrás, Alyson Ronnan Martins disse:

Boa tarde @Option Maker

uma duvida sobre testes. (Esrou longe do pc mais quem sabe eu posso te dar uma ajuda).

Você fez o seu PHP mandar um email?

Se não tentar deixar os dados preenchidos em variaveis e coloca a pagina para enviar.

Se sim.

Antes de enviar as informações na funcão PHP tenta exibir elas (usando echo mesmo) só para vee se os dados coletados do HTML estão corretos.

Oi Alyson, obrigado por sua interação. Peço que desculpe. Nesta minha pagina, estou usando um modelo pronto, onde fiz apenas a alteração no endereço de email que receberá a mensagem. Ou seja, não manjo muito do que voce está falando.

Agora, Option Maker disse:

Oi Alyson, obrigado por sua interação. Peço que desculpe. Nesta minha pagina, estou usando um modelo pronto, onde fiz apenas a alteração no endereço de email que receberá a mensagem. Ou seja, não manjo muito do que voce está falando.

voce acha que poderia dar uma olhada no código e ver o que está errado  ?

Link para o comentário
Compartilhar em outros sites
  • 0
Alyson Ronnan Martins

Alyson Ronnan Martins

Postado
Postado (editado)

Boa noite.

Abrir o seu código agora tentei usar ele.

Você criou um "<a>" ancora para acionar a pagina que envio, porem que deveria esta acionando um envio deveria ser o botão. 

          <form action="send_form_email.php" method="post" id="contactform">
            <div>
              <label for="name">Seu nome</label>
              <input type="text" class="input-field" id="name" name="name" value="">
            </div>
            <div>
              <label for="email">Seu email</label>
              <input type="text" class="input-field" id="email" name="email" value="">
            </div>
            <div>
              <label>Sua mensagem</label>
              <textarea id="message" name="message"></textarea>
            </div>
            <a id="button-send" href="atendimento@optionmaker.com.br" title="Send Email" class="button" style="width:100%;">Send E-Mail</a>
            <div id="success">Sua mensagem foi enviada com sucesso!</div>
            <div id="error">Alguma problema no envio de sua mensagem, tente novamente.</div>
          </form>

 

Depois que executei o código apareceu o erro 404 (pagina não encontrada) e isso é por que seu ancora esta direcionando para seu email e não uma página.

Como foi desenvolvido o código original apenas do formulário de envio?

Eu coloquei o botão de "submit" para obedecer o "send_form_email.php" do seu código: 

            <button type="submit">Sendo E-Mail</button>
          </form>

ai ele me retornou a seguinte informação:

image.png.f9a0efa2395fb4059616fd3913c9f410.png

Isso mostra que o seu formulário não esta retornando informações para o send_form_email.php

Editado por Alyson Ronnan Martins
Correção no primeiro código.
Link para o comentário
Compartilhar em outros sites
  • 0
Alyson Ronnan Martins

Alyson Ronnan Martins

Postado
Postado

Ainda estou olhando o código kkkk....

No php eu alterei a validação porque não estava enviando as informações mesmo quando estava preenchidas no formulário: 

...
function validate($name,$email,$message)
{
  $return_array = array();
  $return_array['success'] = '1';
  $return_array['name_msg'] = $name;
  $return_array['email_msg'] = $email;
  $return_array['message_msg'] = $message;
...

 

Link para o comentário
Compartilhar em outros sites
  • 0
Option Maker

Option Maker

Postado
  • Autor
Postado
13 horas atrás, Alyson Ronnan Martins disse:

Ainda estou olhando o código kkkk....

No php eu alterei a validação porque não estava enviando as informações mesmo quando estava preenchidas no formulário: 


...
function validate($name,$email,$message)
{
  $return_array = array();
  $return_array['success'] = '1';
  $return_array['name_msg'] = $name;
  $return_array['email_msg'] = $email;
  $return_array['message_msg'] = $message;
...

 

Olá Alyson, como eu disse antes, sou um novato. Peguei um código pronto e inseri no meu site. Achei que seria necessario apenas indicar o email que recebe as informações. 

Link para o comentário
Compartilhar em outros sites
  • 0
Option Maker

Option Maker

Postado
  • Autor
Postado

Oi Alyson, tudo bem?  Por favor, ainda sobre o mesmo assunto.  Consegui fazer funcionar o form, mas só envia a mensagem se o email de quem enviar for do mesmo dominio que o meu. Ou seja, não é isso que quero. Aliás ao contrario. quero receber qualquer email.  Voce saberia me dizer o que está causando essa limitação ?

HTML


<!DOCTYPE html>
<!--[if lt IE 7]><html class="lt-ie9 lt-ie8 lt-ie7" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><![endif]-->
<!--[if IE 7]><html class="lt-ie9 lt-ie8" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><![endif]-->
<!--[if IE 8]><html class="lt-ie9" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><![endif]-->
<!--[if gt IE 8]><!--><html xmlns="http://www.w3.org/1999/xhtml"><!--<![endif]-->
<html>
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width" />
  <title>OptionMaker - Mobile, Web, Keypad - Instantâneo Feedback </title>

  <link rel="stylesheet" href="css/normalize.css" />
  <link rel="stylesheet" href="css/foundation.min.css" />
  <link rel="stylesheet" href="css/style.css" />
  <link rel="stylesheet" href="css/ie.css" />
  <link href='http://fonts.googleapis.com/css?family=Noto+Sans:400,700' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Cabin+Condensed:600' rel='stylesheet' type='text/css'>

  <script src="js/vendor/custom.modernizr.js"></script>
</head>
<body data-post="http://www.egrappler.com/retina-ready-responsive-app-landing-page-website-template-app-landing/">
<div id="top"  data-magellan-expedition="fixed">
    <div class="row">
        <div class="large-12 columns">
            <nav class="top-bar">
              <ul class="title-area">
               <li class="name logo">
                  <a href="#"><img src="img/logo.png"  alt=""></a>
                </li>
                <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
              </ul>
            
              <section class="top-bar-section">
                <ul class="right" id="menu">
                  <li data-magellan-arrival="features"><a href="#features">Sobre</a></li>
                  <li data-magellan-arrival="product"><a href="#product">Produtos</a></li>
                  <li data-magellan-arrival="price"><a href="#pricing-table">Aplicações</a></li>
                  <li data-magellan-arrival="contact"><a href="#contact">Contato</a></li>
                </ul>
              </section>
            </nav>
        </div>
    </div>
</div>

<header id="header" >
    <div class="row">
    
        <div class="large-6 columns">
            <div id="teaser-slider-2">
                            <div class="flexslider">
                                <ul class="slides">
                                    <li>
                                        <img src="img/slides/iphoneshots-1.jpg" alt="Petrichor - slider">
                                    </li>
                                    <li>
                                        <img src="img/slides/iphoneshots-2.jpg" alt="Petrichor - slider">
                                    </li>
                                    <li>
                                        <img src="img/slides/iphoneshots.jpg" alt="Petrichor - slider">
                                    </li>
                                </ul>
                            </div>
                        </div>
        </div>
        
        <div class="large-6 columns">
            <h1>Mobile, Web, Keypad</h1>
            <span class="subheading">Aplicações que facilitam processos. Simples, Rápido, Fácil.</span>
            <a class="download-btn" href="https://api.whatsapp.com/send?phone=<+5511983895714>" target="_blank"></a>
        </div>
        
    </div>
</header>

<div id="features" class="section features" data-magellan-destination="features">
    <div class="row hi-icon-wrap hi-icon-effect-3 hi-icon-effect-3b">

        <div class="large-4 columns feature">
            <span class="icon icon-browser hi-icon"></span>
            <h3>Simples, Rápido, Fácil</h3>
            <p>Frente a tantas opções e por tratar-se de um tema tão importante é imperativo que nossas aplicações proporcionem uma experiência de comodidade, facilidade, conforto e conveniência para os usuários.
</p>
        </div>
        <div class="large-4 columns feature">
            <span class="icon icon-tools hi-icon"></span>
            <h3>Recursos e Tecnologia Aplicada</h3>
            <p>As aplicações são responsivas, o que significa que são auto adaptáveis a qualquer device e sistema operacional, independente do tamanho da tela.
</p>
        </div>
        <div class="large-4 columns feature">
            <span class="icon icon-trophy hi-icon"></span>
            <h3>Segurança de ponta-a-ponta</h3>
            <p>Todas as aplicações OptionMaker Mobile possuem certificações SSL/TLS, que geram endereços HTTPS, o que garante que os dispositivos dos usuários estão realmente se comunicando com nossos servidores, com todos os dados protegidos nas duas pontas.
</p>
        </div>
    </div>
</div>
<div id="product" class="section product gray" data-magellan-destination="product">
    <div class="row">
        <div class="large-12 columns">
            <h2>Aplicações online e offline (keypads)</h2>
            <span class="subheading">Uma plataforma de aplicações para votação, pesquisa, avaliação, treinamento e eleição.</span>
            <div class="row">
                <div class="small-4 columns hints iphone">
                    <div class="hint hint-left hint-top">
                        <h3>Votação e Eleições</h3>
                        <p>Votações presenciais (keypads - offline) com resultados em tempo real. Votação e Eleições Mobile (remotas - online) com resultados em tempo real.

</p>
                        <span class="arrow"></span>
                    </div>
                    <div class="hint hint-left hint-bottom">
                        <h3>Avaliações</h3>
                        <p>Aplicações em treinamentos e provas ou exames, com relatórios individuais ou grupos. Em tempo real ou pós aplicação.

</p>
                        <span class="arrow"></span>
                    </div>
              </div>
                <div class="small-4 columns hints iphone">
                    <img src="img/Iphone_Mockup.png" alt="">
                </div>
                <div class="small-4 columns hints iphone">
                    <div class="hint hint-right hint-top">
                        <h3>Quiz e Enquetes</h3>
                        <p>O fator lúdico promove maior engajamento. Uma enquete, um quiz, uma pesquisa. Simples Rápido Fácil.</p>
                        <span class="arrow"></span>
                    </div>
                    <div class="hint hint-right hint-bottom">
                        <h3>Sorteios e Envio de Perguntas</h3>
                        <p>O sorteio de vagas em condomínino nunca mais será um problema - uma aplicação limpa e transparente. Agora o usuário pode também enviar perguntas para o palestrante usando apenas o celular.</p>
                        <span class="arrow"></span>
                    </div>
                </div>
          </div>
      </div>
    </div>
</div>
<div id="screenshot" class="section screenshot">
    <div class="row">
        <div class="large-12 columns">
            <h2>Alguns cases OptionMaker.</h2>
            <span class="subheading">Seu público alvo terá acesso ao ambiente da aplciação sem limitação de horário, local, ou mesmo restrição quanto ao tipo de equipamento. Facilite o acesso e com mobilidade.

</span>
    
            <ul class="clearing-thumbs small-block-grid-3" data-clearing>
                <li><a href="img/screenshot-1b.png"><img src="img/screenshot-1.png"></a></li>
                <li><a href="img/screenshot-2b.png"><img src="img/screenshot-2.png"></a></li>
                <li><a href="img/screenshot-3b.png"><img src="img/screenshot-3.png"></a></li>
                <li><a href="img/screenshot-4b.png"><img src="img/screenshot-4.png"></a></li>
                <li><a href="img/screenshot-5b.png"><img src="img/screenshot-5.png"></a></li>
                <li><a href="img/screenshot-6b.png"><img src="img/screenshot-6.png"></a></li>
                
              </ul>
        </div>
    </div>
</div>
<div id="pricing-table" class="section pricing gray" data-magellan-destination="pricing">
    <div class="row">
        <div class="large-12 quotes columns">
            <ul id="quotes1" data-orbit>
              <li class="quote" data-orbit-slide="headline-1">
                  <blockquote>Já contratei a Option Maker em diversas vezes para eventos de grande porte e em pequenas reuniões, Paulo Peres sempre me atendeu pontualmente me oferecendo as melhores opções em sistema de votação interativa.</blockquote>
                <span class="author">Ana Panneitz</span>
              </li>
              <li class="quote" data-orbit-slide="headline-2">
                  <blockquote>Paulo is a great professional. Always ready to listen to costumers and available for new challanges. He is a great partner.</blockquote>
                <span class="author">Mauricio Ferreira
</span>
              </li>
              <li class="quote" data-orbit-slide="headline-3">
                  <blockquote>OptionMaker is a great professional with fantastic skills. </blockquote>
                <span class="author">Adriana Alonso</span>
              </li>
            </ul>
        </div>
    </div>
    <div class="row price-table">
        <div class="large-4 columns">
            <ul class="pricing-table">
              <li class="title">Votação Online</li>
              <li class="description">Vote com qualquer dispositivo conectado a internet</li>
              <li class="price">Peça orçamento agora</li>
                <a class="price-table-toggle">+ Show features</a>
                <ul class="price-table-features">
                  <li class="bullet-item">Layout responsivo</li>
                  <li class="bullet-item">Rotinas de segurança</li>
                  <li class="bullet-item">Total gerenciamento do processo</li>
              </ul>
              <li class="cta-button"><a class="button secondary radius" href="https://api.whatsapp.com/send?phone=<+5511983895714">Compre agora</a></li>
            </ul>
        </div>
        <div class="large-4 columns">
            <ul class="pricing-table featured">
              <li class="title">Pesquisas e Avaliações</li>
              <li class="description">Planos e condições especiais</li>
              <li class="price">Consulte</li>
                <a class="price-table-toggle">+ interatividade</a>
              <ul class="price-table-features">
                  <li class="bullet-item">+ responsividade</li>
                  <li class="bullet-item">+ Feedback</li>
                  <li class="bullet-item">Simples, Rápido, Fácil</li>
              </ul>
              <li class="cta-button"><a class="button secondary radius" href="https://api.whatsapp.com/send?phone=<+5511983895714">Compre agora</a></li>
            </ul>
        </div>
        <div class="large-4 columns">
            <ul class="pricing-table">
              <li class="title">Keypads para votação offline</li>
              <li class="description">Para reuniões e assembleias</li>
              <li class="price">Condições especiais</li>
              <a class="price-table-toggle">Locação e Operação</a>
              <ul class="price-table-features">
                  <li class="bullet-item">Customizações</li>
                  <li class="bullet-item">Suporte técnico durante o processo</li>
                  <li class="bullet-item">Tudo em tempo real</li>
              </ul>
              <li class="cta-button"><a class="button secondary radius" href="https://api.whatsapp.com/send?phone=<+5511983895714">Compre agora</a></li>

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

<div id="contact"  class="section contact gray" data-magellan-destination="contact">
    
    
    <div class="row">
        <div class="large-12 columns">
            <h2>Pronto para começar?</h2>
            <span class="subheading">Estamos prontos para atender. Envie uma mensagem agora!

</span>
    <!--Contact form start-->
    <div align="center">
    <section id="contact">
        <h1></h1>
        <p></p>
              <form action="contact.php" method="post" class="cform-form">
                    <p><input type="text" name="name" placeholder="Seu Nome*" class="cform-text" size="40" title="Your name"></p>
                    <p><input type="text" name="email" placeholder="Seu Email*" class="cform-text" size="40" title="Your email"></p>
                    <p><select name="subject">
                          <option value="Support">Support</option>
                          <option value="Question">Question</option>
                          <option value="Report a Bug">Report a Bug</option>
                        </select>
                    </p>
                    <p><input type="text" name="spam" placeholder="Anti-spam* : 4+3=?" class="cform-text" size="40" title="Enter the code"></p>
                    <p><textarea name="comments" cols="40" rows="10" title="Drop us a line." placeholder="Sua Mensagem"></textarea></p>
                   <p><input type="submit" value="Enviar"></p>
              </form>
    </section>
  </div>
  <!--Contact form end-->
        </div>
        </div>
</div>
<footer>
    <div class="row">
        <div class="large-6 columns">
            <ul class="inline-list">
              <li class="copyright">2021 ; OptionMaker</a></li>
            
              </ul>
        </div>
        <div class="large-6 columns">
            <ul class="inline-list social-media right">
                <li><a href="http://www.facebook.com/optionmaker" class="icon icon-facebook"></a></li>
                <li><a href="htp://twitter.com/optionmaker" class="icon icon-twitter"></a></li>
                
            </ul>
        </div>
    </div>
</footer>            
            
  <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
  <script type="text/javascript" src="../wp-content/themes/piha/js/top-bar.js" ></script>
  <script type="text/javascript" src="../wp-content/themes/piha/js/bsa-ads.js" ></script>
  <script type="text/javascript" src="js/foundation.min.js"></script>
  <script type="text/javascript" src="js/functions.js"></script>
  <script type="text/javascript" src="js/jquery.nicescroll.js"></script>
  <script src="js/jquery.localscroll-1.2.7.js" type="text/javascript"></script>
  <script src="js/jquery.scrollTo-1.4.3.1.js" type="text/javascript"></script>
  <link rel="stylesheet" href="css/flexslider.css"> <!-- Flex slider -->
  <script src="js/jquery.flexslider.js" type="text/javascript"></script><!-- Flex slider -->
  <script type="text/javascript" src="js/custom.js"></script>
  <!--Dynamically creates analytics markup-->
  <?php include("http://www.egrappler.com/analytics.php");?>
</body>
</html>

 

PHP

<?
$mailto = 'pauloperes@optionmaker.com.br' ;
$subject = "Contact mobile" ;
$formurl = "index.html" ;
$errorurl = "error.html" ;
$thankyouurl = "thankyou.html" ;

// -------------------- END OF CONFIGURABLE SECTION ---------------

$name = $_POST['name'] ;
$email = $_POST['email'] ;
$subject = $_POST['subject'] ;
$comments = $_POST['comments'] ;
$spam=$_POST['spam'] ;
$http_referrer = getenv( "HTTP_REFERER" );

if (!isset($_POST['email'])) {
    header( "Location: $formurl" );
    exit ;
}
if (empty($name) || empty($email) || empty($subject) || empty($comments) || $spam!="7") {
   header( "Location: $errorurl" );
   exit ;
}
$name = strtok( $name, "\r\n" );
$email = strtok( $email, "\r\n" );
$subject = strtok( $subject, "\r\n" );
if (get_magic_quotes_gpc()) {
    $comments = stripslashes( $comments );
}

$messageproper =

    "---------- PixelsMarket.com message ----------\n\n" . "\nTrimis de : " . $name . "\nEmail : " . $email . "\nSubiect : " . $subject . "\n\n\nMesaj : " . $comments;

mail($mailto, $subject, $messageproper, "From: \"$name\" <$email>\r\nReply-To: \"$name\" <$email>\r\nX-Mailer: chfeedback.php 2.04" );
header( "Location: $thankyouurl" );
exit ;

?>

 

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...