-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
104 lines (95 loc) · 5.17 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
<!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">
<title>Document</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- barra con pattern e logo -->
<header>
<div class="logo">
<img src="img/logo.svg" alt="The Booleaner">
</div>
</header>
<!-- /barra con pattern e logo -->
<main>
<!-- titolo -->
<section>
<h1>Internet deve essere al servizio del "bene comune":il manifesto di Tim Berners-Lee</h1>
<span id="grigio">Scritto da <span id="blu">The Booleaner</span><br><span id="date">il 10/10/2020</span></span>
</section>
<!-- /titolo -->
<!-- immagini con legenda -->
<section class="immagini">
<img src="img/tim-1.jpg" alt="">
<img src="img/tim-2.jpg" alt="">
<p>1st Photo:Jhon S. and James L. Knight Foundation, by Scott Henrichsen <br> 2nd Photo:Wikimedia, by Paul Clarke</p>
</section>
<!-- /immagini con legenda-->
<!-- primo testo lorem -->
<section>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum cum eos debitis a quo tempora quos, tempore molestias ipsam consequuntur blanditiis, et reiciendis nemo quae ab quaerat corporis. Neque, rerum?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis, ab. Sapiente, repellendus eligendi iure nesciunt est suscipit sunt distinctio cumque eos repellat enim, at placeat <span class="highlight"> odit maxime dolore necessitatibus odio.</span> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, suscipit optio ipsum distinctio dolores corporis provident. Nisi officia, illum quas delectus eveniet recusandae repellendus porro libero excepturi ratione esse eos.</p>
</section>
<!-- /primo testo lorem -->
<!-- ul -->
<section>
<ul>
<li>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolorem, perferendis ipsum odit vitae ratione hic? Enim ipsam iure veritatis quos iste fugit obcaecati aut odio eveniet. Eveniet ipsa fugit natus.</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint, tempora? Veritatis dolorem iure aspernatur in, deleniti iusto consequatur impedit beatae atque ad et eligendi repudiandae praesentium corrupti, tempora quae laboriosam?</li>
<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Optio eveniet illo velit autem iusto aut voluptatem veritatis minima a fuga, quisquam, deleniti enim temporibus libero. Dignissimos, harum! Quasi, dolorem quam?</li>
</ul>
</section>
<!-- /ul -->
<!-- tabella -->
<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 amet consectetur adipisicing elit. Amet dolorem dolores iste aliquam adipisci. Nostrum deserunt corrupti officiis ut assumenda, fuga natus, voluptate illum, accusantium labore ratione sequi perspiciatis omnis.
</td>
</tr>
<tr>
<td>Lorem ipsum dolor</td>
<td>Lorem ipsum dolor</td>
<td>Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus, ad mollitia libero, nulla atque neque reprehenderit laboriosam in blanditiis nesciunt magni, inventore eius cumque dolore distinctio laborum doloribus odio similique!</td>
</tr>
<tr>
<td>Lorem ipsum dolor</td>
<td>Lorem ipsum dolor</td>
<td>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Molestiae doloribus deserunt, laudantium corrupti eligendi quisquam perspiciatis eaque expedita impedit et iusto eius accusamus dolor voluptates quidem ratione vero minima fugit.</td>
</tr>
</tbody>
</table>
<!-- /tabella -->
<!-- secondo testo lorem -->
<section>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum cum eos debitis a quo tempora quos, tempore molestias ipsam consequuntur blanditiis, et reiciendis nemo quae ab quaerat corporis. Neque, rerum?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis, ab. Sapiente, repellendus eligendi iure nesciunt est suscipit sunt distinctio cumque eos repellat enim, at placeat <span class="highlight"> odit maxime dolore necessitatibus odio.</span> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, suscipit optio ipsum distinctio dolores corporis provident. Nisi officia, illum quas delectus eveniet recusandae repellendus porro libero excepturi ratione esse eos.</p>
</section>
<!-- /secondo testo lorem -->
<footer>
<span id="grigio2">Potrebbero interessarti</span>
<!-- primo contenitore immagine footer -->
<div id="foot1">
<span class="item">Lorem ipsum dolor</span>
</div>
<!-- &primo contenitore immagine footer -->
<!-- secondo contenitore immagine footer -->
<div id="foot2">
<span class="item">Lorem ipsum dolor</span>
</div>
<!-- /secondo contenitore immagine footer -->
</footer>
</main>
</body>
</html>