-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathclock.html
80 lines (78 loc) · 2.87 KB
/
clock.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
<!DOCTYPE html>
<html lang="es" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Estilos CSS -->
<link rel="stylesheet" href="./css/styles.css">
<link id="theme" rel="stylesheet" href="./css/green.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<!-- Jquery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<!-- Moment Js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.js" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/locale/es.js" charset="utf-8"></script>
<!-- Script principal -->
<script type="text/javascript" src="./js/main.js" charset="utf-8"></script>
<title>Proyecto en JS</title>
</head>
<body>
<!-- Cambiar temas -->
<div id="theme-selector">
<div id="to-green"></div>
<div id="to-red"></div>
<div id="to-blue"></div>
</div>
<section id="global">
<!-- Encabezado -->
<header>
<div id="logo">
<h1>Projecto JS</h1>
</div>
<div class="clearfix"></div>
<nav id="menu">
<ul>
<li><a href="index.html" title="Inicio">INICIO</a></li>
<li><a href="about.html" title="Sobre Mi">SOBRE MI</a></li>
<li><a href="contact.html" title="Contacto">CONTACTO</a></li>
<li><a href="clock.html" title="Reloj">RELOJ</a></li>
</ul>
</nav>
</header>
<!-- Articulos -->
<section id="content">
<!-- RELOJ con MomentJS -->
<div id="box">
<h2>La hora es:</h2>
<div id="reloj">
</div>
</div>
<!-- Sidebar -->
<aside id="sidebar">
<div id="about">
<h4><span>¿Quién soy?</span></h4>
<img src="./img/caracol.jpg" alt="caracol">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<!-- Formulario de Login -->
<div id="login">
<h4><span>Ingresar</span></h4>
<form id="form" class="" action="index.html" method="post">
<label for="username">Usuario</label>
<input type="text" name="username" id="username" value="">
<label for="password">Contraseña</label>
<input type="password" name="password" id="password" value="">
<input type="submit" name="" value="Ingresar">
</form>
</div>
<!-- Fin del formulario -->
</aside>
<div class="clearfix"></div>
</section>
</section>
<footer>
Master en JavaScript con Udemy ©
</footer>
<a id="button"></a>
</body>
</html>