forked from 4GeeksAcademy/fspt85-instagramfeed-aitorsantos
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
43 lines (38 loc) · 1.92 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<script src="https://kit.fontawesome.com/b232dfea0e.js" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<title>Practica Post de Instagram</title>
</head>
<body>
<div class="post">
<div class="header">
<div class="logo"><i class="fa-brands fa-html5"></i></div>
<div class="header-title">
<h1>HTML5</h1>
<p class="Rigoberto">Rigoberto</p>
</div>
<div class="options"><i class="fa-solid fa-ellipsis-vertical"></i></div>
</div>
<div class="image">
<img src="https://www.autoitalia.es/wp-content/uploads/Italy_001-300x236.jpg"/>
</div>
<div class="icons">
<div class="like"><i class="fa-regular fa-heart"></i></div>
<div class="comment"><i class="fa-regular fa-comment"></i></div>
<div class="dm"><i class="fa-regular fa-paper-plane"></i></div>
<div class="bookmark"><i class="fa-regular fa-bookmark"></i></div>
</div>
<div class="content">
<p class="liked">Liked by <strong>4GeeksAcademy, html5, Web </strong>and <strong>100.000 others.</strong></p>
<p class="post-description">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper siscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</div>
</div>
</body>
</html>