-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
175 lines (167 loc) · 6.87 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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!DOCTYPE html>
<html lang = "en">
<head>
<link rel="shortcut icon" type="image/x-icon" href="./img/logoNuevo.png">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Zona Fabo</title>
</head>
<body>
<header>
<a href="#" class="logo"> <img src="./img/chicanegra.png"/> </a>
<div class="righSide">
<div class="btns dayNight">
<ion-icon name="moon-outline"></ion-icon>
<ion-icon name="sunny-outline"></ion-icon>
</div>
<div class="btns menuToggle">
<ion-icon name="menu-outline"></ion-icon>
<ion-icon name="close-outline"></ion-icon>
</div>
</div>
</header>
<section class="main">
<video src="./img/fonde.mp4" autoplay loop muted type='mp4'></video>
<img src="mask.jpg" class="mask">
<h2><img src="./img/predeterminada.png" class= "imagenNueva"/> </h2>
<p class="copyrightText">© Fabo - 2021</p>
<ul class="sci">
<li><a href="https://github.com/ZonaFabo" target="_blank"><ion-icon name="logo-github"></ion-icon></a></li>
<li><a href="https://www.instagram.com/fabianm__11/" target="_blank"><ion-icon name="logo-instagram"></ion-icon></a></li>
<li><a href="https://www.linkedin.com/in/fabián-martinez-rincon-03b458200" target="_blank"><ion-icon name="logo-linkedin"></ion-icon></a></li>
</ul>
</section>
<!--navegacion-->
<ul class="navigation">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Package</a></li>
<li><a href="#">Contact</a></li>
</ul>
<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
<script>
let dayNight = document.querySelector('.dayNight')
let menuToggle = document.querySelector('.menuToggle')
let body = document.querySelector('body')
let navigation = document.querySelector('.navigation')
body.classList.toggle('dark')
dayNight.classList.toggle('active')
dayNight.onclick=function(){
body.classList.toggle('dark')
dayNight.classList.toggle('active')
}
menuToggle.onclick=function(){
menuToggle.classList.toggle('active')
navigation.classList.toggle('active')
}
</script>
<div class = "container">
<div class="box">
<span></span>
<div class="content">
<h2>EPA</h2>
<p>Ingreso </p>
<p>Materia de ingreso en donde nos introducimos en los conceptos basicos de programacion utilizando R-Info </p>
<a href="https://github.com/Fabian-Martinez1/EPA" target="_blank">Repositorio</a>
</div>
</div>
<div class="box">
<span></span>
<div class="content">
<h2>CADP</h2>
<p>1er semestre </p>
<p>Aplicamos vectores, registros y listas en el lenguaje pascal </p>
<a href="https://github.com/Fabian-Martinez1/CADP" target="_blank">Repositorio</a>
</div>
</div>
<div class="box">
<span></span>
<div class="content">
<h2>TALLER </h2>
<p>2do semestre </p>
<p> Aprendemos tres paradigmas de programacion: Imperativo (Pascal), Objetos (Java), Concurrente (R-Info)</p>
<a href="https://github.com/Fabian-Martinez1/Taller-de-Programacion" target="_blank">Repositorio</a>
</div>
</div>
</div>
<div class = "container">
<div class="box">
<span></span>
<div class="content">
<h2>OC</h2>
<p>1er semestre </p>
<p>Aprendemos el sistema de representacion numerico y utilizamos assembly </p>
<a href="https://github.com/Fabian-Martinez1/OC" target="_blank">Repositorio</a>
</div>
</div>
<div class="box">
<span></span>
<div class="content">
<h2>AC</h2>
<p>2do semestre </p>
<p>Conceptos basicos de assembly y assembly en la arquitectura RISC</p>
<a href="https://github.com/Fabian-Martinez1/Arquitectura-de-Computadoras" target="_blank">Repositorio</a>
</div>
</div>
</div>
<div class = "container">
<div class="box">
<span></span>
<div class="content">
<h2>MATE 1</h2>
<p>Nociones basicas de conjuntos, conceptos de álgebra y geometria analítica y sistemas de ecuaciones lineales </p>
<a href="#" target="_blank">Repositorio</a>
</div>
</div>
<div class="box">
<span></span>
<div class="content">
<h2>MATE 2</h2>
<p>2do semestre </p>
<p>Funciones, Limites, Continuidad, Derivadas e Integrales </p>
<a href="#" target="_blank">Repositorio</a>
</div>
</div>
<div class="box">
<span></span>
<div class="content">
<h2>MATE 3</h2>
<p>5to semestre </p>
<p>Probabilidades y Estadistica </p>
<a href="#" target="_blank">Repositorio</a>
</div>
</div>
</div>
<div class = "container">
<div class="box">
<span></span>
<div class="content">
<h2>AED</h2>
<p>3er semestre </p>
<p>Nociones basicas de conjuntos, conceptos de álgebra y geometria analítica y sistemas de ecuaciones lineales </p>
<a href="#" target="_blank">Repositorio</a>
</div>
</div>
<div class="box">
<span></span>
<div class="content">
<h2>Seminario de Lenguajes</h2>
<p>3er semestre </p>
<p>Funciones, Limites, Continuidad, Derivadas e Integrales </p>
<a href="#" target="_blank">Repositorio</a>
</div>
</div>
<div class="box">
<span></span>
<div class="content">
<h2>FOD</h2>
<p>3er semestre </p>
<p>Probabilidades y Estadistica </p>
<a href="#" target="_blank">Repositorio</a>
</div>
</div>
</div>
</body>
</html>