From ae094d723609050a133e5db49837883107720955 Mon Sep 17 00:00:00 2001
From: Alejandro Barrio <yodorte.ab2@gmail.com>
Date: Sun, 6 Feb 2022 19:28:37 +0100
Subject: [PATCH] primera version formEnviar, no css

---
 src/components/formEnviar.js | 53 ++++++++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)

diff --git a/src/components/formEnviar.js b/src/components/formEnviar.js
index 981adfd..fed884b 100644
--- a/src/components/formEnviar.js
+++ b/src/components/formEnviar.js
@@ -1,6 +1,59 @@
+import React, { Component} from 'react'
+import {Form} from 'react-bootstrap'
+
+
+
 const FormEnviar = () =>{
     return(
         <>
+        <div className='row'>
+            <div className='col-md-6 grid-margin stretch-card'>
+                <div className='card'>
+                    <div className='card-body'>
+                        <h3 className='card-Title'> Rellenar aqui</h3>
+                        <p className='card-description'> lorem ipsum bla bla</p>
+                        <form>
+                            <Form.Group>
+                                <label> Insrte tu correo de la UPM</label>
+                                <Form.Control type="email" className="form-control" placeholder="Email de la UPM"/>
+                            </Form.Group>
+                            
+                            <Form.Group className="row">
+                                <label className='col-sm-3 col-form-label'> Para quien es tu piruleta?</label>
+                                <div className='col-sm-9'>
+                                    <select className="form-control">
+                                        <option>Alumno/a</option>
+                                        <option>Profesor/a</option>
+                                        <option>Pas</option>
+                                    </select>
+
+                                </div>
+                            </Form.Group>
+                            
+                            <Form.Group>
+                                <label> Como se llama/ Cual es su instagram?</label>
+                                <Form.Control type="text" className="form-control" placeholder="Su nombre o ig user"/>
+                            </Form.Group>
+                            
+                            <Form.Group>
+                                <label> Puedes darnos mas informacion sobre a quien se la mandamos?</label>
+                                <Form.Control type="text" className="form-control" placeholder="Grupo/Despacho/Donde trabaja"/>
+                            </Form.Group>
+
+                            <Form.Group>
+                                <label> Es tu momento de poner tu notita de amor, si quieres</label>
+                                <textarea className='form-control' rows="3"></textarea>
+                                
+                            </Form.Group>
+
+                            <button type='submit' className='btn btn-primary mr-2'>Enviar</button>
+                            <button className='btn btn-light'>Cancel</button>
+                        
+                        </form>
+                        </div>
+                    </div>
+                </div>
+            </div>
         </>
     )
 }