-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
95 lines (88 loc) · 3.45 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
<!DOCTYPE html> <!--Common DOCTYPE Declaration for HTML 5-->
<!--<strong> is used around things you want to show up bold visually, but also semantically ie.
in search engines like Google or Bing when they parse your page, will see it as relevant and
important to what you're displaying... Like a list of facts about your product, or a large discount, etc.
<b> is used for visual effect on certain words or text that aren't as important.-->
<html lang="es">
<head>
<title>Bienvenido a Mixlaab</title>
<style>
div.btext{width: 100%;}
</style>
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="js/script.js"></script>
<script>
function startTime() {
var today = new Date();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
h = checkTime(h);
m = checkTime(m);
s = checkTime(s);
document.getElementById('txt').innerHTML =
h + ":" + m + ":" + s;
var t = setTimeout(startTime, 500);
}
function checkTime(i) {
if (i < 10) {i = "0" + i}; // add zero in front of numbers < 10
return i;
}
</script>
<link rel="stylesheet" href="mxlstyle.css">
<link rel="icon" href="https://assets-cdn.github.com/images/modules/logos_page/Octocat.png">
</head>
<body id="bodystyle" onload="startTime()">
<script src = "https://cdn.jsdelivr.net/npm/[email protected]/particles.min.js"></script>
<script>
particlesJS.load('particles-js','particles.json', function(){
console.log('particles json loaded...');
});
</script>
<div id ="particles-js"><div class = "btext">
<img src = "mxl_logo_ver2.png" align="center" width=220px alt = "mxllogo"/>
<!--<button onclick="revealMessage()"> Click me! </button>
<p id="hiddenMessage" style="display:none"> Mixlaab es un proyecto mexicano en desarrollo. Queremos demostrar que cosas grandiosas pasan cuando la gente trabaja en conjunto. </p><hr />-->
<br/>
<br/>
<h2 id ="txt" class="text1"></h2>
<!-- <hr width = "100%" align = "center" /> -->
<div id='cssmenu'>
<ul>
<li class='active'><a href="index.html"><span>Inicio</span></a></li>
<li><a href="equipo.html"><span>Equipo Mixlaab</span></a></li>
<li><a href="about.html"><span>Acerca de Mixlaab</span></a></li>
<li><a href="escuelas.html"><span>Escuelas</span></a></li>
<li class='last'><a href="email.html"><span>Contacto</span></a></li>
</ul>
</div>
<br/>
<img align = "center" src = "ball.gif" width=320px alt = "sagancarl"/>
<!-- <table align ="center" border="3px">
<tr>
<td><a href="mxlteam.html">Equipo Mixlaab</a></td>
</tr>
<tr>
<td><a href="about.html" target = "_blank">Acerca de Mixlaab</a></td>
</tr>
<tr>
<td><a href="email.html">Contáctanos</a></td>
</tr>
<tr>
<td><a href="universidades.html">Escuelas</a></td>
</tr>
</table> -->
<!--<div id="intro">
<p class="first">"Se curioso, lee mucho, intenta nuevas cosas. Lo que la gente llama inteligencia no es mas que simple curiosidad". Aaron Swartz</p>
</div>-->
</hr>
</div>
</div>
<script type = "text/javascript" src = "particles.js"></script>
<script type = "text/javascript" src = "app.js"></script>
<!--<h1 class="text1"><strong><big>M<span class="black">I</span><span class="red">X</span><span class="black">LAAB</span></big></strong></h1>-->
</body>
</html>