-
Notifications
You must be signed in to change notification settings - Fork 0
/
1LeituraPrevio.html
177 lines (138 loc) · 8.08 KB
/
1LeituraPrevio.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
176
177
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- menu principal css -->
<link href="css/menu.css" rel="stylesheet">
<link href="css/web.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- jogo-->
<script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script>
<script src='https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
</script>
<script type="text/javascript" async src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_CHTML">
</script>
<script src="js/ddmenu.js" type="text/javascript"></script>
<script src="js/form.js" type="text/javascript"></script>
<script src="js/jogo1.js" type="text/javascript"></script>
<title>Leitura de Frações 4/4</title>
</head>
<body onload="initi()">
<!-- Navigation -->
<a id="ddmenuLink" href="menuprincipal.html"></a>
<!-- Content -->
<div style="position:absolute;">
<p id="tipDiv1" style="display:none;" class="speech-bubble talktext balao-medio">Lembre-se do
<a href="1Leitura2.html" data-toggle="tooltip" data-placement="top" title="O numerador tem o objetivo de representar determinada parte do inteiro!">numerador</a> e do
<a href="1Leitura2.html" data-toggle="tooltip" data-placement="top" title="O denominador tem o objetivo de representar a quantidade de partes que o inteiro foi dividido!">denominador</a>
<br>
<a class="btn btn-primary btn-md" onclick="hideTip()" role="button">Entendi!</a></p>
<img class="mama2 tutor" src="src\menina-pensando.png" alt="menina-pensando">
<img class="baby " style="margin: 100px 0px 0px 90px;position:absolute;" src="src\students.svg" alt="students">
<img style="margin: 90px 0px 0px 1320px;position:absolute; width: 60px;" src="src\park.svg" alt="park">
<img class="mama " style="margin: 71px 0px 0px 150px;position:absolute;" src="src\school-bus.svg" alt="school-bus">
</div>
<div class="container">
<div class="page-header">
<h1>1.1 Leitura de Frações <small>Atividade</small></h1>
</div>
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
<span class="sr-only">0% Complete (success)</span>
</div>
</div>
<div class="row">
<div class="portfolio-item col-md-offset-2 col-md-8">
<h4>Encontrando a fração</h4>
<p style="text-align: justify">Arraste o círculo que representa a fração até o quadrado:
<br>
<br>
</p>
</div>
<div class="row text-center">
<canvas id="mycanvas" width="1000" height="700" style="border:4px solid #aaaaaa; background: rgb(255, 255, 255)">
não pode ser carregado
</canvas>
<br>
<br>
<br>
</div>
</div>
<!-- Pagination -->
<div class="row text-center">
<div class="col-lg-12">
<a class="btn btn-primary btn-lg" role="button" onclick="showTip()">Dica</a>
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#modalExemplo">Exemplo</button>
<a class="btn btn-primary btn-lg" href="0Inicio.html" role="button">Voltar</a>
<a class="btn btn-primary btn-lg" href="1Leitura1.html" role="button">Continuar</a>
<br><br><br>
</div>
</div>
<!-- Modal Exemplo-->
<div class="modal fade" id="modalExemplo" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<div>
<div class="col-sm-4"><img class="mama2" src="src\guarda-sol.png" alt="pool"> </div>
<div class="col-sm-8">
<h2 class="modal-title">Exemplo</h2></div>
</div>
</div>
<div class="modal-body col-xs-offset-1 col-xs-10">
<p>This is a large modal.</p>
<p style="text-align: justify">No mei stet persequeris. Ei denique pertinacia vel. Quando nonumy detraxit ei ius, at facer aperiri has. No semper fuisset adversarium eos, tale periculis id mei, cu rationibus cotidieque sea. Essent explicari conclusionemque ex
mea, eu sit fabulas facilis voluptua.
</p>
<p>Mel ipsum volutpat te. Duo an sint ferri atomorum. Mea te choro integre postulant, quaestio salutandi qui an, accumsan sensibus delicatissimi sit ea. Ei vel eirmod mediocrem, noster viderer ex sit. Dicant referrentur reprehendunt
vim id, quo ad sale nonumy delicata. Volumus alienum periculis mea no, vis utinam mediocrem incorrupte no, zril persius no eos.
</p>
<p>In cibo efficiendi concludaturque his. Nec ne bonorum appareat, ei qui noster sadipscing. Vix ex elit eruditi interesset. Ridens volutpat accusamus ex duo, at melius deterruisset vis. Qui solum decore an, congue melius fuisset
ea sea.
</p>
<p>
Ne omnis referrentur neglegentur has, at mea esse animal mnesarchum. Eos aperiam imperdiet ad, habemus cotidieque vix ea. Id vim soluta consequat suscipiantur, per ea quod debet quidam. Augue antiopam at vix, ubique eleifend efficiantur ad per, vel aliquip
phaedrum philosophia ut. Ea consulatu referrentur sea.
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default">Não entendi</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Entendi</button>
</div>
</div>
</div>
</div>
<!-- Modal Parabéns-->
<div class="modal fade" id="modalParabens" role="dialog">
<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h2 class="modal-title text-center">Parabéns!</h2>
</div>
<div class="modal-body col-xs-offset-2 col-xs-8">
<div class="raw text-center">
<img class="mama " src="src\menina-palmas.png" alt="pool">
<p style="text-align: justify"> Você acaba de completar o tópico leitura de frações e ganhou 50 pontos. Continue para o próximo tópico "Adição".
</p>
</div>
</div>
<div class="modal-footer">
<a class="btn btn-primary btn-lg" href="0Inicio.html" role="button">Continuar</a>
</div>
</div>
</div>
</div>
<!-- pagination -->
</div>
<!-- /.container -->
<a id="ddmenuLink" href="foot.html"></a>
</body>
</html>