index.html

<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--boodstrap-->
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/style.css">
    <title>Formulario</title>


</head>


<body>
    <section class="form-conteirner">
        <div class="conteirner">
            <form class="formulario">
                <legend>Formulário</legend>
                <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name"><br>
                <label><input type="email" class="form-control" id="exampleFormControlInput1"
                        placeholder="name@examplecom"><br>
                    <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"
                        placeholder="text"></textarea></textarea>

                    <div class="btn">
                        <a class="btn btn-primary" href="#" role="button">Enviar</a>
                    </div>
            </form>


    </section>
    </div>


    <!--boodstrap-->
    <script src="/javascript/popper.min.js"></script>
    <script src="/javascript/popper.min.js"></script>
    <script src="/javascript/bootstrap.bundle.min.js"></script>
</body>

</html>