/
index.html
53 lines (44 loc) · 5.75 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
<!DOCTYPE html>
<html>
<head>
<title>fileStyle - JulFox06</title>
<!-- Meta -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale = 1.0, user-scalable=no" />
<link rel="stylesheet" type="text/css" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="main.js"></script>
</head>
<body>
<div class="title">
<a href=""><img src="icon.png"></a>
<h1>File Style Page</h1>
</div>
<div class="page un">
<h2 class="name">File 1</h2>
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dapibus et nisl a pulvinar. Donec libero orci, porttitor nec suscipit sed, imperdiet eu leo. Aenean pellentesque mauris ornare libero viverra tincidunt. Curabitur pellentesque augue libero, eget interdum erat consectetur at. Aenean sed gravida neque, sed fermentum lorem. Sed malesuada, felis sed pellentesque ullamcorper, justo urna tincidunt tellus, at interdum felis risus quis nisi. Aenean sed lectus ut ante lacinia ornare. Vestibulum sodales dignissim ex, ut sagittis tellus ornare in. Praesent finibus arcu quis nibh pellentesque tincidunt. Etiam in mauris vel mauris accumsan cursus vitae ut dui. Mauris luctus tempus molestie. Aliquam a diam sem. Maecenas euismod bibendum ex, id rhoncus felis fermentum sit amet. Vivamus vitae maximus magna, in consectetur risus. Mauris sit amet tempor est.<br>
Suspendisse dignissim laoreet ex nec rutrum. Donec ac massa nulla. Aliquam imperdiet, neque ac consequat lacinia, orci dolor lacinia lacus, non feugiat leo massa in augue. Pellentesque cursus sed nibh sit amet feugiat. Pellentesque id aliquet nisl, ultrices blandit arcu. Sed tincidunt vitae diam sed mattis. Praesent quam mi, venenatis nec ultricies non, iaculis vitae lacus. Sed eu rhoncus felis. Duis tempor sodales lacus nec condimentum. In placerat nunc non nulla porttitor, non cursus leo blandit. Fusce rhoncus, tellus eu tincidunt accumsan, ipsum magna vehicula dui, ac egestas nulla augue ac mauris. Aliquam pharetra augue eu eros blandit, ut fermentum augue elementum. Fusce eget fermentum metus, at auctor nisi. Quisque est nulla, tincidunt at ante eu, commodo lacinia metus.<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dapibus et nisl a pulvinar. Donec libero orci, porttitor nec suscipit sed, imperdiet eu leo. Aenean pellentesque mauris ornare libero viverra tincidunt. Curabitur pellentesque augue libero, eget interdum erat consectetur at. Aenean sed gravida neque, sed fermentum lorem. Sed malesuada, felis sed pellentesque ullamcorper, justo urna tincidunt tellus, at interdum felis risus quis nisi. Aenean sed lectus ut ante lacinia ornare. Vestibulum sodales dignissim ex, ut sagittis tellus ornare in. Praesent finibus arcu quis nibh pellentesque tincidunt. Etiam in mauris vel mauris accumsan cursus vitae ut dui. Mauris luctus tempus molestie. Aliquam a diam sem. Maecenas euismod bibendum ex, id rhoncus felis fermentum sit amet. Vivamus vitae maximus magna, in consectetur risus. Mauris sit amet tempor est.<br>
Suspendisse dignissim laoreet ex nec rutrum. Donec ac massa nulla. Aliquam imperdiet, neque ac consequat lacinia, orci dolor lacinia lacus, non feugiat leo massa in augue. Pellentesque cursus sed nibh sit amet feugiat. Pellentesque id aliquet nisl, ultrices blandit arcu. Sed tincidunt vitae diam sed mattis. Praesent quam mi, venenatis nec ultricies non, iaculis vitae lacus. Sed eu rhoncus felis. Duis tempor sodales lacus nec condimentum. In placerat nunc non nulla porttitor, non cursus leo blandit. Fusce rhoncus, tellus eu tincidunt accumsan, ipsum magna vehicula dui, ac egestas nulla augue ac mauris. Aliquam pharetra augue eu eros blandit, ut fermentum augue elementum. Fusce eget fermentum metus, at auctor nisi. Quisque est nulla, tincidunt at ante eu, commodo lacinia metus.<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dapibus et nisl a pulvinar. Donec libero orci, porttitor nec suscipit sed, imperdiet eu leo. Aenean pellentesque mauris ornare libero viverra tincidunt. Curabitur pellentesque augue libero, eget interdum erat consectetur at. Aenean sed gravida neque, sed fermentum lorem. Sed malesuada, felis sed pellentesque ullamcorper, justo urna tincidunt tellus, at interdum felis risus quis nisi. Aenean sed lectus ut ante lacinia ornare. Vestibulum sodales dignissim ex, ut sagittis tellus ornare in. Praesent finibus arcu quis nibh pellentesque tincidunt. Etiam in mauris vel mauris accumsan cursus vitae ut dui. Mauris luctus tempus molestie. Aliquam a diam sem. Maecenas euismod bibendum ex, id rhoncus felis fermentum sit amet. Vivamus vitae maximus magna, in consectetur risus. Mauris sit amet tempor est.<br>
Suspendisse dignissim laoreet ex nec rutrum. Donec ac massa nulla. Aliquam imperdiet, neque ac consequat lacinia, orci dolor lacinia lacus, non feugiat leo massa in augue. Pellentesque cursus sed nibh sit amet feugiat. Pellentesque id aliquet nisl, ultrices blandit arcu. Sed tincidunt vitae diam sed mattis. Praesent quam mi, venenatis nec ultricies non, iaculis vitae lacus. Sed eu rhoncus felis. Duis tempor sodales lacus nec condimentum. In placerat nunc non nulla porttitor, non cursus leo blandit. Fusce rhoncus, tellus eu tincidunt accumsan, ipsum magna vehicula dui, ac egestas nulla augue ac mauris. Aliquam pharetra augue eu eros blandit, ut fermentum augue elementum. Fusce eget fermentum metus, at auctor nisi. Quisque est nulla, tincidunt at ante eu, commodo lacinia metus.<br>
</div>
</div>
<div class="page deux">
<h2 class="name">File 2</h2>
<div class="content">
</div>
</div>
<div class="page trois">
<h2 class="name">File 3</h2>
<div class="content">
</div>
</div>
<div class="page quatre">
<h2 class="name">File 4</h2>
<div class="content">
</div>
</div>
</body>
</html>