-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
97 lines (84 loc) · 5.22 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>
<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>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<div class="container">
<header>
<div class="bg-pattern">
<img id="logo" src="./img/logo.svg" alt="logo the booleaner">
</div>
</header>
<main>
<section>
<h1>Internet deve essere al servizio del "bene pubblico": il manifesto di Tim Berners-Lee</h1>
<h3>Scritto da <span>The Booleaner</span></h3>
<time datetime="2020-10-10">Il 10/10/2020</time>
<figure>
<img src="./img/tim-1.jpg" alt="Tim Berners-Lee Night foundation">
<img src="./img/tim-2.jpg" alt="Tim Berners-Lee image">
<figcaption>1<sup>st</sup> Photo: John S. and James L. Knight Foundation, by Scott Henrichsen</figcaption>
<figcaption>2<sup>nd</sup> Photo: Wikimedia, by Paul Clarke</figcaption>
</figure>
<article>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quisquam sed blanditiis esse, perspiciatis ex error corrupti, enim perferendis, omnis explicabo reiciendis maxime placeat exercitationem <mark>ducimus ullam rerum possimus deserunt quo?</mark>
Totam asperiores, aliquam nihil dolore eaque quas commodi magni aut repudiandae provident nisi fugit! Aut nihil vitae natus, non, et laudantium saepe sapiente dicta quasi nostrum corporis eum maiores incidunt. eque sed expedita saepe incidunt hic a. Ut fugit cum nemo itaque quisquam vitae nisi nostrum tempore.</p>
</article>
<ul>
<li>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis similique dicta quaerat amet sequi, nulla. Lorem ipsum dolor sit.</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus nulla vero repellendus. Lorem Temporibus, voluptatibus.</li>
<li>Lorem aut sin dolor consectetur adipisicing elit consectetur adipisicing elit. Placeat. Lorem ipsum dolor sit. Lorem ipsum dolor sit.</li>
</ul>
<table>
<thead>
<tr>
<th scope="col">Lorem ipsum dolor</th>
<th scope="col">Lorem ipsum dolor</th>
<th scope="col" class="colspan3">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. Ipsum vel delectus veniam, amet repudiandae odit natus voluptate maiores rerum deleniti. Eius beatae, numquam dolore cupiditate dolor sunt nemo officiis in.</td>
</tr>
<tr>
<td>Lorem ipsum dolor</td>
<td>Lorem ipsum dolor</td>
<td>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ipsum vel delectus veniam, amet repudiandae odit natus
voluptate maiores rerum deleniti. Eius beatae, numquam dolore cupiditate dolor sunt nemo officiis in.</td>
</tr>
<tr>
<td>Lorem ipsum dolor</td>
<td>Lorem ipsum dolor</td>
<td>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ipsum vel delectus veniam, amet repudiandae odit natus
voluptate maiores rerum deleniti. Eius beatae, numquam dolore cupiditate dolor sunt nemo officiis in.</td>
</tr>
</tbody>
</table>
<article>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni, cumque? Voluptatibus tenetur cumque officia iure quidem! Cupiditate porro ea alias voluptate delectus fugiat, saepe assumenda dolores ipsam cum placeat eligendi!
Placea <mark> asperiores expedita eius voluptate et pariatur </mark>architecto culpa, nulla ipsam facilis nobis perspiciatis dicta non quis hic voluptatum repudiandae nisi officia veritatis illum amet! Voluptate perferendis libero officia doloribus?
</article>
</section>
<aside>
<h3>Potrebbero interessarti</h3>
<div class="related-item">
<img src="./img/monitor.jpg" alt="monitor">
<h3 class="text-img">Lorem ipsum dolor</h3>
</div>
<div class="related-item">
<img src="./img/graph.jpg" alt="graph">
<h3 class="text-graph">Lorem ipsum dolor</h3>
</div>
</aside>
</main>
</div>
</body>
</html>