-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
58 lines (55 loc) · 2.78 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-109282098-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-109282098-1');
</script>
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta charset="utf-8" />
<title>10.000 Dias da Web</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
<link href="css/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
<div class="panel panel-calc panel-danger">
<div class="panel-heading">
<h2 class="text-center">Mozilla - 10.000 Dias da Web!</h2>
</div>
<div class="panel-body">
<p>
Dia 28 de julho estaremos celebrando 10.000 Dias da Web!<br>
É um divertido e interessante marco que estamos deixando para trás. Esperamos que vocês sejam parte dessa celebração online com a hashtag <strong>#10kDays</strong> e <strong>#MozillaBrasil</strong>
</p>
<input type="text" placeholder="Digite a data aqui - Formato: dia/mês/ano" name="field-data" id="field-data" class="form-control" />
<br />
<div class="box-result">
<p class="big-txt">
Entre os 10 mil dias de Web esse é o dia de número: <strong><span id="result-data"></span></strong>
</p>
<p class="text-center">
<strong>Quer compartilhar isso com a galera?</strong><br>
<a class="twitter-share" href="#" >Tweet algum fato sobre esse dia usando a #10kDays e #MozillaBrasil!</a>
</p>
<br>
</div>
<div class="text-center">
<button type="button" id="calcular" date-format="pt-br" class="btn btn-danger">Qual dos 10mil dias foi esse?</button>
</div>
</div>
</div>
</div>
<!-- Javascript -->
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script src="js/mask.js"></script>
<script src="js/main.js"></script>
</body>
</html>