web-colegio/index.html at master · DesignComunity/web-colegio · 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
<!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">
    <title>Pagina Web - Colegio</title>
    <!--==== Bootstrap =====-->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">

    <!-- Styles -->
    <link rel="stylesheet" href="css/nivo-slider.css">
    <link rel="stylesheet" href="css/mi-slider.css">

    <link rel="stylesheet" href="css/style.css">


    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>
        <!-- JavaScript -->
    <script src="js/jquery.nivo.slider.js"></script>

    <script type="text/JavaScript">
        $(window).on('load', function() {
            $('#slider').nivoSlider();
        });
    </script>

</head>
<body>

    <nav class="navbar navbar-expand-sm bg-color navbar-dark">
        <!-- Brand -->
        <div class="container">
            <a class="navbar-brand" href="#">ALFONSO UGARTE</a>

            <!-- Links -->
            <ul class="navbar-nav ml-auto item-nav">
              <li class="nav-item">
                <a class="nav-link" href="index.html">Inicio</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="nosotros.html">Nosotros</a>
              </li>
              <!-- Dropdown -->
              <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="servicios.html" id="navbardrop" data-toggle="dropdown">
                  Servicios
                </a>
                <div class="dropdown-menu">
                  <a class="dropdown-item" href="#">Inicial</a>
                  <a class="dropdown-item" href="#">Primaria</a>
                  <a class="dropdown-item" href="#">Secundaria</a>
                </div>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="contacto.html">Contáctanos</a>
              </li>
            </ul>
        </div>
      </nav>

        <section>
            <div class="slider-wrapper theme-mi-slider">
              <div id="slider" class="nivoSlider">
                  <img src="img/1.png" alt="" title="#htmlcaption1">
                  <img src="img/2.png" alt="" title="#htmlcaption2">
                  <img src="img/3.png" alt="" title="#htmlcaption3">
              </div>
            </div>
        </section>
        <br/>
         <section class="company_about_area">
            <div class="container">
                    <div class="content-title">
                        <h1 class="text-center">ALFONSO UGARTE</h1>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                           <p>
                               Somos un colegio comprometido con los valores y la disciplina, enseñando alta
                               calidad con profesores de alta excelencia y brindando confianza a los estudiantes,
                               asimismo nuestro compromiso siempre sera que los estudiantes sean reconocidos en las
                               mejores universidad en todo el Perú.
                           </p>
                              <a class="read_btn" href="nosotros.html">Ver más</a>
                        </div>
                        <div class="col-md-6">
                            <div class="company_image">
                                <img src="img/img1.jpg" alt="">
                            </div>
                        </div>
                    </div>
            </div>
         </section>


<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>