-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
143 lines (119 loc) · 10.7 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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="es">
<head>
<!--Meta tags-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Estudiemos Violin es un espacio donde puedes conocer el trabajo de Estefania Atencio como profesora de Violin para los más chiquitos de la casa ">
<meta name="keywords" content="violin, niños, clases, musica, alumnos, buenos aires, argentina, profesora, violinista, aprender, clases particulares">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,300&family=Poppins:ital,wght@0,100;0,200;0,300;0,500;0,600;0,700;1,100;1,200;1,300&display=swap" rel="stylesheet">
<!-- Bootstrap and Styles -->
<script src="https://kit.fontawesome.com/3036b42d9f.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<title>Estudiemos Violin</title>
</head>
<body>
<header class="body__index">
<nav class="navbar navbar-expand-md navbar-dark bg-dark header__barraDeNavegacion ">
<buttom class="navbar-toggler" id="toggler" data-toggle="collapse" data-target="#collapse_target">
<span class="navbar-toggler-icon"></span>
</buttom>
<div class="collapse navbar-collapse" id="collapse_target">
<div class="container-fluid ">
<div class="row col-sm-4 col-md-4 col-lg-4 align-items-center justify-content-start wow animate__animated animate__fadeIn">
<a href="index.html" class="navbar-brand col-lg-3 col-md-4 mr-1 pr-1"><img class="logo" src="./image/logo.png" alt="logo"></a>
<a href="index.html" class="menu__brand col-lg-8 col-md-7 ml-2 pl-2"><span class="navbar-text">Estudiemos Violin</span></a>
</div>
<ul class="navbar-nav row col-sm-8 col-md-8 col-lg-8 justify-content-end wow animate__animated animate__fadeIn animate__slow">
<li class="nav-item">
<a href="pages/Sobremi.html" class="nav-link">Sobre mí</a>
</li>
<li class="nav-item">
<a href="pages/galeria.html" class="nav-link">Imágenes</a>
</li>
<li class="nav-item">
<a href="pages/videos.html" class="nav-link">Videos</a>
</li>
<li class="nav-item">
<a href="pages/partituras.html" class="nav-link">Partituras</a>
</li>
<li class="nav-item">
<a href="pages/contacto.html" class="nav-link">Contactos</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<section class="body__contenido">
<div class="contenido__primeraFrase">
<p class="wow animate__animated animate__backInLeft"> " ... Como maestro soy principalmente un estudiante; un estudiante entre los estudiantes."</p>
<p class="primeraFrase__autor wow animate__animated animate__backInRight">Ivan Galamian</p>
</div>
<section class="contenido__muestraExperiencias1">
<h2 class="titulo wow animate__animated animate__fadeIn">Muestras y Experiencias</h2>
<!-- Seccion de video-->
<iframe class="video wow animate__animated animate__slideInRight" src="https://www.youtube.com/embed/wCjVAWsgIaQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div class="pieVideo wow animate__animated animate__slideInLeft">
<p class="siguenos">Síguenos en Youtube</p>
<p class="pieVideo__descripcion"> Puedes encontrar covers, tutoriales y conciertos.
Si quieres puedes pedir por los comentarios de Youtube algún cover o tutorial de tu canción
o pieza de tu preferencia.
</p>
</div>
</section>
<section class="contenido__muestraExperiencias2">
<img class="alumno1 wow animate__animated animate__bounceInUp" alt="">
<div class="texto1 wow animate__animated animate__fadeIn">
<p>“…es invalorable lo que ha aprendido mi hija este año, me encanta que tome las clases con vos” Mamá de I. </p>
</div>
<img class="alumno2 wow animate__animated animate__bounceInUp" alt="">
<div class="texto2 wow animate__animated animate__fadeIn">
<p>“fue de gran ayuda y un gran sostén en un año tan complicado…” Mamá de C.</p>
</div>
</section>
<div class="contenido__segundaFrase">
<p class="segundaFrase__texto wow animate__animated animate__pulse"> " El talento allana el camino, pero no puede por sí mismo, ocupar el lugar del trabajo duro."</p>
<p class="segundaFrase__autor wow animate__animated animate__pulse">Ivan Galamian</p>
</div>
<footer class="contenido__footer d-sm-flex flex-column align-items-center">
<div class="footer__redes d-sm-flex flex-row justify-content-center">
<div class="mr-2 ml-2">
<a href="https://www.youtube.com/channel/UCU0GtmWtXyT-TGgUoDd2Yvw">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.122C.002 7.343.01 6.6.064 5.78l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/>
</svg>
</a>
</div>
<div class="mr-2 ml-2">
<a href="https://www.instagram.com/estudiemosviolin/?hl=es-la">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
</svg>
</a>
</div>
<div class="mr-2 ml-2">
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" fill="currentColor" class="bi bi-house-fill" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 3.293l6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293l6-6zm5-.793V6l-2-2V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z"/>
<path fill-rule="evenodd" d="M7.293 1.5a1 1 0 0 1 1.414 0l6.647 6.646a.5.5 0 0 1-.708.708L8 2.207 1.354 8.854a.5.5 0 1 1-.708-.708L7.293 1.5z"/>
</svg>
</a>
</div>
</div>
<div class="footer__nombre">
<p class="">Website by <a href="#">Daniel Romero</a></p>
</div>
</footer>
</section>
<script src="js/wow.min.js"></script>
<script src="js/animations.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js" integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF" crossorigin="anonymous"></script>
</body>
</html>