-
Notifications
You must be signed in to change notification settings - Fork 0
/
2.html
57 lines (52 loc) · 2.64 KB
/
2.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
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DOT | ID</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<a href="index.html">
<h2 style="color: white;">Riccardo Ventura<br>Interaction Design</h2></a>
<h3 style="background-color: #2C2CAF;" class="hidden grid pDot">2.<br>Dot</h3>
</header>
<div class="container">
<div class="column1">
<ol>
<a class="a1" href="1.html">1. <p class="hidden">Ordine Di Lettura</p></a>
<a class="a2" href="2.html">2.<p class="hidden">Dot</p></a>
<a class="a3" href="3.html">3.<p class="hidden">Immaginazione</p></a>
<a class="a4" href="4.html">4.<p class="hidden">Tangram Composition</p></a>
<a class="a5" href="5.html">5.<p class="hidden">Pattern</p></a>
<a class="a6" href="6.html">6.<p class="hidden">Griglia</p></a>
<a class="a7" href="7.html">7.<p class="hidden">Problemi</p></a>
<a class="a8" href="8.html">8.<p class="hidden">Gesto</p></a>
</ol>
<div class="hidden anteprima anteprimaDot">
<img src="img/DOTS/Template_5_tavole-01.jpg" width="90px" height="90px">
<img src="img/DOTS/Template_5_tavole-02.jpg" width="90px" height="90px">
<img src="img/DOTS/Template_5_tavole-03.jpg" width="90px" height="90px">
<img src="img/DOTS/Template_5_tavole-04.jpg" width="90px" height="90px">
<img src="img/DOTS/Template_5_tavole-05.jpg" width="90px" height="90px">
</div>
</div>
<div style="background-color: #2C2CAF;" class="column2">
<p class="pDot">Disporre nove cerchi neri di 2 cm di diametro su un fondo bianco di lato 30 cm. Attenzione, i cerchi non possono sovrapporsi l’un l’altro. Crea delle composizioni secondo le seguenti disposizioni:
1 Casuale
2 Tensione max.
3 Tensione min.
4 Soggetto figurativo
5 Una lettera</p>
<div class="imgCenter scroll">
<img src="img/DOTS/Template_5_tavole-01.jpg" alt="tav1">
<img src="img/DOTS/Template_5_tavole-02.jpg" alt="tav2">
<img src="img/DOTS/Template_5_tavole-03.jpg" alt="tav3">
<img src="img/DOTS/Template_5_tavole-04.jpg" alt="tav4">
</div>
</div>
</div>
</body>
</html>