m4/Index.html at main · jriscos/m4 · GitHub

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
<!DOCTYPE html>

<html lang="es">
<head>
    <title> ÍNDICE </title>
    <meta charset="UTF-8">
    <meta name="description" content="Cursos de programación para todos los niveles"> <!-- decripción de la página-->
    <meta name="keywords" content="cursos, java, python, c++, programación"> <!-- palabras clave-->
    <meta name="author" content="J&D"> <!-- autor de la pagina-->
    <meta name="copyright" content="J&D"> <!-- propietario del copyright-->
    <link href="css_proyecto.css" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" href="imagenes/favicon.png" type="image/ico" >
</head>

<body>

<div class= "container">
    <div class= "header">
    <!-- barra de menu de arriba-->
    <div id="nav">
        <img src="imagenes/logo.png" alt="logo">
        <a href="Index.html"> <strong> INICIO </strong> </a>
        <a href="Cursos.html"> <strong> CURSOS </strong> </a>
        <a href="Metodos.html"> <strong> CÓMO TRABAJAMOS </strong> </a>
        <a href="Formulario.html"> <strong> ACCESO </strong> </a>
    </div>
    </div>

    <!-- titulo index -->
    <div class="titulo_index">
        <p> J&D - Academia de programación </p>
    </div>

    <!-- imagen de fondo -->
    <div>
        <img src="imagenes/fondo_final.png" alt="fondo_blanco" class="imgfondo">
    </div>
    <br>
    <!-- texto cursos disponibles -->
    <div class="texto_cursos_disponibles">
        <p> En J&D actualizamos los cursos frecuentemente, en los últimos meses, nuestros dos profesores han formado a más de 10.000 alumnos, que han pasado por +12 cursos mostrados en la web. ¡No tardes y aprende a programar con nosotros! Los cursos que hay disponibles en la web son estos:  </p>
    </div>

    <!-- 3 columnas-->
    <div class="row">

        <!-- logo de java-->
        <div class="col">
            <h2 class="col_titulo"> JAVA</h2>
            <img src="imagenes/white_background_java.png" alt="foto java">
            <p> ¡Java es el lenguaje orientado a objetos más famoso del mundo! Es simple, portable, seguro e interpretado. Con este curso, que empieza desde cero, serás un maestro en este lenguaje. El curso contiene 11 capítulos, empezando por lo más básico hasta llegar a un nivel avanzado. </p>
        </div>

        <!-- logo de java-->
        <div class="col">
            <h2 class="col_titulo"> PYTHON</h2>
            <img src="imagenes/white_background_pyhton.png" alt="foto python">
            <p> Python es uno de los lenguajes de programación más utilizados del mundo. Es fácil de usar, orientado a objetos y de alto nivel. Incluso la plataforma "YouTube" está programada en este lenguaje. Adéntrate en nuestro curso, y al finalizar los 16 capítulos serás todo un experto. </p>
        </div>

        <!-- logo de java-->
        <div class="col">
            <h2 class="col_titulo"> C++</h2>
            <img src="imagenes/white_background_c++.png" alt="foto c++">
            <p> C++ es un lenguaje complejo, pero cuando lo dominas... ¡Es una pasada! C++ es orientado a objetos, y es un lenguaje rápido. Al finalizar este curso, que contiene 17 capítulos, ya podrás decir que eres un experto en la materia. En este curso participan nuestros dos profesores.</p>
        </div>
    </div>


    <!-- maps titulo-->
    <h2 class="footer_txt"> Dónde estamos ubicados? </h2>

    <div class="footer_txt_2">
        <p> ¡También puedes visitarnos presencialmente! <br> Te atenderemos los lunes de 09:00 a 12:00 </p>
    </div>

    <!-- maps texto-->
    <div class= "footer">

        <footer>
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3005.6629182289157!2d1.241791315417498!3d41.1200522792896!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12a3fd2eed85f6a3%3A0x47308b4ab91cb9ef!2sInstitut%20Francesc%20Vidal%20i%20Barraquer!5e0!3m2!1ses!2ses!4v1669966175442!5m2!1ses!2ses" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
        </iframe>
        </footer>

    </div>

</div>

</body>
</html>