Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Hailla

Como mudar nome que aparece em link?! Meta Tags para redes sociais

Recommended Posts

Boa noite pessoal, 

 

Talvez o título não tenha ajudado muito, mas a imagem talvez ajude, como mencionei na postagem anterior meu site foi feito com um template pronto. Tenho uma página no facebook e quero impulsionar o site , mas quando vou fazer isso aparece o nome do "criador" do site, (imagino que eu tenha que mudar isso no html) e gostaria de mudar ou mesmo tirar esse nome. Alguém poderia me ajudar? 

 

Desde já agradeço!

nome.jpg

Compartilhar este post


Link para o post
Compartilhar em outros sites

Oi YumeDev! Segue abaixo o html ... lembrando que como é um template pronto eu alterei o nome do criador ali no <meta name> para o meu e mesmo assim continua aparecendo como na imagem que mandei anteriormente (Meghna One... ). Se conseguir me ajudar, agradeço demais! Vlw!

 

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="description" content="Hailla Vieira">
        
        <meta name="author" content="Hailla">
        
        <title>Hailla Vieira | Designer - Freelancer</title>
        
        <!-- Mobile Specific Meta
        ================================================== -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
        <!-- Favicon -->
        <link rel="shortcut icon" type="image/x-icon" href="img/favicon.png" />
        
        <!-- CSS
        ================================================== -->
        <!-- Fontawesome Icon font -->
        <link rel="stylesheet" href="css/font-awesome.min.css">
        <!-- bootstrap.min css -->
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <!-- Animate.css -->
        <link rel="stylesheet" href="css/animate.css">
        <!-- Owl Carousel -->
        <link rel="stylesheet" href="css/owl.carousel.css">
        <!-- Grid Component css -->
        <link rel="stylesheet" href="css/component.css">
        <!-- Slit Slider css -->
        <link rel="stylesheet" href="css/slit-slider.css">
        <!-- Main Stylesheet -->
        <link rel="stylesheet" href="css/main.css">
        <!-- Media Queries -->
        <link rel="stylesheet" href="css/media-queries.css">

        <!--
        Google Font
        =========================== -->                    
        
        <!-- Oswald / Title Font -->
        <link href="http://fonts.googleapis.com/css?family=Oswald:400,300" rel="stylesheet" type="text/css">
        <!-- Ubuntu / Body Font -->
        <link href="http://fonts.googleapis.com/css?family=Ubuntu:400,300" rel="stylesheet" type="text/css">
        
        <!-- Modernizer Script for old Browsers -->        
        <script src="js/modernizr-2.6.2.min.js"></script>


        <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-109315496-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-109315496-1');
</script>

    
    </head>
    
    <body id="body">
        <!--
        Loading
        ==================================== -->
        <div id="loading-mask">
            <div class="loading-img">
                <img alt="Hailla Preloader" src="img/preloader.gif"  />
            </div>
        </div>
        <!--
        End Preloader
        ==================================== -->
        
        <!--
        Banners
        ==================================== -->
        <section id="home">        
        
            <div id="slitSlider" class="sl-slider-wrapper">
                <div class="sl-slider">
                    
                    <!-- single slide item -->
                    <div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="-25" data-slice2-rotation="-25" data-slice1-scale="2" data-slice2-scale="2">
                        <div class="sl-slide-inner">
                            <div class="bg-img bg-img-1"></div>
                        <div class="carousel-caption">
                            <div>
                                <img class="wow fadeInUp" src="img/hailla.png" alt="Hailla">
                                <h3 data-wow-duration="500ms"  data-wow-delay="500ms" class="heading animated fadeInRight">Designer - Freelancer</h3>
                            </div>
                        </div>
                        </div>
                    </div>
                    <!-- /single slide item -->
                    
                    <!-- single slide item -->
                    <div class="sl-slide" data-orientation="vertical" data-slice1-rotation="10" data-slice2-rotation="-15" data-slice1-scale="1.5" data-slice2-scale="1.5">
                        <div class="sl-slide-inner">
                            <div class="bg-img bg-img-2"></div>
                        <div class="carousel-caption">
                            <div>
                                <h2 class="heading animated fadeInDown">Tudo o que você precisa.</h2>
                                <h3 class="animated fadeInUp">Do planejamento e criação do conceito à etapa de desenvolvimento e entrega do projeto</h3>
                                <a class="btn btn-green animated fadeInUp" href="#services">Serviços</a>
                            </div>
                        </div>
                        </div>
                    </div>
                    <!-- /single slide item -->
                    
                    <!-- single slide item -->
                    <div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="3" data-slice2-rotation="3" data-slice1-scale="2" data-slice2-scale="1">
                        <div class="sl-slide-inner">
                            <div class="bg-img bg-img-3"></div>
                        <div class="carousel-caption">
                            <div>
                                <h2 class="heading animated fadeInRight">Projetos Ousados e Inovadores</h2>
                                <h3 class="animated fadeInLeft">Design limpo e profissional.</h3>
                                <a class="btn btn-green animated fadeInUp" href="#showcase">Saiba Mais</a>
                            </div>
                        </div>
                        </div>
                    </div>
                    <!-- /single slide item -->

                </div><!-- /sl-slider -->
                
                <nav id="nav-arrows" class="nav-arrows">
                    <span class="nav-arrow-prev">Anterior</span>
                    <span class="nav-arrow-next">Próximo</span>
                </nav>

                <nav id="nav-dots" class="nav-dots">
                    <span class="nav-dot-current"></span>
                    <span></span>
                    <span></span>
                </nav>

            </div><!-- /slider-wrapper -->
        </section>
        <!--/#home section-->
        
        <!-- 
        Fixed Navigation
        ==================================== -->
        <header id="navigation" class="navbar navbar-inverse">
            <div class="container">
                <div class="navbar-header">
                    <!-- responsive nav button -->
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <!-- /responsive nav button -->
                    
                    <!-- logo -->
                    <a class="navbar-brand" href="#">
                        <h1 id="logo">
                            <img src="img/logo.png" alt="Hailla" />
                        </h1>
                    </a>
                    <!-- /logo -->
                </div>

                <!-- main nav -->
                <nav class="collapse navbar-collapse navbar-right" role="Navigation">
                    <ul id="nav" class="nav navbar-nav">
                        <li class="current"><a href="#body">Home</a></li>
                        <li><a href="#about">Sobre</a></li>
                        <li><a href="#services">Serviços</a></li>
                        <li><a href="#showcase">Trabalhos</a></li>
                        <li><a href="#our-team">Clientes</a></li>
                        <li><a href="#contact-us">Contato</a></li>
                    </ul>
                </nav>
                <!-- /main nav -->
                
            </div>
        </header>
        <!--
        End Fixed Navigation
        ==================================== -->
        
        <!--         Sobre
        ==================================== -->
        <section id="about" class="bg-one">
            <div class="container">
                <div class="row">
                
                    <!-- section title -->
                                       
                    <div class="title text-center wow fadeIn" data-wow-duration="1500ms" >
                        <h2><span class="color">Sobre</span></h2>
                        <div class="border"></div>
                    </div>
                    <!-- /section title -->
                    
                    <!-- About item -->
             <!-- team member -->
             
                    <div class="col-md-3 col-sm-6 wow fadeInDown" data-wow-duration="500ms">
                      <article class="team-mate">
                            <div class="member-photo" align="center">
                                <!-- member photo -->
                                <img class="img-responsive" src="img/team/member-1.jpg" alt="Hailla">
                                <!-- /member photo -->
                                
                                <!-- member social profile -->
                                
                                <div class="mask">
                                    <ul class="clearfix">
                                        <li><a href="https://www.facebook.com/haillavieiradesigner/" target="_blank"><i class="fa fa-facebook"></i></a></li>
                                        <li><a href="http://www.twitter.com/" target="_blank"><i class="fa fa-twitter"></i></a></li>
                                        <li><a href="https://www.linkedin.com/in/haillavieira/" target="_blank"><i class="fa fa-linkedin"></i></a></li>
                                        <li><a href="https://www.instagram.com/hailla.graphicdesigner/" target="_blank"><i class="fa fa-instagram"></i></a></li>
                                    </ul>
                                </div>
                                <!-- /member social profile -->
                            </div>
                            
                            <!-- member name & designation -->
                            
                                                                                
                       </article>
                    </div>
                    
                    <div class="col-md-6 feature-desc wow fadeInUp" data-wow-duration="500ms" data-wow-delay="300ms">
                                    <h3>Olá, eu nome é Hailla Vieira!</h3>
                                    <p>Sou formada em Design Digital e atuo na área há mais de 5 anos.</p>
                                    <p>Meu objetivo é criar produtos impressos e digitais que destaquem sua empresa e a ajude a obter cada vez mais sucesso!</p>
                                    <p>Veja alguns dos meus projetos na aba de trabalho. Caso tenha perguntas, sinta-se a vontade e mande uma mensagem que responderei brevemente!</p>
                                    </div>
                    <!-- end team member -->
                                </div>
                            
                                    
                            
                        </div>
                        
                    
                    <!-- End About item -->
                    
                    <!-- About item -->
                    <div class="col-md-4 text-center wow fadeInUp" data-wow-duration="500ms" data-wow-delay="250ms">
                        <div class="wrap-about">
                            
                        </div>
                    </div> 
                    <!-- End About item -->
                    
                    <!-- About item -->                    
                    <div class="col-md-4 text-center wow fadeInUp" data-wow-duration="500ms" data-wow-delay="500ms">
                        <div class="wrap-about kill-margin-bottom">
                            
                        
                        </div>
                    </div>                    
                    
                                      <!-- End About item -->
                    
                         <!-- End row -->
            <!-- End container -->
        </section>   <!-- End section -->
        
        <!--
        
        Start Counter Section
        ==================================== -->
        
        <section id="counter" class="parallax-section">
            <div class="container">
                <div class="row">
                
                    <!-- first count item -->
                    <div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInDown" data-wow-duration="500ms">
                        <div class="counters-item">
                            <div>
                                <span data-speed="3000" data-to="6">6</span>
                            </div>
                            <i class="fa fa-users fa-3x"></i>
                            <h3>Clientes Felizes</h3>
                        </div>
                    </div>
                    <!-- end first count item -->
                
                    <!-- second count item -->
                    <div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInDown" data-wow-duration="500ms" data-wow-delay="200ms">
                        <div class="counters-item">
                            <div>
                                <span data-speed="3000" data-to="29">29</span>
                            </div>
                            <i class="fa fa-check-square fa-3x"></i>
                            <h3>Projetos Entregues</h3>
                        </div>
                    </div>
                    <!-- end second count item -->
                
                    <!-- third count item -->
                    <div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInDown" data-wow-duration="500ms" data-wow-delay="400ms">
                        <div class="counters-item">
                            <div>
                                <span data-speed="3000" data-to="95">95</span>
                                <span>%</span>
                            </div>
                            <i class="fa fa-thumbs-up fa-3x"></i>
                            <h3>Feedback Positivo</h3>
                            
                        </div>
                    </div>
                    <!-- end third count item -->
                    
                    <!-- fourth count item -->
                    <div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInDown" data-wow-duration="500ms" data-wow-delay="600ms">
                        <div class="counters-item kill-margin-bottom">
                            <div>
                                <span data-speed="3000" data-to="250">250</span>
                            </div>
                            <i class="fa fa-coffee fa-3x"></i>
                            <h3>Copos de Café</h3>
                        </div>
                    </div>
                    <!-- end fourth count item -->
                    
                </div>         <!-- end row -->
            </div>       <!-- end container -->
        </section>   <!-- end section -->
        
        
        <!-- Start Services Section
        ==================================== -->
        
        <section id="services" class="bg-one">
            <div class="container">
                <div class="row">
                    
                    <!-- section title -->
                    <div class="title text-center wow fadeIn" data-wow-duration="500ms">
                        <h2><span class="color">Serviços</span></h2>
                        <div class="border"></div>
                    </div>
                    <!-- /section title -->
                    
                    <!-- Single Service Item -->
                    <article class="col-md-4 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms">
                        <div class="service-block text-center">
                            <div class="service-icon text-center">
                                <i class="fa fa-pencil fa-5x" aria-hidden="true"></i>
                            </div>
                            <h3>Design Gráfico</h3>
                            <p>Atraia mais consumidores! Invista na qualidade dos seus materiais gráficos, seja cartão de visita ou flyer, temos a melhor estratégia.</p>
                        </div>
                    </article>
                    <!-- End Single Service Item -->
                    
                    <!-- Single Service Item -->
                    <article class="col-md-4 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="200ms">
                        <div class="service-block text-center">
                            <div class="service-icon text-center">
                            <i class="fa fa-pencil-square-o fa-5x" aria-hidden="true"></i>
                            </div>
                            <h3>Branding</h3>
                            <p>Da concepção à estratégia de marketing, tornamos sua marca mais conhecida e desejada pelos clientes.</p>
                        </div>
                    </article>
                    <!-- End Single Service Item -->
                    
                    <!-- Single Service Item -->
                    <article class="col-md-4 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="400ms">
                        <div class="service-block text-center">
                            <div class="service-icon text-center">
                                <i class="fa fa-desktop fa-5x"></i>
                            </div>
                            <h3>Web Design</h3>
                            <p>Desenvolvimento e criação de layouts, banners, <br>e-mail mkt e sites. Conquiste seus clientes com o melhor que sua empresa tem a oferecer.</p>
                        </div>
                    </article>
                    <!-- End Single Service Item -->
                    
                    <!-- Single Service Item -->
                    <article class="col-md-4 col-sm-6 col-xs-12 wow fadeInDown" data-wow-duration="500ms" data-wow-delay="200ms">
                        <div class="service-block text-center">
                            <div class="service-icon text-center">
                                <i class="fa fa-file-powerpoint-o fa-5x" aria-hidden="true"></i>
                            </div>
                            <h3>Apresentação</h3>
                            <p>Criação de apresentações dinâmicas, criativas e empolgantes. Tudo o que você precisa para transmitir uma mensagem de sucesso.</p>
                        </div>
                    </article>
                    <!-- End Single Service Item -->
                    
                    <!-- Single Service Item -->
                    <article class="col-md-4 col-sm-6 col-xs-12 wow fadeInDown" data-wow-duration="500ms" data-wow-delay="400ms">
                        <div class="service-block text-center">
                            <div class="service-icon text-center">
                                <i class="fa fa-table fa-5x" aria-hidden="true"></i>
                            </div>
                            <h3>Editoração</h3>
                            <p>Editoração e diagramação. Gerenciamento da produção de publicações  tais como livros, textos, revistas e jornais.</p>
                        </div>
                    </article>
                    <!-- End Single Service Item -->
                    
                    <!-- Single Service Item -->
                    <article class="col-md-4 col-sm-6 col-xs-12 wow fadeInDown" data-wow-duration="500ms" data-wow-delay="600ms">
                        <div class="service-block text-center kill-margin-bottom">
                            <div class="service-icon text-center">
                                <i class="fa fa-play fa-5x"></i>
                            </div>
                            <h3>Motion Design</h3>
                            <p>Damos movimentos em grafismos, textos, ícones, imagens para deixar o seu material muito mais dinâmico e atrativo.</p>
                        </div>
                    </article>
                    <!-- End Single Service Item -->
                        
                </div>         <!-- End row -->
            </div>       <!-- End container -->
        </section>   <!-- End section -->
        
        
        <!--  Portfolio Section
        =========================================== -->
        
        <section id="showcase">
            <div class="container">
                <div class="row wow fadeInDown" data-wow-duration="500ms">
                    <div class="col-lg-12">
                    
                        <!-- section title -->
                        <div class="title text-center">
                            <h2><span class="color">Portfólio</span></h2>
                            <div class="border"></div>
                        </div>
                        <h3><center>Seleção de alguns dos meus trabalhos!</center></h3>
                        <br> 
                        <br>
                        
                        <!-- /section title -->
                    
                        <!-- portfolio item filtering -->
                        <div class="portfolio-filter clearfix">
                            <ul class="text-center">
                                <li><a href="javascript:void(0)" class="filter" data-filter="all">Todos</a></li>
                                <li><a href="javascript:void(0)" class="filter" data-filter=".app">Logotipo</a></li>
                                <li><a href="javascript:void(0)" class="filter" data-filter=".web">Impresso</a></li>
                                <li><a href="javascript:void(0)" class="filter" data-filter=".photoshop">Web Design</a></li>
                                <li><a href="javascript:void(0)" class="filter" data-filter=".illustrator">Apresentação</a></li>
                            </ul>
                        </div>
                        <!-- /portfolio item filtering -->
                        
                    </div> <!-- /end col-lg-12 -->
                </div> <!-- end row -->
            </div>    <!-- end container -->
    
            <!-- portfolio items -->
            <div class="portfolio-item-wrapper wow fadeInUp" data-wow-duration="500ms">
                <ul id="og-grid" class="og-grid">
                
                    <!-- single portfolio item -->    
                    <li class="mix app">
                        <a href="http://haillavieira.com/barbearia-top-five.html" data-largesrc="img/portfolio/portx1.jpg"  data-title="Barbearia Top Five (Logotipo + Materiais de divulgação)" data-description="Logotipo desenvolvido para barbearia. Clique no link abaixo para ver mais trabalhos." target="_blank">
                            <img src="img/portfolio/portx1.jpg" alt="Hailla">
                            <div class="hover-mask">
                                <h3>Barbearia Top Five</h3>
                                <span>
                              <i class="fa fa-plus fa-2x"></i>
                                </span>
                            </div>
                        </a>
                    </li>
                    <!-- /single portfolio item -->
                    
                    <!-- single portfolio item -->
                    <li class="mix web">
                        <a href="http://haillavieira.com/multiplug.html" data-largesrc="img/portfolio/portx13.jpg" data-title="Multiplug (Cartão de Visita + Flyer + Embalagem)" data-description="Em destaque layout de Cartão de visita desenvolvido para a empresa Multiplug. Clique no link abaixo para ver mais trabalhos." target="_blank">
                            <img src="img/portfolio/portx13.jpg" alt="Hailla">
                            <div class="hover-mask">
                                <h3>Multiplug</h3>                                
                                <span>
                                    <i class="fa fa-plus fa-2x"></i>
                                </span>
                                <br>
                                   </div>
                        </a>
                    </li>
                    <!-- /single portfolio item -->

                    
                    <!-- single portfolio item -->
                    <li class="mix photoshop">
                        <a href="javascript:void(0)" data-largesrc="img/portfolio/portx8.jpg" data-title="CONARH (E-mail Marketing)" data-description="E-mail Marketing desenvolvido para CONARH 2015. Trabalho feito na empresa SG Consult. Clique no link abaixo para ver mais trabalhos.">
                            <img src="img/portfolio/portx8.jpg" alt="Hailla">
                            <div class="hover-mask">
                                <h3>CONARH</h3>
                                <span>
                                    <i class="fa fa-plus fa-2x"></i>
                                </span>
                            </div>
                        </a>
                    </li>
                    <!-- /single portfolio item -->
                    
                    <!-- single portfolio item -->
                    <li class="mix illustrator">
                        <a href="http://haillavieira.com/technos.html" data-largesrc="img/portfolio/portx11.jpg" data-title="Technos (Apresentação)" data-description="Criação e desenvolvimento da apresentação de treinamento para a empresa SG Consult. Clique no link abaixo para ver mais trabalhos." target="_blank">
                            <img src="img/portfolio/portx11.jpg" alt="Hailla">
                            <div class="hover-mask">
                                <h3>Technos</h3>
                                <span>
                                    <i class="fa fa-plus fa-2x"></i>
                                </span>
                            </div>
                        </a>
                    </li>
                    <!-- /single portfolio item -->
                    
                    <!-- single portfolio item -->
                    <li class="mix app">
                        <a href="javascript:void(0)" data-largesrc="img/portfolio/portx2.jpg" data-title="It'shirTx (Logo)" data-description="Logotipo para loja e-commerce de camisetas customizadas.">
                            <img src="img/portfolio/portx2.jpg" alt="Hailla">
                            <div class="hover-mask">
                                <h3>It'shirTx</h3>
                                <span>
                                    <i class="fa fa-plus fa-2x"></i>
                                </span>
                            </div>
                        </a>
                    </li>
                    <!-- /single portfolio item -->
                    
                    
                    
                    <!-- single portfolio item -->
                    <li class="mix web">
                        <a href="javascript:void(0)" data-largesrc="img/portfolio/portx6.jpg" data-title="Kienzle-Haller (Catálogo)" data-description="Catálogo desenvolvido para divulgação de produtos.">
                            <img src="img/portfolio/portx6.jpg" alt="Hailla">
                            <div class="hover-mask">
                                <h3>Kienzle-Haller</h3>
                                <span>
                                    <i class="fa fa-plus fa-2x"></i>
                                </span>
                            </div>    
                        </a>
                    </li>
                    <!-- /single portfolio item -->
                    
                    <!-- single portfolio item -->
                    <li class="mix photoshop">
                        <a href="javascript:void(0)" data-largesrc="img/portfolio/portx9.jpg" data-title="Varal Digital (Hot Site)" data-description="Hot Site desenvolvido para trabalho de TCC.">
                            <img src="img/portfolio/portx9.jpg" alt="Hailla">
                            <div class="hover-mask">
                                <h3>Varal Digital</h3>
                                <span>
                                    <i class="fa fa-plus fa-2x"></i>
                                </span>
                            </div>
                        </a>
                    </li>
                    <!-- /single portfolio item -->
                    
                    <!-- single portfolio item -->
                    <li class="mix photoshop">
                        <a href="http://haillavieira.com/boutique.html" data-largesrc="img/portfolio/portx10.jpg" data-title="Boutique da Construção (Logo + Layout E-commerce)" data-description="Logotipo e layout de site desenvolvido para loja virtual de materiais de construção. Clique no link abaixo para ver outros materiais.">
                            <img src="img/portfolio/portx10.jpg" alt="Hailla">
                            <div class="hover-mask">
                                <h3>Boutique da Construção</h3>
                                <span>
                                    <i class="fa fa-plus fa-2x"></i>
                                </span>
                            </div>
                        </a>
                    </li>
                    <!-- /single portfolio item -->
                    
                    <!-- single portfolio item -->
                    <li class="mix illustrator">
                        <a href="http://haillavieira.com/design-instrucional.html" data-largesrc="img/portfolio/portx14.jpg" data-title="Design Instrucional (Logo + Materiais divulgação)" data-description="Criação de layout para apresentação de treinamento  desenvolvido pela empresa SG Consult. Desenvolvimento em 2017. Clique no link abaixo para ver outros materiais.">
                            <img src="img/portfolio/portx14.jpg" alt="Hailla">
                            <div class="hover-mask">
                                <h3>Design Instrucional</h3>
                                <span>
                                    <i class="fa fa-plus fa-2x"></i>
                                </span>
                            </div>    
                        </a>
                    </li>
                    <!-- /single portfolio item -->
                    
                    <!-- single portfolio item -->
                    <li class="mix web">
                        <a href="http://haillavieira.com/cbtd.html" data-largesrc="img/portfolio/portx7.jpg" data-title="CBTD 2016 (Flyer + Stand)" data-description="Flyer desenvolvido para divulgação de ferramenta e venda de produto de treinamento. Material desenvolvido para empresa SG Consult, 2016. Clique no link abaixo para ver outros materiais.">
                            <img src="img/portfolio/portx7.jpg" alt="Hailla">
                            <div class="hover-mask">
                                <h3>CBTD</h3>
                                <span>
                                    <i class="fa fa-plus fa-2x"></i>
                                </span>
                            </div>
                        </a>
                    </li>
                    <!-- /single portfolio item -->
                    
                        <!-- single portfolio item -->
                    <li class="mix app">
                        <a href="http://haillavieira.com/coaching.html" data-largesrc="img/portfolio/portx4.jpg" data-title="Coaching de Performance (Logo)" data-description="Marca criada para produto de treinamento.  Clique no link abaixo para ver outros materiais.">
                            <img src="img/portfolio/portx4.jpg" alt="Hailla">
                            <div class="hover-mask">
                                <h3>Coaching de Performance</h3>
                                <span>
                                    <i class="fa fa-plus fa-2x"></i>
                                </span>
                            </div>    
                        </a>
                    </li>
                    <!-- /single portfolio item -->
                    
                        <!-- single portfolio item -->
                    <li class="mix app">
                        <a href="http://haillavieira.com/barbearia-will.html" target="_blank" data-largesrc="img/portfolio/portx3.jpg" data-title="Barbearia do Will (Logo + Cartão de Visita)" data-description="Logotipo criado para barbearia. Trabalho desenvolvido em 2016. Clique no link abaixo para ver outros materiais.">
                            <img src="img/portfolio/portx3.jpg" alt="Hailla">
                            <div class="hover-mask">
                                <h3>Barbearia do Will</h3>
                                <span>
                                    <i class="fa fa-plus fa-2x"></i>
                                </span>
                            </div>    
                        </a>
                    </li>
                    <!-- /single portfolio item -->
                                        <!-- single portfolio item -->
                    <li class="mix web">
                        <a href="http://haillavieira.com/ipiranga.html" data-largesrc="img/portfolio/portx22.jpg" data-title="Ipiranga (Tabuleiro)" data-description="Tabuleiro para treinamento de consultoria.  Clique no link abaixo para ver outros materiais.">
                            <img src="img/portfolio/portx22.jpg" alt="Hailla">
                            <div class="hover-mask">
                                <h3>Ipiranga</h3>
                                <span>
                                    <i class="fa fa-plus fa-2x"></i>
                                </span>
                            </div>
                        </a>
                    </li>
                    <!-- /single portfolio item -->
                    
                    <!-- single portfolio item -->
                    <li class="mix illustrator">
                        <a href="http://haillavieira.com/99taxi.html" data-largesrc="img/portfolio/portx24.jpg" data-title="Teste 99 Táxi (Apresentação)" data-description="Criação de Apresentação para teste da empresa Casulo. Desenvolvimento em 2017. Clique no link abaixo para ver outros materiais.">
                            <img src="img/portfolio/portx24.jpg" alt="Hailla">
                            <div class="hover-mask">
                                <h3>99 Táxi</h3>
                                <span>
                                    <i class="fa fa-plus fa-2x"></i>
                                </span>
                            </div>
                        </a>
                    </li>
                    <!-- /single portfolio item -->
                    
                    <!-- single portfolio item -->
                    <li class="mix illustrator">
                        <a href="http://haillavieira.com/king.html" data-largesrc="img/portfolio/portx23.jpg" data-title="Teste King (Apresentação)" data-description="Criação de Apresentação para teste da empresa King. Desenvolvimento em 2017. Clique no link abaixo para ver outros materiais.">
                            <img src="img/portfolio/portx23.jpg" alt="Hailla">
                            <div class="hover-mask">
                                <h3>King</h3>
                                <span>
                                    <i class="fa fa-plus fa-2x"></i>
                                </span>
                            </div>    
                        </a>
                    </li>
                    <!-- /single portfolio item -->
                    
                    <!-- single portfolio item -->
                    <li class="mix web">
                        <a href="http://haillavieira.com/elgin.html" data-largesrc="img/portfolio/portx7.jpg" data-title="Elgin (Cubo + Anúncio)" data-description="Cubo desenvolvido para teste da empresa ELgin. Clique no link abaixo para ver outros materiais.">
                            <img src="img/portfolio/portx21.jpg" alt="Hailla">
                            <div class="hover-mask">
                                <h3>Elgin</h3>
                                <span>
                                    <i class="fa fa-plus fa-2x"></i>
                                </span>
                            </div>
                        </a>
                    </li>
                    <!-- /single portfolio item -->
                    
                        <!-- single portfolio item -->
                    <li class="mix app">
                        <a href="http://haillavieira.com/yogoodies.html" data-largesrc="img/portfolio/yogo.jpg" data-title="Yogoodies (Logo)" data-description="Marca criada para loja de frozen.">
                            <img src="img/portfolio/yogo.jpg" alt="Hailla">
                            <div class="hover-mask">
                                <h3>Yogoodies</h3>
                                <span>
                                    <i class="fa fa-plus fa-2x"></i>
                                </span>
                            </div>    
                        </a>
                    </li>
                    <!-- /single portfolio item -->
                    
                        <!-- single portfolio item -->
                    <li class="mix app">
                        <a href="http://haillavieira.com/yogoodies.html" target="_blank" data-largesrc="img/portfolio/portx20.jpg" data-title="Saloon Mademoiselle (Logo)" data-description="Logotipo criado para salão de cabelereiro. Clique no link abaixo para ver outros materiais.">
                            <img src="img/portfolio/portx20.jpg" alt="Hailla">
                            <div class="hover-mask">
                                <h3>Saloon Mademoiselle</h3>
                                <span>
                                    <i class="fa fa-plus fa-2x"></i>
                                </span>
                            </div>    
                        </a>
                    </li>
                    <!-- /single portfolio item -->
                    
                                        
                    
                                        
                </ul> <!-- end og grid -->
            </div>  <!-- portfolio items wrapper -->
            
        </section>   <!-- End section -->
        
               
       
        
        
        <!-- Habilidades
        =========================================== -->
        
        <section id="team-skills" class="parallax-section">
            <div class="container">
                <div class="row wow fadeInDown" data-wow-duration="500ms">
                
                    <!-- section title -->
                    <div class="title text-center">
                        <h2><span class="color">Habilidades</span></h2>
                        <div class="border"></div>
                    </div>
                    <!-- /section title -->
                    
                    <!-- skill set -->
                    <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms">
                        <div class="skill-chart text-center">
                            <span class="chart" data-percent="80">
                                <span class="percent"></span>
                            </span>
                            <h3><i class="fa fa-photoshop"></i> Photoshop</h3>
                        </div>
                    </div>
                    
                    <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="200ms">
                        <div class="skill-chart text-center">
                            <span class="chart" data-percent="90">
                                <span class="percent">86</span>
                            </span>
                            <h3><i class="fa fa-illustrator"></i> Illustrator</h3>
                                                    </div>
                    </div>
                    <!-- end skill set -->
                    
                    <!-- skill set -->
                    <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="400ms">
                        <div class="skill-chart text-center">
                            <span class="chart" data-percent="75">
                                <span class="percent"></span>
                            </span>
                            <h3><i class="fa fa-html5"></i> HTML</h3>
                                                    </div>
                    </div>
                    <!-- end skill set -->
                    
                    <!-- skill set -->
                    <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="600ms">
                        <div class="skill-chart text-center">
                            <span class="chart" data-percent="85">
                                <span class="percent"></span>
                            </span>
                            <h3><i class="fa fa-file-powerpoint-o"></i> Power Point</h3>
                                                    </div>
                    </div>
                                        
                </div>          <!-- End row -->
            </div>       <!-- End container -->
        </section>   <!-- End section -->
        
        <!-- Clientes
        =========================================== -->
        
        <section id="our-team">
            <div class="container">
                <div class="row">
                
                    <!-- section title -->
                    <div class="title text-center wow fadeInUp" data-wow-duration="500ms">
                        <h2>Alguns <span class="color">Clientes</span></h2>
                        <div class="border"></div>
                    </div>
                    <!-- /section title -->
                    
                    <!-- team member -->
                    <div class="col-md-3 col-sm-6 wow fadeInDown" data-wow-duration="500ms">
                       <article class="team-mate">
                            <div class="member-photo">
                                <!-- member photo -->
                                <img class="img-responsive" src="img/clientes/client-1.jpg" alt="Meghna">
                                <!-- /member photo -->
                                
                                <!-- member social profile -->
                        
                                </div>
                            
                             </article>
                    </div>
                    <!-- end team member -->
                    
                    <!-- team member -->
                    <div class="col-md-3 col-sm-6 wow fadeInDown" data-wow-duration="500ms" data-wow-delay="200ms">
                       <article class="team-mate">
                            <div class="member-photo">
                                <!-- member photo -->
                                <img class="img-responsive" src="img/clientes/client-2.jpg" alt="Meghna">
                                <!-- /member photo -->
                                
                                <!-- member social profile -->
                            
                                <!-- /member social profile -->
                            </div>
                            
                            </article>
                    </div>
                    <!-- end team member -->
                    
                    <!-- team member -->
                    <div class="col-md-3 col-sm-6 wow fadeInDown" data-wow-duration="500ms" data-wow-delay="400ms">
                       <article class="team-mate">
                            <div class="member-photo">
                                <!-- member photo -->
                                <img class="img-responsive" src="img/clientes/client-3.jpg" alt="Meghna">
                                <!-- /member photo -->
                                
                                <!-- member social profile -->
                            
                                
                            </div>
                            
                            </article>
                    </div>
                    <!-- end team member -->
                    
                    <!-- team member -->
                    <div class="col-md-3 col-sm-6 wow fadeInDown" data-wow-duration="500ms" data-wow-delay="600ms">
                       <article class="team-mate kill-margin-bottom">
                       <div class="member-photo">
                                <!-- member photo -->
                                <img class="img-responsive" src="img/clientes/client-4.jpg" alt="Meghna">
                                <!-- /member photo -->
                                
                                <!-- member social profile -->
                                
                                </div>
                                </article>
                    </div>
                    <!-- end team member -->
                    
                </div>      <!-- End row -->
            </div>       <!-- End container -->
        </section>   <!-- End section -->
        
        <!-- Depoimentos
        =========================================== -->
        
        <section id="testimonial" class="parallax-section">
            <div class="container">
                <div class="row">                
                    <div class="col-lg-12">
                    
                        <!-- section title -->
                        <div class="sub-title text-center wow fadeInDown" data-wow-duration="500ms">
                            <h3>Depoimentos</h3>
                        </div>
                        <!-- /section title -->

                        <!-- testimonial wrapper -->
                        <div id="testimonials" class="wow fadeInUp" data-wow-duration="500ms" data-wow-delay="100ms">
                        
                            <!-- testimonial single -->
                            <div class="item text-center">
                                
                                <!-- client photo -->
                                <div class="client-thumb">
                                    <img src="img/team/client.jpg" class="img-responsive" alt="Meghna">
                                </div>
                                <!-- /client photo -->
                                
                                <!-- client info -->
                                <div class="client-info">
                                    <div class="client-meta">
                                        <h3>Willian Neves - Barbearia do WIll</h3>
                                        <span>Agosto, 2016</span>
                                    </div>
                                    <div class="client-comment">
                                        <p>Quero agradecer pelo belo trabalho feito pela designer Hailla no logotipo criado para a minha empresa, além de ter entregue antes do previsto. Agradeço por alanvancar meus negócios. Recomendo a todos!</p>
                                        <ul class="social-profile">
                                        <li><a href="http://barbeariadowill.webnode.com/"><i class="fa fa-plus-square" target="_blank"></i></a></li>
                                            </ul>
                                    </div>
                                </div>
                                <!-- /client info -->
                            </div>
                            <!-- /testimonial single -->
                        
                            <!-- testimonial single -->
                            <div class="item text-center">                                
                                                    
                            <!-- testimonial single -->
                            <div class="item text-center">
                                
                                <!-- client photo -->
                                <div class="client-thumb">
                                    <img src="img/team/client-2.jpg" class="img-responsive" alt="Meghna">
                                </div>
                                <!-- /client photo -->
                                
                                <!-- client info -->
                                <div class="client-info">
                                    <div class="client-meta">
                                        <h3>Héber Camargo - Top Five</h3>
                                        <span>Setembro, 2017</span>
                                    </div>
                                    <div class="client-comment">
                                        <p>Solicitei um logotipo, cartão de visita e flyer para a designer Hailla Vieira e fiquei muito satisfeito com o profissionalismo e a atenção que me foi dado. O trabalho ficou exatamente do jeito que eu precisava! Hoje não me preocupo com mais nada, ela desenvolve o que precisamos para alavancar mais ainda nossos negócios.</p>
                                        <ul class="social-profile">
                                            <li><a href="https://www.facebook.com/TopFiveBarbearia.oficial/" target="_blank"><i class="fa fa-facebook-square fa-lg"></i></a></li>
                                            <li><a href="https://www.instagram.com/barbeariatopfive/" target="_blank"><i class="fa fa-instagram-square fa-lg"></i></a></li>
                                            </ul>
                                    </div>
                                </div>
                                <!-- /client info -->
                            </div>
                            <!-- /testimonial single -->
                            
                            
                            
                        </div>        <!-- end testimonial wrapper -->
                    </div>         <!-- end col lg 12 -->
                </div>        <!-- End row -->
            </div>       <!-- End container -->
        </div></section>    <!-- End Section -->
        
        
        
        <!-- Contato
        =========================================== -->        
        <section id="contact-us">
            <div class="container">
                <div class="row">
                    
                    <!-- section title -->
                    <div class="title text-center wow fadeIn" data-wow-duration="500ms">
                        <h2><span class="color">Contato</span></h2>
                        <div class="border"></div>
                    </div>
                    <!-- /section title -->
                    
                    <!-- Contact Details -->
                    
                        <h3><center>Precisa de um orçamento para o seu projeto?</center></h3>
                        <p><center>Envie um e-mail com um resumo das suas ideias e vamos conversar! </br></br><i class="fa fa-home fa-lg"></i> &nbsp; &nbsp; São Paulo - Brasil </center></p>
                        
                            <center><p><i class="fa fa-phone fa-lg"></i> &nbsp; &nbsp; Telefone: 55 11 99839 0640 </p></center>
                            <center><p><i class="fa fa-envelope fa-lg"></i> &nbsp; &nbsp; Email: hv@haillavieira.com </p></center>
                                
                            
                            
                        </div>
                    </div>
                    
                   </section>
                   </br>
                   </br>
                    
                    <!-- / End Contact Details -->
                        
                    
        <!-- end Contact Area
        ========================================== -->
        
        <footer id="footer" class="bg-one">
            <div class="container">
                <div class="row wow fadeInUp" data-wow-duration="500ms">
                    <div class="col-lg-12">
                        
                        <!-- Footer Social Links -->
                        <div class="social-icon">
                            <ul>
                                <li><a href="https://www.facebook.com/haillavieiradesigner/" target="_blank"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="https://www.instagram.com/hailla.graphicdesigner/" target="_blank"><i class="fa fa-instagram"></i></a></li>
                                <li><a href="https://www.twitter.com" target="_blank"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="https://plus.google.com/u/1/113883283435098677104" target="_blank"><i class="fa fa-google-plus"></i></a></li>
                                <li><a href="https://www.youtube.com/channel/UCDipNki6kMOxaj4plY9-SBg" target="_blank"><i class="fa fa-youtube"></i></a></li>
                                <li><a href="https://www.linkedin.com/in/haillavieira/" target="_blank"><i class="fa fa-linkedin"></i></a></li>
                                <li><a href="skype:hailla.vieira?chat" target="_blank"><i class="fa fa-skype"></i></a></li>
                                </ul>
                        </div>
                        <!--/. End Footer Social Links -->

                        <!-- copyright -->
                        <div class="copyright text-center">
                                                        <br />
                            
                            <p>Hailla Vieira - Designer. Copyright &copy; 2017. Todos os direitos reservados.</p>
                        </div>
                        <!-- /copyright -->
                        
                    </div> <!-- end col lg 12 -->
                </div> <!-- end row -->
            </div> <!-- end container -->
        </footer> <!-- end footer -->
        
        <!-- Back to Top
        ============================== -->
        <a href="javascript:;" id="scrollUp">
            <i class="fa fa-angle-up fa-2x"></i>
        </a>
        
        <!-- end Footer Area
        ========================================== -->
        
        <!-- 
        Essential Scripts
        =====================================-->
        
        <!-- Main jQuery -->
        <script src="js/jquery-1.11.0.min.js"></script>
        <!-- Bootstrap 3.1 -->
        <script src="js/bootstrap.min.js"></script>
        <!-- Slitslider -->
        <script src="js/jquery.slitslider.js"></script>
        <script src="js/jquery.ba-cond.min.js"></script>
        <!-- Parallax -->
        <script src="js/jquery.parallax-1.1.3.js"></script>
        <!-- Owl Carousel -->
        <script src="js/owl.carousel.min.js"></script>
        <!-- Portfolio Filtering -->
        <script src="js/jquery.mixitup.min.js"></script>
        <!-- Custom Scrollbar -->
        <script src="js/jquery.nicescroll.min.js"></script>
        <!-- Jappear js -->
        <script src="js/jquery.appear.js"></script>
        <!-- Pie Chart -->
        <script src="js/easyPieChart.js"></script>
        <!-- jQuery Easing -->
        <script src="js/jquery.easing-1.3.pack.js"></script>
        <!-- tweetie.min -->
        <script src="js/tweetie.min.js"></script>
        <!-- Google Map API -->
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
        <!-- Highlight menu item -->
        <script src="js/jquery.nav.js"></script>
        <!-- Sticky Nav -->
        <script src="js/jquery.sticky.js"></script>
        <!-- Number Counter Script -->
        <script src="js/jquery.countTo.js"></script>
        <!-- wow.min Script -->
        <script src="js/wow.min.js"></script>
        <!-- For video responsive -->
        <script src="js/jquery.fitvids.js"></script>
        <!-- Grid js -->
        <script src="js/grid.js"></script>
        <!-- Custom js -->
        <script src="js/custom.js"></script>

    </body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por Jack Oliveira
      Ola estou fazendo um instalador de banco de dados 
       
      em parte funciona  
       
      Mas quando uso o
      <<<HTML
       
      HTML;
       
      Ele fica com estas informações no top
       
      7.4 ao 8.38.0.28512MOnOnOnOffOffOnOffOffOnOnOnOnOnprogress-bar-success
       
      <?php $MeuHtml = <<<HTML <!DOCTYPE html> <html> <head><meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Instalação {$autor}</title> <link rel="icon" href="{$urlApi}api/allinstall/assets/icone.png?v={$versao}" sizes="32x32"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <link rel="stylesheet" href="{$urlApi}api/allinstall/assets/css/app.css?v={$versao}"> <style type="text/css"> .license { background-color: #FFF; height: 400px; width: 100%; margin: 10px; } .form-control{ margin-bottom: 5px; } #primary{background: #FF6403} .paper-card{background: #272c33} .card{background: none;} .sw-theme-circles>ul.step-anchor:before{background-color: #30363d} .sw-theme-circles>ul.step-anchor>li>a{border: 3px solid #30363d} .sw-theme-circles>ul.step-anchor>li>a{background: #f5f5f5; min-width: 50px; height: 50px; text-align: center; -webkit-box-shadow: inset 0 0 0 3px #fff!important; box-shadow: inset 0 0 0 3px #fff!important; text-decoration: none; outline-style: none; z-index: 99; color: #999; background: #fff; line-height: 2; font-weight: bold;} .sw-theme-circles>ul.step-anchor>li{margin-left: 15%;} .card-header{border-bottom: 0} .table-striped tbody tr:nth-of-type(odd){background-color: #30363d;} .table-bordered{border: 1px solid #30363d;} .table-bordered td, .table-bordered th { border: 1px solid #30363d; } </style> </head> <body class="light loaded"> <div id="app"> <main> <div id="primary" class="p-t-b-100 height-full"> <div class="container"> <div class="row"> <div class="col-lg-8 mx-md-auto paper-card"> <div class="text-center"> <img class="img-responsive" src="{$urlApi}api/allinstall/assets/{$imagem}?v={$versao}"> <p><strong><H3>Instalação {$projeto} | V: {$versao}</H3></strong></p> </div> HTML; if (!isset($_GET['step']) || $_GET['step'] == '1') { $MeuHtml .= <<<HTML <div class="card no-b"> <div class="card-header pb-0"> <div class="stepper sw-main sw-theme-circles" id="smartwizard" data-options='{ "theme":"sw-theme-circles", "transitionEffect":"fade" }'> <ul class="nav step-anchor"> <li><a href="#step-1y">1</a></li> <li><a href="#step-2y">2</a></li> <li><a href="#step-3y">3</a></li> <li><a href="#step-4y">4</a></li> </ul> </div> </div> <div class="card-body"> <h6><b>Configurações do Servidor</b></h6><br> <table class="table table-condensed table-bordered table-striped"> <tr> <th>Função / Extensão</th> <th>Config. Necessária</th> <th>Config. Atual</th> <th width="50px">Status</th> </tr> <tr> <td>Versão do PHP</td> <td> HTML; echo $php7. ' ao '.$php8; $MeuHtml .= <<<HTML </td> <td> HTML; echo phpversion(); $MeuHtml .= <<<HTML </td> <td> HTML; if(phpversion() >= $php7 && phpversion() <= $php8) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> HTML; $MeuHtml .= <<<HTML <tr> <td>Memória do PHP</td> <td>128MB</td> <td> HTML; echo $mem = ini_get('memory_limit'); $MeuHtml .= <<<HTML </td> <td> HTML; if($mem >= 128) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> <tr> <td>cURL</td> <td>On</td> <td> HTML; if(function_exists('curl_init')) { echo 'On'; } else { echo 'Off'; } $MeuHtml .= <<<HTML </td> <td> HTML; if(function_exists('curl_init')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> <tr> <td>Allow URL fopen</td> <td>On</td> <td> HTML; if(ini_get('allow_url_fopen')) { echo 'On'; } else { echo 'Off'; } $MeuHtml .= <<<HTML </td> <td> HTML; if(ini_get('allow_url_fopen')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> <tr> <td>File Get Contents</td> <td>On</td> <td> HTML; if(function_exists('file_get_contents')) { echo 'On'; } else { echo 'Off'; } $MeuHtml .= <<<HTML </td> <td> HTML; if(function_exists('file_get_contents')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> <tr> <td>Sessão Auto Start</td> <td>Off</td> <td> HTML; if(ini_get('session_auto_start')) { echo 'On'; } else { echo 'Off'; } $MeuHtml .= <<<HTML </td> <td> HTML; if(!ini_get('session_auto_start')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> <tr> <td>Safe Mode</td> <td>Off</td> <td> HTML; if(ini_get('safe_mode')) { echo 'On'; } else { echo 'Off'; } $MeuHtml .= <<<HTML </td> <td> HTML; if(!ini_get('safe_mode')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> <tr> <td>Short Open Tags</td> <td>On</td> <td> HTML; if(ini_get('short_open_tag')) { echo 'On'; } else { echo 'Off'; } $MeuHtml .= <<<HTML </td> <td> HTML; if(ini_get('short_open_tag')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> <tr> <td>Magic Quotes GPC</td> <td>Off</td> <td> HTML; if(ini_get('magic_quotes_gpc')) { echo 'On'; } else { echo 'Off'; } $MeuHtml .= <<<HTML </td> <td> HTML; if(!ini_get('magic_quotes_gpc')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> <tr> <td>Register Globals</td> <td>Off</td> <td> HTML; if(ini_get('register_globals')) { echo 'On'; } else { echo 'Off'; } $MeuHtml .= <<<HTML </td> <td> HTML; if(!ini_get('register_globals')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> <tr> <td>PHPMail</td> <td>On</td> <td> HTML; if(function_exists('mail')) { echo 'On'; } else { echo 'Off'; } $MeuHtml .= <<<HTML </td> <td> HTML; if(function_exists('mail')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { $i = $i + 1; echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> <tr> <td>MySQLi</td> <td>On</td> <td> HTML; if(extension_loaded('mysqli')) { echo 'On'; } else { echo 'Off'; } $MeuHtml .= <<<HTML </td> <td> HTML; if(extension_loaded('mysqli')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> <tr> <td>ZIP</td> <td>On</td> <td> HTML; if(extension_loaded('zip')) { echo 'On'; } else { echo 'Off'; } $MeuHtml .= <<<HTML </td> <td> HTML; if(extension_loaded('zip')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> <tr> <td>MBString</td> <td>On</td> <td> HTML; if(extension_loaded('mbstring')) { echo 'On'; } else { echo 'Off'; } $MeuHtml .= <<<HTML </td> <td> HTML; if(extension_loaded('mbstring')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> <tr> <td>XML</td> <td>On</td> <td> HTML; if(extension_loaded('libxml')) { echo 'On'; } else { echo 'Off'; } $MeuHtml .= <<<HTML </td> <td> HTML; if(extension_loaded('libxml')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> </table> <hr> <h6><b>Diretórios e Permissões de Arquivos</b></h6><br> <table class="table table-condensed table-bordered table-striped"> <tr> <th>Diretório</th> <th style="width: 40px">Status</th> </tr> <tr> <td>database</td> <td> HTML; if(is_writable('database')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> </table> <hr> <h6><b>Pontuação / Compatibilidade</b></h6><br> <div class="progress"> <div class="progress-bar progress-bar-striped progress-bar-animated HTML; echo ProgressBar(substr(VerificaPontuacao($i,'16'),0,4)); $PontPorce = VerificaPontuacao($i,'16'); $pont100 = substr(VerificaPontuacao($i,'16'),0,4); $MeuHtml .= <<<HTML " role="progressbar" aria-valuemax="100" style="width: {$PontPorce}%;"> <strong>{$pont100} / 100</strong> </div> </div> <center> <br> <button class="btn btn-primary" onclick="document.location.href='{$URL}?step=1';">Verificar</button> <button class="btn btn-primary" onclick="document.location.href='{$URL}?step=2';">Próximo</button> </center> </div> </div> HTML; } elseif (isset($_GET['step']) && $_GET['step'] == '2') { $MeuHtml .= <<<HTML <div class="card no-b"> <div class="card-header pb-0"> <div class="stepper sw-main sw-theme-circles" id="smartwizard" data-options='{ "theme":"sw-theme-circles", "transitionEffect":"fade" }'> <ul class="nav step-anchor"> <li><a href="#step-1y">1</a></li> <li class="active"><a href="#step-2y">2</a></li> <li><a href="#step-3y">3</a></li> <li><a href="#step-4y">4</a></li> </ul> </div> </div> <div class="card-body "> <iframe src="{$urlApi}api/allinstall/termos.php{$Frame}" class="license" frameborder="0" scrolling="auto"></iframe> <form action="setup.php"> <input type="hidden" name="step" value="3"> <label><input type="checkbox" required=""> Sim, eu aceito</label> <center> <br> <a href="javascript:history.back()"><button class="btn btn-primary">Voltar</button></a> <button class="btn btn-primary" type="submit">Próximo</button> </center> </form> </div> </div> HTML; } elseif (isset($_GET['step']) && $_GET['step'] == '3') { $MeuHtml .= <<<HTML <div class="card no-b"> <div class="card-header pb-0"> <div class="stepper sw-main sw-theme-circles" id="smartwizard" data-options='{ "theme":"sw-theme-circles", "transitionEffect":"fade" }'> <ul class="nav step-anchor"> <li><a href="#step-1y">1</a></li> <li class="active"><a href="#step-2y">2</a></li> <li class="active"><a href="#step-3y">3</a></li> <li><a href="#step-4y">4</a></li> </ul> </div> </div> <div class="card-body"> <form method="post" action="?InstallDB"> <h6><b>1. MySQL - Configuração do Banco de Dados</b></h6><hr> <div class="form-group row"> <label class="col-sm-3 control-label">MySQL Host:</label> <div class="col-sm-9"> <input class="form-control" name="dbhost" value="localhost" required> </div> </div> <div class="form-group row"> <label class="col-sm-3 control-label">Usuário MySQL:</label> <div class="col-sm-9"> <input class="form-control" name="dbuser" required> </div> </div> <div class="form-group row"> <label class="col-sm-3 control-label">Senha MySQL:</label> <div class="col-sm-9"> <input class="form-control" name="dbpass"> </div> </div> <div class="form-group row"> <label class="col-sm-3 control-label">Nome do Banco MySQL:</label> <div class="col-sm-9"> <input class="form-control" name="dbname" required> </div> </div> <h6><b>2. Configuração Comum</b></h6><hr> <div class="form-group row"> <label class="col-sm-3 control-label">Nome do Site:</label> <div class="col-sm-9"> <input class="form-control" name="nomesite" required> </div> </div> <div class="form-group row"> <label class="col-sm-3 control-label">URL do Site:</label> <div class="col-sm-9"> <input class="form-control" name="urlsite" value="{$urlsite}" required> </div> </div> <div class="form-group row"> <label class="col-sm-3 control-label">URL de Instalação:</label> <div class="col-sm-9"> <input class="form-control" name="siteurl" value="{$siteurl}" required> </div> </div> <div class="form-group row"> <label class="col-sm-3 control-label">Extensão:</label> <div class="col-sm-9"> <select class="form-control" name="extensao" required> <option value=""> Selecionar Extensão </option> <option value="1"> MYSQLI </option> <option value="2"> PDO </option> </select> </div> </div> <div class="form-group row"> <label class="col-sm-3 control-label">Define TimeZone:</label> <div class="col-sm-9"> <select class="form-control" name="timezone" id="timezone"> HTML; foreach ($timezones as $timezone) : echo '<option value="'.$timezone.'" '.$timezone === $current_timezone ? 'selected' : ''.'> '.$timezone.' </option>'; endforeach; $MeuHtml .= <<<HTML </select> </div> </div> <div class="form-group row"> <label class="col-sm-3 control-label">E-mail:</label> <div class="col-sm-9"> <input class="form-control" name="email" required> <em>Mesmo e-mail cadastrado em nosso Site.</em> </div> </div> <h6><b>3. Configuração do Administrador</b></h6><hr> <div class="form-group row"> <label class="col-sm-3 control-label">Nome do Usuário:</label> <div class="col-sm-9"> <input class="form-control" name="usuario" required> </div> </div> <div class="form-group row"> <label class="col-sm-3 control-label">Login:</label> <div class="col-sm-9"> <input class="form-control" name="login" required> </div> </div> <div class="form-group row"> <label class="col-sm-3 control-label">Senha:</label> <div class="col-sm-9"> <input class="form-control" type="password" name="senha" required> </div> </div> <div class="form-group row"> <label class="col-sm-3 control-label">Senha[confimação]:</label> <div class="col-sm-9"> <input class="form-control" type="password" name="senhaconfirm" required> </div> </div> <center> <a class="btn btn-primary" href="javascript:history.back()">Voltar</a> <button class="btn btn-primary">Próximo</button> </center> </form> </div> </div> HTML; } elseif (isset($_GET['step']) && $_GET['step'] == '4') { $MeuHtml .= <<<HTML <div class="card no-b"> <div class="card-header pb-0"> <div class="stepper sw-main sw-theme-circles" id="smartwizard" data-options='{ "theme":"sw-theme-circles", "transitionEffect":"fade" }'> <ul class="nav step-anchor"> <li><a href="#step-1y">1</a></li> <li class="active"><a href="#step-2y">2</a></li> <li class="active"><a href="#step-3y">3</a></li> <li class="active"><a href="#step-4y">4</a></li> </ul> </div> </div> <div class="card-body"> <div> <h4><b>Instalação realizada com sucesso!</b></h4> <p>Agora você poderá utilizar o seu {$projeto}, em caso de dúvidas entre em contato com o suporte: <b>{$emailautor}</b></p> </div> <center> <form action="{$URL}?step=4" method="post"> <button type="submit" name="realizar_login" class="btn btn-primary">Realizar Login</button> </form> </center> </div> </div> HTML; } if (isset($_POST['realizar_login'])) { // Deletar os arquivos @unlink('setup.php'); @unlink($URL); @unlink('termos.php'); @unlink('database/BD.sql'); @unlink('controller/setup.php'); // Redirecionar para a página de login ou outra página desejada header('Location: login.php?finish'); exit; } $MeuHtml .= <<<HTML <div class="box-footer"> <center> Todos os Direitos Reservados {$autor} </center> </div> </div> </div> </div> </div> </main> </div> <script src="{$urlApi}api/allinstall/assets/js/app.js"></script> </body> </html> HTML; echo $MeuHtml;  
    • Por Jack Oliveira
      Ola pessoal, boa noite a todos
       
      Bom é o seguinte tenho um codigo html onde selecione um modelo de site para poder criar na base selecionada, ele criar ate então, mas ele esta pegando somente o index.html
      Mas quero que ele salva junto ao novo projeto o css, js, img, images, assets e fonts, quando faço os ajuste para que pega tudo isso ele me da erro ao salvar 
      Vou mostra parte do html onde faz a seleção dos modelos
       
      <!-- new page modal--> <div class="modal fade" id="new-page-modal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <form id="newPageForm" method="POST" action="save.php"> <div class="modal-content"> <div class="modal-header"> <h6 class="modal-title text-primary fw-normal"><i class="la la-lg la-file"></i> Nova página</h6> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"> </button> </div> <div class="modal-body text"> <div class="mb-3 row" data-key="type"> <label class="col-sm-3 col-form-label"> Modelo <abbr title="O conteúdo deste modelo será usado como ponto de partida para o novo modelo"> <i class="la la-lg la-question-circle text-primary"></i> </abbr> </label> <div class="col-sm-9 input"> <div> <select class="form-select" name="startTemplateUrl"> <option value="themes/modelo-branco/branco-template.html">Modelo em branco</option> <option value="themes/modelo1/index.html">Modelo 1 de L2</option> <option value="themes/modelo2/index.html">Modelo 3 de L2</option> <option value="themes/modelo3/index.html">Modelo 3 de L2 </option> </select> </div> </div> </div> <div class="mb-3 row" data-key="href"> <label class="col-sm-3 col-form-label">Nome da página</label> <div class="col-sm-9 input"> <div> <input name="title" type="text" value="Minha página" class="form-control" placeholder="Minha página" required> </div> </div> </div> <div class="mb-3 row" data-key="href"> <label class="col-sm-3 col-form-label">Nome do arquivo</label> <div class="col-sm-9 input"> <div> <input name="file" type="text" value="my-page.html" class="form-control" placeholder="index.html" required> </div> </div> </div> <div class="mb-3 row" data-key="href"> <label class="col-sm-3 col-form-label">Salvar na pasta</label> <div class="col-sm-9 input"> <div> <input name="folder" type="text" value="my-pages" class="form-control" placeholder="/" required> </div> </div> </div> </div> <div class="modal-footer"> <button class="btn btn-secondary btn-lg" type="reset" data-bs-dismiss="modal"><i class="la la-times"></i> Cancelar</button> <button class="btn btn-primary btn-lg" type="submit"><i class="la la-check"></i> Criar página</button> </div> </div> </form> </div> </div> A ideia aqui é salvar tudo que tiver depois do themes/demo1/
      quando ele salva so salva 
      my-pasta/index.html
      e quando for salva ele salva dentro de um pasta Projetos/MeuSite1
      Projetos/MeuSite2  e assim vai
      Este é o save.php
       
      <?php define('MAX_FILE_LIMIT', 1024 * 1024 * 2);//Tamanho máximo de arquivo HTML de 2 megabytes define('ALLOW_PHP', false);//verifique se o html salvo contém tag php e não salve se não for permitido define('ALLOWED_OEMBED_DOMAINS', [ 'https://www.youtube.com/', 'https://www.vimeo.com/', 'https://www.twitter.com/' ]);//carregar URLs apenas de sites permitidos para oembed function sanitizeFileName($file, $allowedExtension = 'html') { $basename = basename($file); $disallow = ['.htaccess', 'passwd']; if (in_array($basename, $disallow)) { showError('Nome de arquivo não permitido!'); return ''; } //sanitize, remova o ponto duplo .. e remova os parâmetros get, se houver $file = preg_replace('@\?.*$@' , '', preg_replace('@\.{2,}@' , '', preg_replace('@[^\/\\a-zA-Z0-9\-\._]@', '', $file))); if ($file) { $file = __DIR__ . DIRECTORY_SEPARATOR . $file; } else { return ''; } //permitir apenas extensão .html if ($allowedExtension) { $file = preg_replace('/\.[^.]+$/', '', $file) . ".$allowedExtension"; } return $file; } function showError($error) { header($_SERVER['SERVER_PROTOCOL'] . ' 500 Internal Server Error', true, 500); die($error); } function validOembedUrl($url) { foreach (ALLOWED_OEMBED_DOMAINS as $domain) { if (strpos($url, $domain) === 0) { return true; } } return false; } $html = ''; $file = ''; $action = ''; if (isset($_POST['startTemplateUrl']) && !empty($_POST['startTemplateUrl'])) { $startTemplateUrl = sanitizeFileName($_POST['startTemplateUrl']); $html = ''; if ($startTemplateUrl) { $html = file_get_contents($startTemplateUrl); } } else if (isset($_POST['html'])){ $html = substr($_POST['html'], 0, MAX_FILE_LIMIT); if (!ALLOW_PHP) { //if (strpos($html, '<?php') !== false) { if (preg_match('@<\?php|<\? |<\?=|<\s*script\s*language\s*=\s*"\s*php\s*"\s*>@', $html)) { showError('PHP não permitido!'); } } } if (isset($_POST['file'])) { $file = sanitizeFileName($_POST['file']); } if (isset($_GET['action'])) { $action = htmlspecialchars(strip_tags($_GET['action'])); } if ($action) { //ações do gerenciador de arquivos, excluir e renomear switch ($action) { case 'rename': $newfile = sanitizeFileName($_POST['newfile']); if ($file && $newfile) { if (rename($file, $newfile)) { echo "Arquivo '$file' renomeado para '$newfile'"; } else { showError("Erro ao renomear arquivo '$file' renomeado para '$newfile'"); } } break; case 'delete': if ($file) { if (unlink($file)) { echo "Arquivo '$file' excluído"; } else { showError("Erro ao excluir arquivo '$file'"); } } break; case 'saveReusable': //bloco ou seção $type = $_POST['type'] ?? false; $name = $_POST['name'] ?? false; $html = $_POST['html'] ?? false; if ($type && $name && $html) { $file = sanitizeFileName("$type/$name"); if ($file) { $dir = dirname($file); if (!is_dir($dir)) { echo "$dir pasta não existe\n"; if (mkdir($dir, 0777, true)) { echo "$dir pasta foi criada\n"; } else { showError("Erro ao criar pasta '$dir'\n"); } } if (file_put_contents($file, $html)) { echo "Arquivo salvo '$file'"; } else { showError("Erro ao salvar arquivo '$file'\nAs possíveis causas são falta de permissão de gravação ou caminho de arquivo incorreto!"); } } else { showError('Nome de arquivo inválido!'); } } else { showError("Faltam dados de elementos reutilizáveis!\n"); } break; case 'oembedProxy': $url = $_GET['url'] ?? ''; if (validOembedUrl($url)) { header('Content-Type: application/json'); echo file_get_contents($url); } else { showError('URL inválida!'); } break; default: showError("Ação inválida '$action'!"); } } else { //salvar pagina if ($html) { if ($file) { $dir = dirname($file); if (!is_dir($dir)) { echo "$dir pasta não existe\n"; if (mkdir($dir, 0777, true)) { echo "$dir pasta foi criada\n"; } else { showError("Erro ao criar pasta '$dir'\n"); } } if (file_put_contents($file, $html)) { echo "Arquivo salvo '$file'"; } else { showError("Erro ao salvar arquivo '$file'\nAs possíveis causas são falta de permissão de gravação ou caminho de arquivo incorreto!"); } } else { showError('O nome do arquivo está vazio!'); } } else { showError('O conteúdo HTML está vazio!'); } } Espero que possam entender o que preciso aqui....  fico no aguardo!  quando eu tento mudar a forma de salva no php, ele me da erro de que não foi salvo, e volta ao orginal como esta ai acima ele salva, talvez eu esteja escapando alguma coisa que não estou vendo.... 
    • Por juliosonic
      Boa noite..
      Estou desenvolvendo um site de https://www.maithunatantra.com.br/ e estou com um duvida sobre o menu de navegação da versão mobile.
      O menu que tem o dropdown "Terapeutas" e "Terapias" quando clico em cima ele expande como deve ser, mas quando clico denovo para recolher os submenus
      nao acontece nada.. segue o trecho do codigo do menu..
      <div class="collapse navbar-collapse" id="navbarsExample09">             <ul class="navbar-nav ml-auto">               <li class="nav-item  active"><a class="nav-link" href="index.html">Home</a></li>               <li class="nav-item  active"><a class="nav-link" href="about-us.html">Quem Somos</a></li>               <li class="nav-item dropdown1">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapeutas</a>                     <ul class="dropdown-menu">                         <li><a class="dropdown-item" href="terapeuta-julio-cezar.html">Julio Cezar</a></li>                         <li><a class="dropdown-item" href="terapeuta-pamela-priscila.html">Pamela Priscila</a></li>                     </ul>                                    </li>               <li class="nav-item dropdown">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapias</a>                     <ul class="dropdown-menu" aria-labelledby="dropdown01">                         <li><a class="dropdown-item" href="o-que-e-reiki.html">O que é Reiki</a></li>                         <li><a class="dropdown-item" href="beneficios-reiki.html">Benefícios do Reiki</a></li>                         <li><a class="dropdown-item" href="principios-reiki.html">Princípios do Reiki</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Reiki em Animais</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Estudos Sobre Reiki</a></li>                         <li><a class="dropdown-item" href="terapia-massagem-tantrica.html">Terapia Tântrica</a></li>                     </ul>               </li>               <li class="nav-item  active"><a class="nav-link" href="blog.html">Blog</a></li>                <li class="nav-item"><a class="nav-link" href="contato.html">Contato</a></li>             </ul>         </div>  
      Massagem Tantrica em Curitiba
      Tantra Curitiba
      Massagem Tântrica
      Tantra
      Julio Darshan

      Obrigado
      Att
      Julio Cezar
       
       
       
    • Por joeythai
      Boa tarde pessoal,
       
      Eu criei um formulário em que tenho 3 interações: evento click, change e uma chamada ajax. No evento on change ("select#removal_table_from" )eu faço uma chamada ajax onde eu passo como parametro o id do item selecionado e construo uma tabela dinamica com o próprio javascript, após isto, tenho um input em que o usuario coloca um valor de percentual para que eu possa preencher em 3 colunas da tabela que foi criada dinamicamente: moto_atualizado, carro_atualizado e caminhao_atualizado, até aí tudo bem, o codigo está fazendo isso, porém, como a tabela é criada dinamicamente eu preciso de alguma forma enviar o arrayData para meu backend mas quando faço o calculo dentro do loop apos resposta do meu ajax, os valores desses 3 campos chegam como null, não sei se é possível fazer o que pretendo ou se é ainda não sei como faz
       
      <code>
           $(document).ready(function (event) {   let arrayData = []; let percentage; let removal_vehicle; let removal_motorcycle; let removal_tuck; let apply_removal = $('#apply_removal');   // apply_removal.on('click', function () { // percentage = $('#percentage').val();   // $('.table-body tr').each(function () {   // let veiculo = $(this).find('.veiculo').text(); // let moto = $(this).find('.moto').text(); // let caminhao = $(this).find('.caminhao').text();   // let removal_vehicle = parseFloat(veiculo) + (parseFloat(veiculo) * parseFloat(percentage)) / 100; // let removal_motorcycle = parseFloat(moto) + (parseFloat(moto) * parseFloat(percentage)) / 100; // let removal_tuck = parseFloat(caminhao) + (parseFloat(caminhao) * parseFloat(percentage)) / 100;   // arrayData.push({ // removal_vehicle, // removal_motorcycle, // removal_tuck // })   // $(this).find('.veiculo_atualizado').val(removal_vehicle.toFixed(2)); // $(this).find('.moto_atualizado').val(removal_motorcycle.toFixed(2)); // $(this).find('.caminhao_atualizado').val(removal_tuck.toFixed(2)); // }); // });   apply_removal.on('click', function () { percentage = $('#percentage').val();   $('.table-body tr').each(function () {   let veiculo = $(this).find('.veiculo').text(); let moto = $(this).find('.moto').text(); let caminhao = $(this).find('.caminhao').text();   removal_vehicle = parseFloat(veiculo) + (parseFloat(veiculo) * parseFloat(percentage)) / 100; removal_motorcycle = parseFloat(moto) + (parseFloat(moto) * parseFloat(percentage)) / 100; removal_tuck = parseFloat(caminhao) + (parseFloat(caminhao) * parseFloat(percentage)) / 100;   arrayData.push({ removal_vehicle, removal_motorcycle, removal_tuck })   $(this).find('.veiculo_atualizado').val(removal_vehicle.toFixed(2)); $(this).find('.moto_atualizado').val(removal_motorcycle.toFixed(2)); $(this).find('.caminhao_atualizado').val(removal_tuck.toFixed(2));     console.log('Removal Vehicle:', removal_vehicle); console.log('Removal Motorcycle:', removal_motorcycle); console.log('Removal Truck:', removal_tuck); }); });   $('select#removal_table_from').on('change', function (e) { let table_id = $(this).val(); let action = route('removal.removal-values.show', table_id);   $.ajax({ type: "GET", url: action, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },   success: function (data) { $('.table-body').empty();   for (let i = 0; i < data.length; i++) { let carro = parseFloat(data[i].CARRO); let moto = parseFloat(data[i].MOTO); let caminhao = parseFloat(data[i].CAMINHAO); let distancia = data[i].DISTANCIA; let origem = data[i].ORIGEM; let destino = data[i].DESTINO; let localidadeOrigem = data[i].LocalidadeOrigem_ID; let localidadeDestino = data[i].LocalidadeDestino_ID;   let newRow = '<tr class="removal-row">' + '<td class="align-middle">' + '<div class="row">' + '<div class="col-1">' + '<span class="font-weight-bold">Origem</span><br>' + '<span class="origem">' + origem + '</span>' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Destino</span><br>' + '<span class="destino">' + destino + '</span>' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">KM</span><br>' + '<span class="km">' + distancia + '</span>' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Veículo</span><br>' + '<span class="veiculo">' + carro + '</span>' + '</div>' + '<div class="col-2">' + '<span class="font-weight-bold">Veículo Atualizado</span><br>' + '<input type="text" class="veiculo_atualizado">' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Moto</span><br>' + '<span class="moto">' + moto + '</span>' + '</div>' + '<div class="col-2">' + '<span class="font-weight-bold">Moto Atualizado</span><br>' + '<input type="text" class="moto_atualizado">' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Caminhão</span><br>' + '<span class="caminhao">' + caminhao + '</span>' + '</div>' + '<div class="col-2">' + '<span class="font-weight-bold">Caminhão Atualizado</span><br>' + '<input type="text" class="caminhao_atualizado">' + '</div>' + '</div>' + '</div>' + '</td>' + '</tr>';   $('.table-body').append(newRow); //let row = $('.removal-row:last');   // Calcula o valor atualizado e define nos campos diretamente // let veiculo_atualizado = carro + (carro * percentage) / 100; // let moto_atualizado = moto + (moto * percentage) / 100; // let caminhao_atualizado = caminhao + (caminhao * percentage) / 100; // console.log('PORCENTS: ', percentage); //console.log('Veiculo Atualizado:', veiculo_atualizado, 'Moto Atualizado:', moto_atualizado, 'Caminhao Atualizado:', caminhao_atualizado);   // Define os valores diretamente nos campos da nova linha // row.find('.veiculo_atualizado').val(veiculo_atualizado.toFixed(2)); // row.find('.moto_atualizado').val(moto_atualizado.toFixed(2)); // row.find('.caminhao_atualizado').val(caminhao_atualizado.toFixed(2));   arrayData.push({ carro, moto, caminhao, distancia, origem, destino, localidadeOrigem, localidadeDestino, removal_vehicle, removal_motorcycle, removal_tuck }); }   $('#copy_data_table').val(JSON.stringify(arrayData)); }   }); });   //javascript para o formulario de cadastro // $(document).ready(function (event) { $('#uf').change(function () { let code_city = $(this).val(); let deposit = localStorage.getItem('selected_deposit_id'); let action = route('removal.removal-values.cities', code_city); $.ajax({ type: "POST", url: action, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, data: { code_city: code_city },   success: function (data) {   $('#city').empty(); $('#deposit').empty();   for (let i = 0; i < data.cities.length; i++) { $('#city').append('<option value="' + data.cities[i].NM + '">' + data.cities[i].NM + '<option>'); }   if (data.deposits.length > 0) { for (let i = 0; i < data.deposits.length; i++) { $('#deposit').append('<option value="' + data.deposits[i].NM + '">' + data.deposits[i].NM + '<option>'); } } else { // $('#deposit').prop('disabled', true); // $('#city').prop('disabled', false); }   $('#city').trigger('change'); } });   });   $('#deposit').on('change', function () { depositId = $(this).val(); localStorage.setItem('selected_deposit_id', depositId); });   $('#uf_destiny').change(function () { let code_city = $(this).val(); let depositDestiny = localStorage.getItem('selected_deposit_destiny_id'); let action = route('removal.removal-values.cities', code_city); $.ajax({ type: "POST", url: action, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, data: { code_city: code_city },   success: function (data) {   $('#city_destiny').empty(); $('#deposit_destiny').empty();   for (let i = 0; i < data.cities.length; i++) { $('#city_destiny').append('<option value="' + data.cities[i].NM + '">' + data.cities[i].NM + '</option>'); }   if (data.deposits.length > 0) { // $('#deposit_destiny').prop('disabled', false); //$('#city_destiny').empty(); // $('#city_destiny').prop('disabled', true); for (let i = 0; i < data.deposits.length; i++) { $('#deposit_destiny').append('<option value="' + data.deposits[i].NM + '">' + data.deposits[i].NM + '</option>'); } } else { // $('#deposit_destiny').prop('disabled', true); // $('#city_destiny').prop('disabled', false); }   $('#city_destiny').trigger('change'); } }); });   $('#deposit_destiny').on('change', function () { let depositDestinyId = $(this).val(); localStorage.setItem('selected_deposit_destiny_id', depositDestinyId); });   }); </code>
    • Por babylon
      Olá galera tudo bem?
      Deixa eu perguntar, estava mexendo no meu site e queria adicionar em html essa tabela porem esta dando erro pois fica assim:
       

      Porem gostaria que ficasse assim:

      Segue o código da tabela:
      <center><table border="0">
          <tr>
      <td bgcolor="#0092df" width="24%"><a href="/categorias?ename=smartphones"><span style="font-size: 20px; color: #ffffff;"><b> <font color="#0092df">..</font>Bicicleta<br> <font color="#0092df">..</font>Track Bikes<br> <font color="#0092df">..</font>Aro 29 TKS</b></a></span><br><br><font size="5"><center><span style="background-color: #A1CD44">DE:</span></font> <br><font size="5"><s>R$ 1.999,99</center></font></s> </td><td><p><a href="/categorias?ename=smartphones"><img src="/static/img/itembicicleta.jpg"><br><font size="5"><center><span style="background-color: #A1CD44">COM - 60%:</span></font> <br><font size="5">1.199,99</font></center></a></td>
             <td><font color="#ffffff">....</font></td>
              <td bgcolor="#0092df" width="24%"><a href="/categorias?ename=smartphones"><span style="font-size: 20px; color: #ffffff;"><b> <font color="#0092df">..</font>Monitor 24"<br> <font color="#0092df">..</font>Samsung<font color="#0092df">aa.aa</font><br> <font color="#0092df">..</font>1ms 144hz</b></a></span></center></td><td><p><a href="/categorias?ename=smartphones"><img src="/static/img/itemmonitor.jpg"></a></td>
          </tr>
          </table></center>
      O que estaria errado, pois não sei como colocar nessa tabela outro fundo de outra cor, veja que usei td bgcolor="#0092df" para o azul escuro mas não sei como usaria pro "#e4f1fb" para o fundo ficar de azul claro em baixo bem como não ficou correto em altura o "DE:" com o "COM - 60%:".
      Bom é isso, obg.


×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.