forked from 4GeeksAcademy/html-hello
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
54 lines (49 loc) · 2.08 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
<!DOCTYPE html>
<html>
<head>
<title>Post de Instagram</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!--Encabezado icono y titulo-->
<div class="container">
<header>
<div class="post">
<div class="post-header">
<div class="post-header-left">
<i class="fa-brands fa-html5"></i>
<div class="titulo1">
<b>HTML5</b>
<span>Rigoberto</span>
</div>
</div>
<span class="icon-options"><i class="fa-solid fa-ellipsis-vertical"></i></span>
</div>
<!--imagen-->
<div class="post-image">
<img src="https://picsum.photos/id/17/2500/1667">
</div>
<div class="post-icons"><!--iconos debajo de imagen-->
<div>
<i class="fa-regular fa-heart"></i>
<i class="fa-regular fa-comment"></i>
<i class="fa-regular fa-paper-plane"></i>
</div>
<div>
<i class="fa-regular fa-bookmark"></i>
</div>
</div>
<div class="texto">
<p>Liked by <strong>4GeeksAcademy</strong>, <strong>html5</strong>, <strong>Web</strong> and 100.000
others</p>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi illum, quasi veniam minus maiores et
rem fuga consequuntur mollitia eveniet eos consequatur iure! Totam aperiam illum autem. Hic, soluta
magnam? Sequi illum, quasi veniam minus maiores et rem fuga consequuntur mollitia eveniet eos
consequatur iure! Totam aperiam illum autem. Hic, soluta magnam?</p>
</div>
</div>
</header>
</div>
</body>
</html>