-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
74 lines (73 loc) · 4.35 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
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="style.css" type="text/css"
media="screen" charset="utf-8" />
<title>CSS3 Corner effect</title>
</head>
<body>
<div id="boiteCorne">
<div id="effetCorne"></div>
<p>Pur CSS3<br />pas d'image</p>
</div>
<div id="lorem">Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Aenean hendrerit est et nisl mollis pellentesque. Vestibulum
ultricies nisi nisi, eget hendrerit enim. Nam placerat elit id libero
gravida vehicula. Vestibulum vestibulum bibendum sapien, et varius est
consequat a. Aliquam consequat enim ac sapien adipiscing sed posuere
risus ullamcorper. Nulla a felis leo. Proin mattis leo tempor massa
auctor faucibus. Integer massa velit, congue a semper sed, tempor vitae
justo. Duis consectetur ornare massa at congue. Duis hendrerit bibendum
orci, quis pulvinar metus laoreet nec. Vestibulum cursus tristique est
vulputate ultrices. Pellentesque in purus sed neque elementum porta.
Proin rutrum gravida nibh vel blandit. Nam molestie semper dolor,
pretium porttitor quam adipiscing at. Duis consectetur faucibus leo,
sodales convallis orci consequat ut. Ut vel ante ac velit tempor
commodo. Nunc commodo facilisis magna, non rhoncus nisl feugiat quis.
Nunc non purus vitae odio eleifend imperdiet. In ultrices pulvinar dui,
vel molestie nulla ultrices at. Mauris mollis ornare neque id rutrum.
Vivamus massa sapien, egestas ac consequat quis, rhoncus a enim. Donec
porta lobortis erat, nec luctus diam tincidunt sit amet. Proin nec
volutpat leo. Maecenas condimentum tortor lorem. Fusce tellus nisi,
ultrices vitae scelerisque vitae, interdum nec turpis. Nunc a lorem
tempus orci feugiat vestibulum. Nullam porta nisi ac odio interdum quis
dictum elit euismod. Nunc bibendum euismod scelerisque. Cras porttitor
pharetra est, ut suscipit nisl gravida vitae. Integer auctor, orci
commodo condimentum placerat, mauris lacus consequat nunc, a mollis arcu
justo a lacus. Vestibulum tincidunt, urna at mattis ullamcorper, libero
nibh aliquet dui, ut vulputate tortor felis at felis. Nam vitae libero
est, a aliquam augue. Aliquam tincidunt dolor consequat tellus euismod
mattis. Praesent varius, ligula vitae mattis tincidunt, quam sapien
sodales felis, ac tempus ante lacus nec dolor. Cras volutpat scelerisque
sapien ac suscipit. Donec faucibus, sem eget faucibus vestibulum, urna
tellus sodales nunc, vulputate auctor arcu quam id ante. Ut nec felis a
erat sagittis molestie. Vivamus sit amet diam nisl, sit amet tincidunt
mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia Curae; Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Ut posuere leo sit amet mauris mollis consectetur. Ut
vehicula rutrum nibh at facilisis. Phasellus convallis, felis nec
condimentum sagittis, lacus eros tristique mauris, vel scelerisque nisi
justo at libero. Proin lobortis, mauris vel ultricies adipiscing, neque
leo pharetra urna, ut tincidunt dui erat ut lorem. Morbi feugiat justo
nec velit pretium eleifend consectetur tristique libero. Maecenas
commodo metus eu tortor ultricies varius. Etiam tempus nisl ante. Proin
eu odio ante, vitae euismod purus. Cras mi ante, elementum et euismod
eget, dictum sit amet nisi. Praesent consequat arcu sed magna tempor ac
vestibulum leo gravida. Sed erat ante, scelerisque vel interdum non,
gravida quis turpis. Vivamus felis sapien, egestas id ultrices quis,
convallis eu dolor. Vivamus interdum consectetur adipiscing. Morbi vel
turpis placerat nulla lacinia dignissim et sed magna. Praesent ultrices
adipiscing mauris ac laoreet. Proin ac augue turpis. Nullam libero nisi,
aliquam vel congue a, viverra ut arcu. Sed tincidunt gravida mauris et
placerat. In in diam ut dolor adipiscing fringilla a at nunc. Sed vitae
elementum dolor. Proin velit neque, aliquet eu porta ac, laoreet eu
ligula. Nulla facilisi. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Proin tristique bibendum
ligula ac pretium. Proin ut tortor et ligula aliquam dictum sed eu sem.
Donec porta laoreet sem non faucibus. Ut purus nisi, porta non suscipit
quis, lacinia sollicitudin arcu. Quisque vestibulum felis ac arcu
viverra nec luctus velit ultrices. Fusce elementum porttitor metus, sed
suscipit nulla faucibus in.</div>
</body>
</html>