nevim/nevim.html at master · L1py/nevim · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

<style>


*{
    box-sizing: border-box;
}

body{
  background-color: rgb(207, 203, 203);
  font-family: sans-serif;
  border: 2px solid black;
  padding: 0;
  margin: 100px;


}

header{
    background-color: aqua;
}

.flex1{
    background-color: rgb(186, 120, 186);
}

.flex2{
    background-color: orange;
}


.flexbox{
    display: flex;

    margin: 10px;
}

</style>


</head>
<body>

<header>

    <p>Lorem ipsum dolor a impedit mollitia beatae deserunt adipisci obcaecati sequi ducimus laboriosam corporis, asperiores dolore aliquam, quidem nobis. Iusto recusandae harum tenetur. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Repellendus, mollitia illo obcaecati nostrum ex tempore tenetur qui perspiciatis sed praesentium aspernatur temporibus ducimus repudiandae, et odio inventore. Aperiam, illum sint? Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo commodi corporis impedit, qui voluptates tempore. Maiores optio, sed, necessitatibus sint illum magni voluptate mollitia qui dicta possimus unde, nobis et? Lorem ipsum, dolor sit amet consectetur adipisicing elit. Perspiciatis minima quaerat tempore provident. Itaque ducimus culpa eligendi reiciendis ipsum pariatur aliquid, eius esse quos architecto, est hic, odit deserunt perferendis.</p>
</header>

<div class="flexbox">

<div class="flex1">¨


    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut necessitatibus, laborum voluptate ipsam id hic unde sapiente placeat. Dolorum delectus consequatur dolorem adipisci aliquid odit libero molestiae sapiente nam odio! Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint, ipsum? Aliquid veniam expedita temporibus velit a beatae fugit fuga eius, enim alias, ipsam rem! Magnam tempora facilis sunt ratione necessitatibus! Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem maiores esse, praesentium natus perferendis quaerat rerum laboriosam illo reprehenderit fugit eligendi eum suscipit, quae nesciunt ullam nihil blanditiis dolore ea.</p>
</div>


<div class="flex2">

    <p>Lorem ipsum, dolor sit fuga quas officia similique ducimus tempora pariatur? Architecto ab vero eius? Obcaecati molestiae voluptatem laboriosam, qui rem minus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium, aspernatur, deserunt quibusdam accusantium quisquam ab suscipit sequi, assumenda impedit voluptates commodi maxime amet vero consectetur dolor alias. Repellendus, reiciendis enim? Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sunt eum placeat iste, est, suscipit optio consequatur labore consequuntur libero illo natus tempore vel nihil incidunt corporis, nobis eaque perferendis sit! Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas ad illum nam eligendi recusandae, laboriosam cupiditate accusamus ducimus placeat ab alias maxime similique, natus distinctio necessitatibus sint repudiandae corporis dolore!</p>
</div>


</div>

</body>
</html>