SkillTest/index.html at main · SomeTheodor/SkillTest · 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
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
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Pagina</title>
    <link rel="stylesheet" href="assets/css/estilo.css">
    <link rel="icon" href="assets/img/icon.png">
    <script src="https://kit.fontawesome.com/4bcce9f957.js" crossorigin="anonymous"></script>
</head>
<body>
    <section id="header">
        <div class="header container">
            <div class="nav-bar">
                <div class="brand">
                    <a href="index.html"><img src="assets/img/logo.png" alt="" width="120px"></a>
                </div>
                <div class="nav-list">
                    <div class="hamburger active"><div class="bar"></div>
                </div>
                    <ul class="active">
                        <li><a href="../public/quizTest.html"data-after="Skill">Skill</a></li>
                        <li><a href="#objetivo"data-after="Objetivos">Objetivos</a></li>
                        <li><a href="#texto"data-after="Carreras">Carreras</a></li>
                        <li><a href="#caracteristicas" data-after="Aspectos">Aspectos</a></li>
                        <li><a href="#footer"data-after="Final">Final</a></li>
                        <li>
                            <a  id="loginButton" href="public/login.html">Iniciar Sesion</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <script src="public/navbar.js"></script>
        <script src="src/changeButton.js"></script>
    </section>

    <section id="hero">
        <div class="hero container">
            <div>
                <h1>Descubre<span></span></h1>
                <h1>tu<span></span></h1>
                <h1>carrera<span></span></h1>
                <a href="public/quiz.html" type="button" class="cta">Quizz</a>
            </div>
        </div>
    </section>

    <section id="objetivo"><!--somos-proya-->
        <div class="container">
            <div class="img-container"></div>
            <div class="texto">
                <h1>Nuestro<span class="color-acento">Objetivo</span></h1>
                <p>Esta pagina busca ayudar a los alumnos de los primeros años a buscar su carrera ideal referente a programacion e informatica</p>
                <h2>Disfrute su estadia</h2>
            </div>
        </div>
    </section>
    <section id="texto">
        <h1>Visita nuestras carreras</h1>
         <p>Descubre y selecciona las carreras de programación e informática <br> que más te interesen para obtener información sobre lo que ofrecen</p><br>
         <p>En estas encontras de que trata cada una y  que <br>aprenderas a lo largo de los 4 años de cada una de las carreras</p>
         <h2>Animate y mira!</h2>
            <div class="select-career">
                <select id="mySelect">
                    <option value="">Elija una opción</option>
                    <option value="public/cont_programacion.html">Programacion</option>
                    <option value="public/cont_informatica.html">Informatica</option>
                </select>
            </div>
            <script src="public/carreer.js"></script>
    </section>

    <section id="caracteristicas">
        <h1>SkillTest ofrece</h1>
        <h2></h2>
        <div class="listas">
            <ul>
                <li><i class="fa-solid fa-check"></i>Facilitar tu decisión</li>
                <li><i class="fa-solid fa-check"></i>Toma poco tiempo completarlo</li>
                <li><i class="fa-solid fa-check"></i>Brindar resultados personalizados</li>

            </ul>
            <ul>
                <li><i class="fa-solid fa-check"></i>Explorar variedad de opciones profesionales</li>
                <li><i class="fa-solid fa-check"></i>Accesibilidad para autoevaluación</li>
                <li><i class="fa-solid fa-check"></i>Ayudar a identificar tus fortalezas y habilidades</li>
            </ul>
        </div>
    </section>

    <section id="footer">
        <div class="footer container">
            <div class="brand"><h1><span>EEST</span>Nº<span>4</span></h1></div>
            <h2>Contactenos</h2>
            <div class="social-icon">
                <div class="social-item">
                    <a href="https://m.facebook.com/profile.php?id=345271625590534"><img src="https://img.icons8.com/bubbles/100/000000/facebook-new.png"/></a> <!---1:55:00-->
                </div>
                <div class="social-item">
                    <a href="https://www.instagram.com/tecnica4berazategui/"><img src="https://img.icons8.com/bubbles/100/000000/instagram-new.png"/></a>
                    <p></p>
                </div>
                <div class="social-item">
                    <a href="#"><img src="https://img.icons8.com/bubbles/100/000000/new-post.png"/></a>
                </div>
                <div class="social-item">
                    <a href="https://tecnica4berazategui.edu.ar/"><img src="https://img.icons8.com/bubbles/100/000000/phone.png"/></a> <!---1:42:00-->
                </div>
            </div>
            <p>Copyright © 2023 Giordano. All rights reserved</p>
        </div>
    </section>

    <script src="public/app.js"></script>

</body>
</html>