-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
78 lines (74 loc) · 4.27 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
<!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">
<link rel="shortcut icon" href="./img/favicon.ico">
<!-- link para iconos de fontawesome -->
<script src="https://kit.fontawesome.com/0f9b763684.js" crossorigin="anonymous"></script>
<!-- linkeamos la libreria de animacion -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
<!-- link a google fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap" rel="stylesheet">
<!-- link a css -->
<link rel="stylesheet" href="./css/estilos.css">
<title>Josefina Papeles</title>
</head>
<body class="grillaIndex">
<header class="header">
<a href="./index.html"><img src="./img/logoheader.png" alt="logo-png" class="logoHeader"></a>
<nav class="nav">
<ul class="nav__links">
<!-- cambiar el modificador en cada html -->
<li class="nav__link"><a class="nav__link_a" href="./index.html">Sobre mi</a></li>
<li class="nav__link submenu"><a class="nav__link_a" href="./seccioneshtml/portfolio.html">Portfolio<i class="fas fa-sort-down"></i></a>
<ul class="ulUl">
<li><a class="nav__link_a desplegable"
href="./seccioneshtml/portfolio.html#portofolioBranding">Branding</a></li>
<li><a class="nav__link_a desplegable"
href="./seccioneshtml/portfolio.html#portfolioIlustraciones">Ilustraciones</a></li>
<li><a class="nav__link_a desplegable"
href="./seccioneshtml/portfolio.html#portfolioSocialmedia">Social Media</a></li>
</ul>
</li>
<li class="nav__link"><a class="nav__link_a" href="./seccioneshtml/imprimibles.html">Imprimibles</a></li>
<li class="nav__link"><a class="nav__link_a" href="./seccioneshtml/contacto.html">Contacto</a></li>
</ul>
</nav>
</header>
<section class="section1">
<h1 class="titulosGrandes primero scale wow animate__animated animate__fadeIn">Hola soy Jose!</h1>
<img class="bannerHeader" src="./img/banner1.png" alt="gif">
<p class="parrafo">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam fugit quo a velit accusantium itaque
doloribus error magni illo ipsam? eum asperiores, obcaecati adipisci
blanditiis commodi amet, veritatis minima, cupiditate quaerat quasi.</p>
<p class="parrafo">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam dignissimos animi reprehenderit,
error obcaecati facere? Consequatur officiis deleniti non laborum voluptates ad architecto, odit
dolor excepturi assumenda tempora porro fugiat rem placeat est fuga accusamus vel sint cum totam.
</p>
</section>
<footer class="footer">
<ul class="redes__sociales">
<li class="redes__sociales-link"><i class="fab fa-instagram"></i><a class="redes__sociales-link-a"
href="https://www.instagram.com/josefinapapeles/" target="_blank">Instagram</a></li>
<li class="redes__sociales-link"><i class="fab fa-facebook-square"></i> <a
class="redes__sociales-link-a" href="https://www.facebook.com/josefinapapeles"
target="_blank">Facebook</a></li>
<li class="redes__sociales-link"><i class="fab fa-whatsapp"></i><a class="redes__sociales-link-a"
href="https://bit.ly/3kBVIxR" target="_blank">Whatsapp</a></li>
</ul>
<div class="copy">
<i class="far fa-copyright"></i>
<p>copyright josefinapapeles</p>
</div>
</footer>
<!-- link de wow js -->
<script src="js/wow.js"></script>
<script>
new WOW().init();
</script>
</body>
</html>