-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
110 lines (103 loc) · 6.01 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
98
99
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css.css">
</head>
<body>
<header class="header">
<figure class="container-logo">
<img src="Lorem.jpg" alt="" class="logo"/>
</figure>
<nav class="menu">
<ul class="container-menu">
<li class="item-menu"><a href="">home</a></li>
<li class="item-menu"><a href="">tools</a></li>
<li class="item-menu"><a href="">forum</a></li>
<li class="item-menu"><a href="">contact</a></li>
</ul>
</nav>
</header>
<main class="main">
<figure class="container-banner">
<img src="Lorem.jpg" alt="" class="img-banner"/>
</figure>
<div class="section1">
<div class="container-picture">
<figure class="picture">
<img src="Lorem.jpg" alt="" class="img-picture"/>
<p class="paragraph-picture">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati id non impedit quasi quam nisi in illum? Non, repellendus.
</p>
</figure>
</div>
<div class="container-picture">
<figure class="picture">
<img src="Lorem.jpg" alt="" class="img-picture"/>
<p class="paragraph-picture">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati id non impedit quasi quam nisi in illum? Non, repellendus.
</p>
</figure>
</div>
<div class="container-picture">
<figure class="picture">
<img src="Lorem.jpg" alt="" class="img-picture"/>
<p class="paragraph-picture">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati id non impedit quasi quam nisi in illum? Non, repellendus.
</p>
</figure>
</div>
</div>
<section class="section2">
<h2 class="tittle-section3">section 3</h2>
<p class="paragraph-section3">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi incidunt nostrum esse neque, doloremque in soluta sapiente magnam quas fuga quisquam, odio, voluptatibus debitis. Repellat vel sint soluta ullam quo.
Corporis unde excepturi ipsum neque tempore at a eius architecto. Ab unde delectus sint! Expedita, maiores! Error voluptates, voluptate deserunt itaque suscipit corrupti dicta impedit fugit reprehenderit sint odio soluta!
Rerum vel ad nemo architecto dicta perferendis quis voluptatibus. Velit illum ea inventore nihil tenetur architecto, soluta iusto dignissimos esse! Illum nihil delectus est praesentium tempora, adipisci at quis error!
Quos in laudantium neque magni quam earum est alias, iure autem? Eligendi vitae ratione iste, dolore veniam architecto ipsa ullam a iure rerum praesentium, deserunt necessitatibus ab! Commodi, dicta consequatur?
Quidem beatae sint corrupti quis tempora modi ea perferendis vel. Illo corporis libero ipsum cumque, ullam commodi eligendi eaque deleniti tempora veniam hic dolore molestiae blanditiis esse aliquam ducimus necessitatibus.
Ullam quas distinctio minima iure quia voluptatum quaerat accusantium, autem eligendi alias voluptatibus sapiente eum et amet recusandae veniam aliquam doloribus necessitatibus. Officiis et modi eius exercitationem ratione natus molestiae?
</p>
</section>
<section class="section3">
<div class="division">
<h2>lorem ipsum</h2>
<p class="paragraph-division">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis aperiam sint asperiores eum, saepe in, vero deserunt, dolorum et distinctio unde dignissimos quod! Quia, rerum consequatur provident accusantium quasi magni!Aspernatur consequatur pariatur praesentium porro adipisci vitae laborum fuga fugiat consectetur unde odio ex repellat, optio harum. Quos saepe obcaecati, facere ut ea atque aliquam aperiam asperiores a culpa commodi?
</p>
</div>
<div class="division2">
<h2>lorem ipsum</h2>
<p class="paragraph-division">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis aperiam sint asperiores eum, saepe in, vero deserunt, dolorum et distinctio unde dignissimos quod! Quia, rerum consequatur provident accusantium quasi magni!Aspernatur consequatur pariatur praesentium porro adipisci vitae laborum fuga fugiat consectetur unde odio ex repellat, optio harum. Quos saepe obcaecati, facere ut ea atque aliquam aperiam asperiores a culpa commodi?
</p>
</div>
</section>
<div class="section4">
<figure class="container-img-section5">
<img src="Lorem.jpg" alt="" class="img-section5"/>
</figure>
<figure class="container-img-section5">
<img src="Lorem.jpg" alt="" class="img-section5"/>
</figure>
<figure class="container-img-section5">
<img src="Lorem.jpg" alt="" class="img-section5"/>
</figure>
<figure class="container-img-section5">
<img src="Lorem.jpg" alt="" class="img-section5"/>
</figure>
<figure class="container-img-section5">
<img src="Lorem.jpg" alt="" class="img-section5"/>
</figure>
<figure class="container-img-section5">
<img src="Lorem.jpg" alt="" class="img-section5"/>
</figure>
</div>
</main>
<footer class="footer">
Brayan Alexis Orellansos Gonzalez
</footer>
</body>
</html>