-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
83 lines (80 loc) · 4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Porfolio Natalia Petito</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Satisfy&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cookie|Kalam|Open+Sans|Satisfy&display=swap" rel="stylesheet">
<link rel="stylesheet" href="index.css">
</head>
<body>
<main>
<!--PERFIL-->
<section class="Perfil">
<h1>Natalia Petito</h1>
<div class="Picture">
<img src="picture.jpg" alt="Foto Natalia Petito" width= 100%>
</div>
<div class="Info">
<p class="Descripciones">/ Entusiasta / Curiosa / Introvertida / Estudiante de Consultoría Psicológica</p>
<p>Skills:
<ul>
<li>Perepe</li>
<li>Piripi</li>
<li>Poropo</li>
<li>Purupu</li>
</ul>
</p>
<p>Idiomas:
<ul>
<li>Inglés</li>
<li>Francés</li>
</ul>
</p>
</div>
</section>
<!--PROYECTOS Y SECCIÓN DE ABAJO-->
<div class="AS">
<section class="Trabajos">
<h1>Proyectos</h1>
<div class="proyectos">
<section class="proyecto">
<h2>Trabajos varios de programming</h2>
<p>Juegos clásicos, anotadores de puntos, clima, formularios, login, suscripciones, más cosas más cosas más cosas más cosas más cosas más cosas más cosas</p>
</section>
<section class="proyecto">
<h2>Trabajo otro inventado</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro optio quo natus at nostrum harum nihil error alias ipsam autem error alias ipsam autem</p>
</section>
</div>
<section class="más">
<a href="./proyectos.html" id=ap target=_blank>¡Quiero saber más de lo que hiciste!</a>
</section>
</section>
<section class="Sobre-mí">
<h1>Filosofía personal</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quas illum, tenetur nostrum harum nihil error alias ipsam autem earum illo dignissimos, unde aliquam maxime, magni repellendus inventore laborum. Iure, possimus. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Debitis error sed non ut, velit harum accusantium et totam aperiam repudiandae numquam facere nostrum iusto porro, sunt tempore iure quibusdam mollitia? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sequi corporis a impedit consectetur. Iure nisi necessitatibus ipsam nostrum. Iure nisi necessitatibus ipsam nostrum.</p>
</section>
</div>
<!--SECCIÓN ÚLTIMA-->
<section class="Contacto">
<h1>Contactame...</h1>
<p>Mail: [email protected]</p>
<p>Teléfono: 1100223344</p>
<h2>...o dejame tu mensaje</h2>
<form>
<div class="Formulario">
<label for= "Email">E-mail:</label>
<textarea name= "Email" id="Email"></textarea>
<label for= "Mensaje">Mensaje:</label>
<textarea name= "Mensaje" id="Mensaje"></textarea>
</div>
<button>Enviar</button>
</form>
</section>
</main>
</body>
</html>