forked from Alicunde/HTML
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
50 lines (50 loc) · 2.7 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
<!DOCTYPE html>
<html>
<head>
<title>Articles</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
</head>
<body>
<div class="Articles">
<ul>
<li>
<picture title="2 days ago">
<img alt="Test" src="images/1.jpg">
</picture>
<h3>Consectetur adipis cing</h3>
<strong>Salbatore Munuera</strong>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<a href="#test">Read more</a>
</li>
<li>
<picture title="2 days ago">
<img alt="Test" src="images/2.jpg">
</picture>
<h3>Sed do eiusmod tempor</h3>
<strong>Miguel de Cervantes</strong>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<a href="#test">Read more</a>
</li>
<li>
<picture title="2 days ago">
<img alt="Test" src="images/3.jpg">
</picture>
<h3>Ut enim ad minim veniam</h3>
<strong>Pablo Neruda</strong>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<a href="#test">Read more</a>
</li>
<li>
<picture title="2 days ago">
<img alt="Test" src="images/4.jpg">
</picture>
<h3>Aliquip ex ea commodo</h3>
<strong>J. D. Salinger</strong>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<a href="#test">Read more</a>
</li>
</ul>
</div>
</body>
</html>