-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
54 lines (51 loc) · 2.93 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
<!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">
<title>readMore Js Demo</title>
<link href='http://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link href="style.css" rel='stylesheet' type='text/css'/>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<h1>Welcome to readMore Js!</h1>
<div class="article">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex ea facere saepe, hic quod sunt molestias,
corrupti veritatis. Accusantium modi molestiae ab commodi error. Maiores ab quo recusandae reprehenderit
impedit minus non, libero cumque, dignissimos officia illo neque quia! Placeat et labore quam, vero atque minus.
Quas fuga nobis, soluta officiis temporibus similique sapiente quaerat magni repudiandae.
</p>
<p>
Accusamus quaerat autem consectetur atque fugiat fuga quisquam, officia deserunt? Facilis et
voluptatem numquam quia ratione, deserunt totam incidunt beatae aspernatur autem ipsum voluptatibus,
architecto molestias nesciunt consectetur voluptates iste perspiciatis aliquam ipsam, dicta eveniet nulla quasi.
Id, cumque. Deserunt quisquam, blanditiis at dolor, excepturi aspernatur qui praesentium. Neque asperiores magnam quod
</p>
<h2>Heading 2</h2>
<p>
voluptatem ab id facere vero officia, illo inventore similique. Dolorum porro impedit repellat natus distinctio optio vel,
repudiandae nemo laborum neque cum illum explicabo saepe quis aspernatur deleniti, dolore quisquam cupiditate ad dolores!
Dolores, quidem, dolore. Nesciunt, sapiente enim quis, unde fuga voluptas reiciendis deserunt eum quisquam odit veritatis
tenetur iste veniam alias itaque beatae. Consectetur necessitatibus cupiditate cumque, iste dolores expedita assumenda quibusdam
harum ipsa, labore, repellendus, non veritatis ab. Commodi, illo, similique nam, enim modi aut dignissimos necessitatibus nobis
totam et dolores tenetur nisi, culpa inventore? Fugit, quam, porro!
</p>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="readMore.js" ></script>
<script>
$(".article").readMore();
</script>
</body>
</html>