-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (104 loc) · 3.39 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>MiCla - Diseño y Programación Web</title>
<!---Enlace todo wapo para enlazar al css---->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet"
href="https://unpkg.com/boxicons@latest/css/boxicons.min.css">
<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=Montserrat:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
</head>
<body>
<header>
<ul class="navbar">
<li><a href="#home">Inicio</a></li>
<li><a href="#categories">Clases</a></li>
<li><a href="#about">Información</a></li>
</ul>
<div class="header-icons">
<a href="subpaginas/nosotros/nosotros.html"><i class='bx bx-user'></i></a>
<div class="bx bx-menu" id="menu-icon"></div>
</div>
</header>
<!---Sección para el banner principal del colegio---->
<section class="home" id="home">
<div class="home-text">
<h6>Colegio de Bachillerato "Jambelí"</h6>
<h1>Diseño & Programación Web</h1>
<p>Tercero de Bachillerato</p>
<div class="latter">
</div>
</div>
<div class="home-img">
<img src="img/home.png" alt="">
</div>
</section>
<!---Aquí empiezan las cajas de contenido---->
<section class="categories" id="categories">
<div class="center-text">
<h5>CATEGORÍA</h5>
<h2>Clases</h2>
</div>
<div class="categories-content">
<div class="box">
<img src="img/cate1.png">
<h3>Contenido de clases</h3>
<a href="Subpaginas/contenido/contenido.html"><button >Ingresar</button></a>
</div>
<div class="box">
<img src="img/cate2.png">
<h3>Archivos adicionales</h3>
<a href="Subpaginas/archivos adicionales/archivos.html">
<button >Ingresar</button>
</a>
</div>
<div class="box">
<img src="img/cate3.png">
<h3>Descargar programas</h3>
<a href="Subpaginas/descargas/descargas.html"><button >Ingresar</button></a>
</a>
</div>
<div class="box">
<img src="img/cate4.png">
<h3>Ejercicios <br />complementarios</h3>
<a href="Subpaginas/actividades/actividades.html">
<button >Ingresar</button>
</a>
</div>
<div class="box">
<img src="img/cate5.png">
<h3>Actividades <br />autónomas</h3>
<a href="Subpaginas/videos/videos.html">
<button >Ingresar</button>
</a>
</div>
<div class="box">
<img src="img/cate6.png">
<h3>Documentación <br />disponible</h3>
<a href="Subpaginas/documentacion/documentacion.html">
<button >Ingresar</button>
</a>
</div>
</div>
</section>
<!---Esta es la sección de acerca de---->
<section class="about" id="about">
<div class="about-img">
<img src="img/about.png">
</div>
<div class="about-text">
<h2>¿Por qué fue creada la página?</h2>
<p>Fue creada con la finalidad de otorgar a los estudiantes una experiencia única al momento de aprender la asignatura de Diseño y Programación Web.</p>
<h4>Universidad Técnica de Machala</h4>
<h4>Colegio de Bachillerato Jambelí</h4>
<a href="Subpaginas/nosotros/nosotros.html" class="btn">Conoce sus desarrolladores!</a>
</div>
</section>
<!---Enlace del js---->
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>