-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathINDEX.HTML
128 lines (110 loc) · 5.48 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
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
<!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.0">
<link rel="stylesheet" href="CSS/STYLE.CSS">
<title>TheBooleaner</title>
</head>
<body>
<!-- qui trovo l'intestazione -->
<header>
<img id="logo" src="img/logo.svg" alt="logo">
</header>
<!-- qui trovo il corpo pagina -->
<main>
<!-- qui trovo in titolo -->
<section class="titolo">
<h1>
Internet deve essere al servizio del "bene pubblico": il manifesto di Tim Berners-Lee
</h1>
<h5>
Scritto da <span>The Booleaner</span> <br> il 10/10/2020
</h5>
</section>
<!-- qui trovo le immagini e la loro descrizione -->
<section>
<img src="img/tim-1.jpg" alt="tim">
<img src="img/tim-2.jpg" alt="tim2">
<h6>
1st Photo: John S. and James L.Knight Foundation, by Scott Henrichsen <br>2nd Photo: Wikimedia, by Paul Clarke
</h6>
<h6>
</h6>
</section>
<!-- qui trovo il paragrafo con il suo elenco puntato -->
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim velit vitae deleniti! Deleniti tempora Ipsa pariatur aliquam commodi adipisci nemo vero! a voluptate? Facere, ratione reiciendis. Enim, possimus Lorem ipsum dolor sit amet <span>adipisicing elit. Dolorum quo molestias earum voluptatum nostrum atque accusamus minima soluta odit consequuntur</span> odio necessitatibus aspernatur sed, doloremque eum nihil officia modi veritatis.</p>
<ul>
<li>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel quod quibusdam nesciunt cupiditate, dolorum eos error impedit tenetur natus harum animi reiciendis omnis saepe explicabo, mollitia expedita fugit molestiae fugiat?
</li>
<li>
ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper consequat.
</li>
<li>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Temporibus, optio eaque? Sequi nulla corrupti tenetur quibusdam, illo pariatur, facere quo fuga nesciunt, earum perferendis repellendus sint assumenda atque tempore recusandae!
</li>
</ul>
<!-- qui trovo la tabella -->
<section>
<table>
<thead>
<tr>
<th>Lorem ipsum dolor</th>
<th>Lorem ipsum dolor</th>
<th>Lorem ipsum dolor</th>
</tr>
</thead>
<tbody>
<tr class="riga1">
<td>
Lorem ipsum dolore
</td>
<td>
Lorem ipsum dolore
</td>
<td>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Neque saepe quasi assumenda autem nam, aliquam amet aut numquam nulla sequi debitis eveniet dignissimos id reprehenderit? Ex, est quae? Magnam, illo!
</td>
</tr>
<tr class="riga2">
<td>
Lorem ipsum dolore
</td>
<td>
Lorem ipsum dolore
</td>
<td>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Neque saepe quasi assumenda autem nam, aliquam amet aut numquam nulla sequi debitis eveniet dignissimos id reprehenderit? Ex, est quae? Magnam, illo!
</td>
</tr>
<tr class="riga3">
<td>
Lorem ipsum dolore
</td>
<td>
Lorem ipsum dolore
</td>
<td>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Neque saepe quasi assumenda autem nam, aliquam amet aut numquam nulla sequi debitis eveniet dignissimos id reprehenderit? Ex, est quae? Magnam, illo!
</td>
</tr>
</tbody>
</table>
</section> <!--qui finisce la tabella-->
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Impedit officia bland<span>itiis provident expedita quis laudantium. Pariatur illo dolore quas cum quia quae vero quis modi.</span> Nihil voluptatem ducimus maxime sint. Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint beatae officia sed unde suscipit non perferendis, qui blanditiis necessitatibus ex accusamus amet minus tenetur deleniti id voluptates illo! Mollitia, dicta. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt aperiam aliquid numquam. Facere ullam id dolore vel, qui repellendus dolorem quam in alias eum officiis illum, blanditiis non nisi neque!
</p>
</main>
<!-- qui trovo la fine della pagina -->
<footer>
<h5>
Potrebbero interessarti
</h5>
<h4>Lorem ipsum dolor</h4>
<img src="img/monitor.jpg" alt="monitor">
<h6>Copiright Antonino Piazza Palotto</h6>
</footer>
</body>
</html>