-
Notifications
You must be signed in to change notification settings - Fork 0
/
practice.html
44 lines (43 loc) · 3.43 KB
/
practice.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body {
margin: 0;
}
section {
border: 5px solid #000;
height: 300px;
}
section:nth-child(4) {
background: url(images/hiring-main-01-01.jpg) no-repeat center center;
background-size: cover;
}
@media (max-width: 768px) {
section {
height: auto;
}
section:nth-child(4) {
height: 300px;
}
}
</style>
</head>
<body>
<div class="container">
<section>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quod reiciendis cum minus dolor! Quos fugiat provident perspiciatis nihil nesciunt error aut dolores quibusdam ipsa officia, obcaecati excepturi delectus accusantium quae vel nisi tenetur earum repellat inventore nam nemo aperiam autem exercitationem! Veritatis tempore explicabo distinctio? Dolore sit, voluptatibus deleniti facere, obcaecati voluptatem fugiat fuga beatae ab explicabo architecto error molestias quod rerum quae earum enim iste officiis ullam laudantium debitis hic. Animi praesentium sunt quaerat provident veniam quas distinctio asperiores dolores minima sapiente ut labore corporis, ea illo iste magni eligendi hic voluptates beatae voluptatibus omnis at! Commodi, magnam omnis?
</section>
<section>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione mollitia cumque sapiente quisquam itaque iusto repellat exercitationem, necessitatibus vitae hic. Id, laborum. Recusandae quis doloribus ullam esse adipisci, a non asperiores nesciunt corrupti. Temporibus voluptate soluta animi quae magnam vel cupiditate vitae! Dolorem excepturi itaque ipsam quisquam minima. Architecto cumque, minima pariatur fuga impedit tempore molestiae, ratione dolorem laborum qui porro cupiditate! Modi explicabo dolorum, quasi doloremque et cupiditate accusantium aspernatur placeat eos beatae soluta voluptatum quos totam quas ipsa iste debitis dolore itaque, voluptate sunt? Atque ab temporibus quod optio iure laudantium cumque aliquam consequatur dicta debitis ipsam tempora natus possimus enim, asperiores aperiam corrupti suscipit ut placeat at eius quo vitae. Ut, reprehenderit possimus pariatur repellat distinctio corporis.
</section>
<section>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta, beatae asperiores quam pariatur ad vero natus ea quibusdam iusto quod, nisi inventore quia repudiandae excepturi, repellendus expedita ducimus minima unde quis quo provident error dolor nam! Illo illum fugiat est voluptatum porro dignissimos dolores, consectetur atque similique ut placeat labore animi maxime aperiam architecto aliquid, omnis magnam quia at? Quibusdam voluptates eaque ratione quas expedita magnam quia, repellat, hic enim et a fuga atque vero omnis voluptatum, modi nesciunt praesentium. Asperiores, porro qui! Eum aliquam pariatur quas unde inventore, qui suscipit ea temporibus impedit earum tempora ex illum deleniti dicta saepe? Numquam vitae et odio natus excepturi, ipsa fugit, fuga maxime reiciendis eos itaque distinctio alias odit est voluptatibus dolor? Temporibus qui omnis ut nisi consequatur, saepe itaque illo quisquam, vel, totam perspiciatis repellendus harum at quae ex! Harum, voluptates unde. Ut dolore sapiente dignissimos sed voluptatum nihil repellendus ipsa!
</section>
<section></section>
</div>
</body>
</html>