Skip to content

T
Tarea_cv
Commit a7f14b69 by Angel Zarate
Options

Cv Angel

parents
Showing with 222 additions and 0 deletions
Estilo.css 0 → 100644
html{
font-family: sans-serif;
margin-left: auto;
margin-right: auto;
width: 600px;
height: 600px;
background-color: #437c98;
}
input::placeholder{
width: 161px;
outline: none;
font-weight: inherit;
font-size: inherit;
}
div.personal{
align-items: center;
color: black;
}
div input{
color: black;
width: 100;
border: none;
}
div.image{
padding: 0 auto;
margin: 20 auto;
}
section{
padding-top: 10px;
background-color: yellow ;
height: 650PX;
}
input#fapellido{
padding-right: 10px;
}
Div.Resumen{
text-align: center;
background-color: transparent;
}
textarea:hover{
background-color: transparent;
border-color: none;
}
input#fcorreo{
width: 300px;
}
h1.nombre{
text-align: center;
padding-right: 10px;
}
div.enviar{
text-align: right;
}
button:hover{
background-color: transparent!important;
}
div.pdfForm{
text-align: right;
}
h3.nombre:hover{
text-align: start;
}
h3:hover{
color: #437c98;
}
h3.resumen{
border: ridge #437c98 5px;
font-family: monospace;
}
\ No newline at end of file
Form.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<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" />
<title>Curriculum Vitae</title>
<link rel="stylesheet" href="Estilo.css" />
<script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>
<!-- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src=“https://unpkg.com/jspdf@latest/dist/jspdf.umd.min.js”></script>-->
<!-- CSS only -->
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
crossorigin="anonymous"
/>
</head>
<body>
<div id="miFormulario">
<div class="imagen">
<img src="image00001.png" alt="" width="128px" height="124px" />
<h1 class="nombre">ÁNGEL GÓMEZ</h1>
</div>
<h3>Profesionalidad:Front-End</h3>
<!-- <div class="personal">
<input type="Datos personales" placeholder="Profesionalidad" />
</div> -->
<br />
<section id="miForm">
<form>
<!-- <label for="fname">Nombre</label>
<input type="text" id="fname" name="fname" placeholder="Nombre" /> -->
<h3 class="nombre">Nombre: Angel Apellido: Gómez</h3>
<!-- <label for="fapellido">Apellido</label>
<input
type="text"
id="fapellido"
name="fapellido"
placeholder="Apellido" -->
<div class="N3">
<br />
<!-- <label for="fcorreo">Correo: </label> -->
<h3>correo:gomez@roshka.com</h3>
<!-- input
type="email"
id="fcorreo"
name="fcorreo"
placeholder="talentohumano@roshka.com"
/> -->
</div>
<br />
<h3>Telefono: 097132456 Codigo postal:5467</h3>
<!-- <label for="ftelefono">Telefono</label>
<input type="tel" id="ftelefono" name="ftelefono" placeholder="" />
<label for="fcodigop">Codigo postal</label>
<input type="tel" id="fcodigop" name="fcodigo" placeholder="" /> -->
<div class="Resumen">
<h3>Resumen Profesional</h3>
<!-- <textarea
name=""
id=""
cols="40"
rows="10"
placeholder="Resumen profesional"
></textarea> -->
<h3 class="resumen">
Me Considero una persona responsable,creativa , con ganas de
aprender , de trabajar en equipo y aportar los conocimientos
adquiridos a lo largo de los años , superándome cada día. Mi
objetivo principal es conocer el Campo del Desarrollo, de modo que
busco oportunidades que me ayuden de llegar al objetivo y por
supuesto tratar de alinearme a las expectativas de la Empresa
</h3>
</div>
</form>
<div class="enviar">
<button onclick="limpiarFormulario()" value="Limpiar Formulario">
Enviar
</button>
<button onclick=" pdfexport()" value="pdfexport formulario">
PDF EXPORT
</button>
</div>
</section>
<script src="FormJS.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js"></script>
<script>
const btncompra = document.getElementById("place_order");
btncompra.disabled = true;
</script>
</div>
</body>
</html>
FormJS.js 0 → 100644
function limpiarFormulario() {
window.location.reload()
}
function pdfexport() {
var text = document.getElementById("miFormulario").innerText;
var doc = new jsPDF();
doc.setFontSize(22);
doc.text(text, 5, 5);
doc.save();
// var pdf = new jsPDF('p', 'pt', 'letter');
// pdf.html(document.getElementById("miFormulario")), {
// callback: function (pdf) {
// var iframe = document.createElement('iframe');
// iframe.setAttribute('style', 'position:absolute;right:0; top:0; bottom:0; height:100%; width:500px');
// document.body.appendChild(iframe);
// iframe.src = pdf.output('datauristring');
// pdf.save("Cv.pdf");
}
function pdfexport(){
var pdf = new jsPDF('p', 'pt', 'letter');
pdf.html(document.getElementById("miFormulario"), {
callback: function (pdf) {
// var iframe = document.createElement('iframe');
// iframe.setAttribute('style', 'position:absolute;right:0; top:0; bottom:0; height:100%; width:500px');
// document.body.appendChild(iframe);
// iframe.src = pdf.output('datauristring');
pdf.save("Cv.pdf");
}
});
}
image00001.png 0 → 100644
This diff is collapsed. Click to expand it.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment