-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
97 lines (80 loc) · 5.07 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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="css/style.css">
<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>The Booleaner</title>
</head>
<body>
<header>
<div class="head">
<img src="img/logo.svg" alt="logo" id="logo">
</div>
</header>
<main>
<!-- Sezione titolo e foto Tim Berners Lee -->
<section>
<h1>Internet deve essere al servizio del "bene pubblico": il manifesto di Tim Berners-Lee</h1>
<p class="grey">
Scritto da <span id="bool">The Booleaner</span> <br>
il 13/01/2021
</p>
<img src="img/tim-1.jpg" alt="">
<img src="img/tim-2.jpg" alt="">
<p id="subtitle">
1st Photo: John S. and James L. Knight Foundation, by Scott Henrichsen <br>
2nd Photo Wikimedia, by Paul Clarke
</p>
</section>
<!-- Sezione centrale -->
<section>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum a soluta possimus pariatur consectetur officia tempore repudiandae nisi <span class="yellow"> perspiciatis nam? Doloremque a ea blanditiis. Accusamus molestias </span> modi accusantium aperiam recusandae! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quia iure provident facere eveniet repudiandae. Amet repellendus optio dolorum quia magnam quam illum harum aut nesciunt tenetur facere, nam laborum minus! Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta, libero incidunt. Repellendus exercitationem blanditiis dolorem provident ab fugiat nulla eligendi, ipsam nisi laudantium voluptate ipsa eum suscipit ratione eius molestias?</p>
<ul>
<li> Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum a soluta possimus pariatur </li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum a soluta possimus pariatur</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum a soluta possimus pariatur</li>
</ul>
<table>
<thead>
<tr id="blue">
<th>Lorem ipsum dolor</th>
<th>Lorem ipsum dolor</th>
<th class="half-width">Lorem ipsum dolor</th>
</tr>
</thead>
<tbody>
<tr class="tablerow">
<td>Lorem ipsum dolor</td>
<td>Lorem ipsum dolor</td>
<td>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum iure assumenda sit eum suscipit ex dolorem eveniet corporis? Sequi nisi similique quisquam vero nihil, voluptates necessitatibus culpa officiis recusandae molestiae?</td>
</tr>
<tr>
<td>Lorem ipsum dolor</td>
<td>Lorem ipsum dolor</td>
<td>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum iure assumenda sit eum suscipit ex dolorem eveniet corporis? Sequi nisi similique quisquam vero nihil, voluptates necessitatibus culpa officiis recusandae molestiae?</td>
</tr>
<tr class="tablerow">
<td>Lorem ipsum dolor</td>
<td>Lorem ipsum dolor</td>
<td>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum iure assumenda sit eum suscipit ex dolorem eveniet corporis? Sequi nisi similique quisquam vero nihil, voluptates necessitatibus culpa officiis recusandae molestiae?</td>
</tr>
</tbody>
</table>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque, exercitationem laboriosam laudantium asperiores ipsam quo neque officiis reiciendis deleniti hic, cum officia! Optio, praesentium voluptates in dicta doloremque iste omnis. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos placeat, voluptate saepe aperiam explicabo molestiae possimus inventore, tempora magnam facilis voluptas, dolor tenetur error suscipit aliquid sunt ipsum sed veritatis. Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos <span class="yellow"> optio ducimus obcaecati nobis eaque hic facilis alias pariatur modi consequatur soluta, ullam </span> odit quaerat iusto tempore ipsa omnis doloremque. Assumenda!</p>
</section>
</main>
<!-- Footer approfondimenti -->
<footer>
<p class="grey">Potrebbero interessarti <br>
<div class="footer">
<img src="img/monitor.jpg" alt=""> <span class="white">Lorem ipsum dolor</span>
</div>
<div class="footer">
<img src="img/graph.jpg" alt=""> <span class="white">Lorem ipsum dolor</span>
</div>
</p>
</footer>
</body>
</html>