-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
103 lines (87 loc) · 4.51 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Booleaner: Internet al servizio del "bene pubblico": il manifesto di Tim Berners-Lee</title>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<header>
<div class="container">
<br>
<br>
<img id="logo_header" src="./img/logo.svg" alt="logo the booleaner">
<br>
<br>
</div>
</header>
<main>
<section>
<h1 id="titolo">Internet deve essere al servizio del "bene pubblico": il manifesto di Tim Berners-Lee</h1>
<p id="sottotitolo">
Scritto da <span>The Booleaner</span>
</p>
<p id="sottotitolo1">
il 10/10/2020
</p>
</section>
<section>
<div class="container1">
<img src="./img/tim-1.jpg" alt="Tim Berners-Lee che parla">
<img src="./img/tim-2.jpg" alt="Tim Berners-Lee">
<p id="photo1">
1st Photo: John S. and James L. Knight Foundation, by Scott Henrichsen
</p>
<p id="photo2">
2st Photo: Wikimedia, by Paul Clarke
</p>
</div>
</section>
<section class="section3">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam aliquid provident id libero incidunt mollitia dignissimos saepe magni voluptatum explicabo, quibusdam ullam eum dolor cum numquam reprehenderit qui vitae quisquam. Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore, earum. Incidunt illum, <mark>culpa dolores, at ab delectus laborum alias sed assumenda et a dolor inventore? </mark>Esse eius illum voluptas vitae?
</p>
<ul>
<li>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Culpa eum dolores dicta, corrupti adipisci tempora rerum doloribus deleniti. Voluptates quae recusandae officia autem debitis temporibus odio sequi a repellat. Vero.</li>
<li>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Atque magnam accusamus harum tempora. Dolor, id porro officiis corrupti ad voluptate voluptatem eligendi ratione deserunt corporis reprehenderit qui eius repellat quis.</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Unde, tempore quo! Dolore maiores at porro aspernatur pariatur odit? Corporis reprehenderit optio tenetur obcaecati quod, neque possimus explicabo similique debitis est?</li>
</ul>
</section>
<br>
<section class="section2">
<table>
<thead>
<tr>
<th>Lorem ipsum dolor</th>
<th>Lorem ipsum dolor</th>
<th>Lorem ipsum dolor</th>
</tr>
</thead>
<tbody>
<tr>
<td>Lorem ipsum dolor</td>
<td>Lorem ipsum dolor</td>
<td>Lorem ipsum dolor sit consectetur, adipisicing elit. Consequuntur, quibusdam! Eveniet facere eius maiores libero quam atque, quod rem officia, nisi error impedit et tempora laboriosam quo nesciunt non? Aperiam.</td>
</tr>
<tr>
<td>Lorem ipsum dolor</td>
<td>Lorem ipsum dolor</td>
<td>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa ducimus sit placeat. Totam sed magnam nulla. Voluptates, consequuntur beatae! Est sequi eos veniam in fuga excepturi libero porro quos similique?</td>
</tr>
<tr>
<td>Lorem ipsum dolor</td>
<td>Lorem ipsum dolor</td>
<td>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sunt tempora, eos accusantium accusamus ea quasi aliquam amet non illo commodi dolores maxime! Sapiente ex neque atque aliquam! Nostrum, placeat labore?</td>
</tr>
</tbody>
</table>
</section>
</main>
<footer>
<div class="container2">
<h6 id="text_footer">Copyryght The Booleaner - Tutti i diritti riservati</h6>
</div>
</footer>
</body>
</html>